chore: update website to align with CNCF website guidelines (#566)

KusionStack · Oct 10, 2024 · 5fe5ec4 · 5fe5ec4
1 parent f281214
commit 5fe5ec4
Show file tree

Hide file tree

Showing 6 changed files with 83 additions and 13 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -330,14 +330,14 @@ const config = {
             ],
           },
         ],
-        logo: {
-          alt: "AntGroup Open Source Logo",
-          src: "img/oss_logo.svg",
-          width: 160,
-          height: 51,
-          href: "https://opensource.antgroup.com/",
-        },
-        copyright: `Copyright © ${new Date().getFullYear()} KusionStack Authors`,
+        // logo: {
+        //   alt: "AntGroup Open Source Logo",
+        //   src: "img/oss_logo.svg",
+        //   width: 160,
+        //   height: 51,
+        //   href: "https://opensource.antgroup.com/",
+        // },
+        copyright: `Copyright © ${new Date().getFullYear()} KusionStack Authors. The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our <a href="https://www.linuxfoundation.org/trademark-usage/"> Trademark Usage</a> page.`,
       },
       prism: {
         theme: lightCodeTheme,

diff --git a/i18n/en/docusaurus-theme-classic/footer.json b/i18n/en/docusaurus-theme-classic/footer.json
@@ -40,7 +40,7 @@
     "description": "The label of footer link with label=KCL linking to https://kcl-lang.io"
   },
   "copyright": {
-    "message": "Copyright © 2024 KusionStack Authors",
+    "message": "Copyright © 2024 KusionStack Authors. The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our <a href=\"https://www.linuxfoundation.org/trademark-usage/\"> Trademark Usage</a> page.",
     "description": "The footer copyright"
   },
   "logo.alt": {

diff --git a/i18n/zh/docusaurus-theme-classic/footer.json b/i18n/zh/docusaurus-theme-classic/footer.json
@@ -40,7 +40,7 @@
     "description": "The label of footer link with label=KCL linking to https://kcl-lang.io"
   },
   "copyright": {
-    "message": "Copyright © 2024 KusionStack Authors",
+    "message": "Copyright © 2024 KusionStack Authors. The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our <a href=\"https://www.linuxfoundation.org/trademark-usage/\"> Trademark Usage</a> page.",
     "description": "The footer copyright"
   },
   "logo.alt": {

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -256,13 +256,12 @@ function Home() {
         <div className="container">
           <div className="container text--center">
             <h2 className={clsx("hero__subtitle", styles.poppinsFont)}>
-              KusionStack is in{" "}
+              KusionStack is a {" "}
               <Link to="https://cncf.io/">
                 Cloud Native Computing Foundation
               </Link>{" "}
-              landscape
+              Sandbox Project
             </h2>
-            <br />
             <div>
               <ThemedImage
                 className={styles.cncfLogo}
@@ -276,6 +275,27 @@ function Home() {
           </div>
         </div>
         <br></br>
+        <div className="container">
+            <div className="container text--center">
+                <div className="container" style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column', height: '15vh' }}>
+                    <h2 className={clsx("hero__subtitle", styles.poppinsFont)} style={{ marginRight: '0px', fontSize: "16px" }}>
+                        Originally created by
+                    </h2>
+                    <a href="https://external-link.com" target="_blank" rel="noopener noreferrer">
+                        <ThemedImage
+                            className={styles.cncfLogo}
+                            alt="Ant Open Source"
+                            sources={{
+                                light: useBaseUrl("/img/oss_logo_black.svg"),
+                                dark: useBaseUrl("/img/oss_logo_black.svg"),
+                            }}
+                            style={{ width: '200px', height: 'auto' }} // Adjust the width as needed
+                        />
+                    </a>
+                </div>
+            </div>
+        </div>
+        <br></br>
         <br></br>
       </main>
     </Layout>