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/). -CNCF logo + + CNCF logo + CNCF logo + ## 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.