From 574f9239050f5470a214b2a10439b818b56fbab1 Mon Sep 17 00:00:00 2001 From: Adithya Krishna Date: Sun, 7 May 2023 15:18:01 +0530 Subject: [PATCH 1/2] Added CNCF Logo on the Homepage Signed-off-by: Adithya Krishna --- docusaurus.config.js | 8 +- src/css/custom.css | 8 + src/pages/index.js | 7 + src/pages/index.module.css | 14 ++ static/img/cncf-color.svg | 1 + static/img/cncf-white.svg | 1 + static/img/logo.svg | 18 ++- static/img/undraw_docusaurus_mountain.svg | 171 ---------------------- static/img/undraw_docusaurus_react.svg | 170 --------------------- static/img/undraw_docusaurus_tree.svg | 40 ----- 10 files changed, 52 insertions(+), 386 deletions(-) create mode 100644 static/img/cncf-color.svg create mode 100644 static/img/cncf-white.svg delete mode 100644 static/img/undraw_docusaurus_mountain.svg delete mode 100644 static/img/undraw_docusaurus_react.svg delete mode 100644 static/img/undraw_docusaurus_tree.svg diff --git a/docusaurus.config.js b/docusaurus.config.js index c259fd9f..71e101a2 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -127,7 +127,7 @@ const config = { src: '/img/wasmedge_logo.svg', href: 'https://wasmedge.org/', }, - style: 'light', + style: 'dark', links: [ { title: 'Docs', @@ -178,8 +178,8 @@ const config = { href: 'https://twitter.com/realwasmedge', }, { - label: 'Slack#WasmEdge', - href: 'https://slack.cncf.io/' + label: 'Slack #WasmEdge', + href: 'https://cloud-native.slack.com/archives/C0215BBK248' }, { label: 'Community Meeting', @@ -188,7 +188,7 @@ const config = { ], }, ], - copyright: `Copyright © ${new Date().getFullYear()} WasmEdge. Built with Docusaurus.`, + copyright: `Copyright © ${new Date().getFullYear()} WasmEdge. Built with Docusaurus.
Code of Conduct`, }, prism: { theme: lightCodeTheme, diff --git a/src/css/custom.css b/src/css/custom.css index 2bc6a4cf..d611e28c 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -28,3 +28,11 @@ --ifm-color-primary-lightest: #4fddbf; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); } + +.cncf-logo { + background: center no-repeat url('/img/cncf-color.svg'); +} + +html[data-theme='dark'] .cncf-logo { + background: center no-repeat url('/img/cncf-white.svg'); +} \ No newline at end of file diff --git a/src/pages/index.js b/src/pages/index.js index 885393a1..bdb524ae 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -36,6 +36,13 @@ export default function Home() {
+
+

+ WasmEdge is a CNCF (Cloud Native Computing Foundation) sandbox project +

+
+
+
); } diff --git a/src/pages/index.module.css b/src/pages/index.module.css index 9f71a5da..1760c5c0 100644 --- a/src/pages/index.module.css +++ b/src/pages/index.module.css @@ -21,3 +21,17 @@ align-items: center; justify-content: center; } + +.cncfLogo { + height: 90px; +} + +@media screen and (max-width: 768px) { + .cncfLogo { + height: 64px; + } +} + +div.homepageCNCFLogo{ + text-align: center; +} \ No newline at end of file diff --git a/static/img/cncf-color.svg b/static/img/cncf-color.svg new file mode 100644 index 00000000..2b9d5117 --- /dev/null +++ b/static/img/cncf-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/img/cncf-white.svg b/static/img/cncf-white.svg new file mode 100644 index 00000000..c5e3b2af --- /dev/null +++ b/static/img/cncf-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/img/logo.svg b/static/img/logo.svg index 3b3d0e8a..d7982956 100644 --- a/static/img/logo.svg +++ b/static/img/logo.svg @@ -1 +1,17 @@ - \ No newline at end of file + + + + + + + + + + + + + + + diff --git a/static/img/undraw_docusaurus_mountain.svg b/static/img/undraw_docusaurus_mountain.svg deleted file mode 100644 index af961c49..00000000 --- a/static/img/undraw_docusaurus_mountain.svg +++ /dev/null @@ -1,171 +0,0 @@ - - Easy to Use - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/img/undraw_docusaurus_react.svg b/static/img/undraw_docusaurus_react.svg deleted file mode 100644 index 94b5cf08..00000000 --- a/static/img/undraw_docusaurus_react.svg +++ /dev/null @@ -1,170 +0,0 @@ - - Powered by React - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/img/undraw_docusaurus_tree.svg b/static/img/undraw_docusaurus_tree.svg deleted file mode 100644 index d9161d33..00000000 --- a/static/img/undraw_docusaurus_tree.svg +++ /dev/null @@ -1,40 +0,0 @@ - - Focus on What Matters - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - From 38cd834ddab0fd1cad86efd1aa6287bea3c1b4f1 Mon Sep 17 00:00:00 2001 From: Adithya Krishna Date: Sun, 7 May 2023 15:25:39 +0530 Subject: [PATCH 2/2] Updated to GitHub Icon Signed-off-by: Adithya Krishna --- docusaurus.config.js | 7 ++++++- src/css/custom.css | 17 +++++++++++++++++ 2 files changed, 23 insertions(+), 1 deletion(-) diff --git a/docusaurus.config.js b/docusaurus.config.js index 71e101a2..9da06422 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -79,6 +79,11 @@ const config = { themeConfig: /** @type {import('@docusaurus/preset-classic').ThemeConfig} */ ({ + announcementBar: { + id: "start", + content: + '⭐️ If you like WasmEdge, give it a star on GitHub! ⭐️', + }, navbar: { title: 'WasmEdge', logo: { @@ -111,7 +116,7 @@ const config = { }, { href: 'https://github.com/WasmEdge/WasmEdge', - label: 'GitHub', + className: "header-github-link", position: 'right', }, ], diff --git a/src/css/custom.css b/src/css/custom.css index d611e28c..1aa55eb4 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -35,4 +35,21 @@ html[data-theme='dark'] .cncf-logo { background: center no-repeat url('/img/cncf-white.svg'); +} + +.header-github-link:hover { + opacity: 0.6; +} + +.header-github-link:before { + content: ''; + width: 24px; + height: 24px; + display: flex; + background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") + no-repeat; +} + +[data-theme=dark] .header-github-link:before { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat } \ No newline at end of file