diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss index 005ccc36c1b2b..97f6e6999e9e4 100644 --- a/assets/scss/_custom.scss +++ b/assets/scss/_custom.scss @@ -284,6 +284,30 @@ input[type="search"]{ } +.cncf-logo-details { + display: flex; + flex-direction: column; + align-items: center; + + p { + text-align: center; + } + + a { + color: inherit; + background: transparent; + text-decoration: underline; // exception from usual convention + } + + picture { + display: block; + > * { + min-height: 4em; + width: calc(clamp(20em,18em + 20mm,100vw)); + } + } +} + /* FOOTER */ footer { background-color: #202020; diff --git a/layouts/index.html b/layouts/index.html index 0845663be7399..02919bedfe122 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,11 +1,7 @@ {{ define "main" }} {{ .Content }} - - - {{ T "main_cncf_project" | safeHTML }} - - + {{ partial "cncf.html" . }} diff --git a/layouts/partials/cncf.html b/layouts/partials/cncf.html new file mode 100644 index 0000000000000..d5ec6566a1f79 --- /dev/null +++ b/layouts/partials/cncf.html @@ -0,0 +1,9 @@ + + + {{ T "main_cncf_project" | safeHTML }} + + + + + + diff --git a/static/images/cncf-logo-dark.svg b/static/images/cncf-logo-dark.svg new file mode 100644 index 0000000000000..e6b62f826e2de --- /dev/null +++ b/static/images/cncf-logo-dark.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/cncf-color.svg b/static/images/cncf-logo-white.svg similarity index 100% rename from static/images/cncf-color.svg rename to static/images/cncf-logo-white.svg diff --git a/static/images/cncf-white.png b/static/images/cncf-white.png deleted file mode 100644 index 9c3fd0760d49e..0000000000000 Binary files a/static/images/cncf-white.png and /dev/null differ
{{ T "main_cncf_project" | safeHTML }} -
{{ T "main_cncf_project" | safeHTML }}