diff --git a/public/assets/cncf-logo-white.svg b/public/assets/cncf-logo-white.svg
new file mode 100644
index 00000000..9f11c139
--- /dev/null
+++ b/public/assets/cncf-logo-white.svg
@@ -0,0 +1,106 @@
+
+
+
diff --git a/public/assets/cncf-logo.svg b/public/assets/cncf-logo.svg
new file mode 100644
index 00000000..6ed42883
--- /dev/null
+++ b/public/assets/cncf-logo.svg
@@ -0,0 +1,88 @@
+
+
+
diff --git a/public/assets/docs/cncf_logo.png b/public/assets/docs/cncf_logo.png
deleted file mode 100644
index 4a1cefa7..00000000
Binary files a/public/assets/docs/cncf_logo.png and /dev/null differ
diff --git a/src/app/community/community.md b/src/app/community/community.md
index 60f22e91..109c52fb 100644
--- a/src/app/community/community.md
+++ b/src/app/community/community.md
@@ -184,7 +184,10 @@ any single company. To emphasize this we joined the [Cloud Native
Computing Foundation](https://cncf.io/) in 2016 as the second project
after [Kubernetes](https://kubernetes.io/).
-
+
+
+
+
## Acknowledgements
diff --git a/src/app/globals.css b/src/app/globals.css
index c61cc137..52d4ce69 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -53,19 +53,19 @@ pre > code > span {
}
.markdown-content {
- img {
+ img:not(.no-markdown-image-styles) {
max-width: 90%;
max-height: 50vh;
height: auto;
margin: 1.5em auto;
display: block;
- }
- img[src$=".svg"] {
- @mixin dark {
- background-color: var(--mantine-color-gray-3);
- border-radius: 0.3em;
- padding: 0.5em 0.5em;
+ &[src$=".svg"] {
+ @mixin dark {
+ background-color: var(--mantine-color-gray-3);
+ border-radius: 0.3em;
+ padding: 0.5em 0.5em;
+ }
}
}
diff --git a/src/components/PromMarkdown.tsx b/src/components/PromMarkdown.tsx
index eae1bd5c..8345bc46 100644
--- a/src/components/PromMarkdown.tsx
+++ b/src/components/PromMarkdown.tsx
@@ -132,6 +132,8 @@ export default async function PromMarkdown({
);
}
+ const firstChild = Children.toArray(children)[0];
+
return (
{/* Only add the icon if the first child is a string. This is to avoid
breaking the layout of other components like image links etc. */}
- {typeof Children.toArray(children)[0] === "string" ? (
+ {typeof firstChild === "string" && firstChild.trim() !== "" ? (
// with display: "inline-flex" somehow breaks link underlining,
// so going for this manual solution instead.