Rework Project Dropdown (#19)

* Move Learn More section, outdated/duplicate links

Signed-off-by: Derek Nola <derek.nola@suse.com>

* Update dependencies

Signed-off-by: Derek Nola <derek.nola@suse.com>

* Change projects dropdown, Remove SUSE

Signed-off-by: Derek Nola <derek.nola@suse.com>

---------

Signed-off-by: Derek Nola <derek.nola@suse.com>

Author: dereknola

docusaurus.config.js

@@ -54,33 +54,19 @@ module.exports = {
         },
         {
           type: 'dropdown',
-          label: 'More From SUSE',
+          label: 'More From CNCF',
           position: 'right',
           className: 'navbar__dropdown',
           items: [
-            {
-              label: 'Rancher',
-              to: 'https://www.rancher.com',
-              className: 'navbar__icon navbar__rancher',
-            },
-            {
-              label: 'Rancher Desktop',
-              to: "https://rancherdesktop.io",
-              className: 'navbar__icon navbar__rd',
-            },
             {
               label: 'Longhorn',
               to: "https://longhorn.io",
               className: 'navbar__icon navbar__longhorn',
             },
             {
-              type: 'html',
-              value: '<hr style="margin: 0.3rem 0;">',
-            },
-            {
-              label: 'More Projects...',
-              to: "https://opensource.suse.com",
-              className: 'navbar__icon navbar__suse',
+              label: 'Kubewarden',
+              to: "https://kubewarden.io",
+              className: 'navbar__icon navbar__kubewarden',
             },
           ],
         },

package.json

@@ -15,21 +15,21 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.1.0",
-    "@docusaurus/plugin-client-redirects": "^3.1.0",
-    "@docusaurus/preset-classic": "^3.1.0",
-    "@docusaurus/theme-common": "^3.1.0",
-    "@docusaurus/theme-mermaid": "^3.1.0",
-    "@mdx-js/react": "^3.0.0",
-    "clsx": "^1.2.1",
-    "prism-react-renderer": "^2.3.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "@docusaurus/core": "^3.7.0",
+    "@docusaurus/plugin-client-redirects": "^3.7.0",
+    "@docusaurus/preset-classic": "^3.7.0",
+    "@docusaurus/theme-common": "^3.7.0",
+    "@docusaurus/theme-mermaid": "^3.7.0",
+    "@mdx-js/react": "^3.1.0",
+    "clsx": "^2.1.1",
+    "prism-react-renderer": "^2.4.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.1.0",
-    "@tsconfig/docusaurus": "^1.0.5",
-    "typescript": "^4.7.4"
+    "@docusaurus/module-type-aliases": "^3.7.0",
+    "@tsconfig/docusaurus": "^2.0.3",
+    "typescript": "^5.8.3"
   },
   "browserslist": {
     "production": [

src/css/icon_dropdown.css

@@ -83,6 +83,15 @@
   padding-bottom: 9px;
 }
 
+.navbar__kubewarden:hover:before {
+  background-color: #bc2a46;
+}
+.navbar__kubewarden:before {
+  mask: url(/static/img/icon-kubewarden-mask.png) no-repeat 100% 100%;
+  mask-size: cover;
+  height: 22px;
+}
+
 .navbar__suse:hover:before {
   background-color: #30ba78;
 }

src/pages/index.js

@@ -101,19 +101,6 @@ sudo k3s agent --server https://myserver:6443 --token \${NODE_TOKEN}`
         }</CodeBlock>
       </div>
       <div className={`${index.learnMore} ${index.bgPrimary}`}>
-        <div className={index.wrap}>
-          <h2>Learn More</h2>
-          <div className={index.gridTwo}>
-            <div>
-              <p>Read the latest K3s blog.</p>
-              <a href="https://docs.k3s.io/blog" class="button button--lg button--static">Blog</a>
-            </div>
-            <div>
-              <p>Sign up for the latest "K3s Basics" Online Training.</p>
-              <a href="https://www.rancher.academy/courses/k3s-basics" class="button button--lg button--static">Watch Training</a>
-            </div>
-          </div>
-        </div>
       </div>
     </section>
     <section className={`${index.bgLight} ${index.cncf} ${index.textCenter}`}>