refactor: frontend improvements (#655)

* new commit for footer and navbar * new commit for footer and navbar * new commit for footer and navbar * new commit for footer and navbar * Update docusaurus.config.js * new commit for navbar * new commit for navbar * new commit for navbar * new updates * new commit for navbar * new for responsive navbar * new for responsive navbar * new for responsive navbar * new for responsive navbar * new for responsive navbar
wingkwong · Oct 8, 2023 · e8c72d9 · e8c72d9
1 parent 5cbb85c
commit e8c72d9
Show file tree

Hide file tree

Showing 3 changed files with 80 additions and 71 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -58,7 +58,7 @@ const config = {
         },
         gtag: {
           trackingID: 'G-NY80BVQV8L',
-        }, 
+        },
         googleAnalytics: {
           trackingID: 'UA-119822493-4',
         },
@@ -86,27 +86,27 @@ const config = {
         // },
         items: [
           {
-            label: '📚 Tutorials',
+            html: '<span class="nav-emoji">📚</span> Tutorials',
             to: '/tutorials/category/basic-topics',
             activeBaseRegex: `/tutorials/`,
           },
           {
-            label: '📖 Solutions',
+            html: '<span class="nav-emoji">📖</span> Solutions',
             to: '/solutions/category/0000---0099',
             activeBaseRegex: `/solutions/`,
           },
           {
-            label: '🏷️ Tags',
+            html: '<span class="nav-emoji">🏷️</span> Tags',
             to: '/solutions/tags/',
             activeBaseRegex: `/solutions/tags/`,
           },
           {
-            label: '🏛️ Roadmap',
+            html: '<span class="nav-emoji">🏛️</span> Roadmap',
             to: '/roadmap/',
             activeBaseRegex: `/roadmap/`,
           },
           {
-            label: '🖥️ Templates',
+            html: '<span class="nav-emoji">🖥️</span> Templates',
             to: '/templates/',
             activeBaseRegex: `/templates/`,
           },
@@ -211,70 +211,70 @@ const config = {
       },
     }),
 
-    plugins: [
-      [
-        '@docusaurus/plugin-content-docs',
-        {
-          id: 'solutions',
-          path: 'solutions',
-          routeBasePath: 'solutions',
-          sidebarPath: require.resolve('./sidebars.js'),
-          remarkPlugins: [math],
-          rehypePlugins: [katex],
-          // showLastUpdateTime: true,
-          // showLastUpdateAuthor: true,
-          editUrl:
-            'https://github.com/wingkwong/leetcode-the-hard-way/tree/main/',
-        }, 
-      ],
-      [
-        '@docusaurus/plugin-content-docs',
-        {
-          id: 'tutorials',
-          path: 'tutorials',
-          routeBasePath: 'tutorials',
-          sidebarPath: require.resolve('./sidebars.js'),
-          remarkPlugins: [math],
-          rehypePlugins: [katex],
-          // showLastUpdateTime: true,
-          // showLastUpdateAuthor: true,
-          editUrl:
-            'https://github.com/wingkwong/leetcode-the-hard-way/tree/main/',
-        }, 
-      ],
-      [
-        '@docusaurus/plugin-content-docs',
-        {
-          id: 'roadmap',
-          path: 'roadmap',
-          routeBasePath: 'roadmap',
-          sidebarPath: require.resolve('./sidebars.js'),
-          remarkPlugins: [math],
-          rehypePlugins: [katex],
-          // showLastUpdateTime: true,
-          // showLastUpdateAuthor: true,
-          editUrl:
-            'https://github.com/wingkwong/leetcode-the-hard-way/tree/main/',
-        }, 
-      ],
+  plugins: [
+    [
+      '@docusaurus/plugin-content-docs',
+      {
+        id: 'solutions',
+        path: 'solutions',
+        routeBasePath: 'solutions',
+        sidebarPath: require.resolve('./sidebars.js'),
+        remarkPlugins: [math],
+        rehypePlugins: [katex],
+        // showLastUpdateTime: true,
+        // showLastUpdateAuthor: true,
+        editUrl:
+          'https://github.com/wingkwong/leetcode-the-hard-way/tree/main/',
+      },
+    ],
+    [
+      '@docusaurus/plugin-content-docs',
+      {
+        id: 'tutorials',
+        path: 'tutorials',
+        routeBasePath: 'tutorials',
+        sidebarPath: require.resolve('./sidebars.js'),
+        remarkPlugins: [math],
+        rehypePlugins: [katex],
+        // showLastUpdateTime: true,
+        // showLastUpdateAuthor: true,
+        editUrl:
+          'https://github.com/wingkwong/leetcode-the-hard-way/tree/main/',
+      },
+    ],
+    [
+      '@docusaurus/plugin-content-docs',
+      {
+        id: 'roadmap',
+        path: 'roadmap',
+        routeBasePath: 'roadmap',
+        sidebarPath: require.resolve('./sidebars.js'),
+        remarkPlugins: [math],
+        rehypePlugins: [katex],
+        // showLastUpdateTime: true,
+        // showLastUpdateAuthor: true,
+        editUrl:
+          'https://github.com/wingkwong/leetcode-the-hard-way/tree/main/',
+      },
+    ],
 
-      [
-        '@docusaurus/plugin-content-docs',
-        {
-          id: 'templates',
-          path: 'templates',
-          routeBasePath: 'templates',
-          sidebarPath: require.resolve('./sidebars.js'),
-          remarkPlugins: [math],
-          rehypePlugins: [katex],
-          // showLastUpdateTime: true,
-          // showLastUpdateAuthor: true,
-          editUrl:
-            'https://github.com/wingkwong/leetcode-the-hard-way/tree/main/',
-        }, 
-      ],
+    [
+      '@docusaurus/plugin-content-docs',
+      {
+        id: 'templates',
+        path: 'templates',
+        routeBasePath: 'templates',
+        sidebarPath: require.resolve('./sidebars.js'),
+        remarkPlugins: [math],
+        rehypePlugins: [katex],
+        // showLastUpdateTime: true,
+        // showLastUpdateAuthor: true,
+        editUrl:
+          'https://github.com/wingkwong/leetcode-the-hard-way/tree/main/',
+      },
+    ],
   ],
-  
+
 };
 
 module.exports = config;
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -73,6 +73,9 @@
     background: var(--ifm-color-emphasis-200);
     color: inherit;
   }
+  .nav-emoji{
+    display: none;
+  }
 }
 
 .header-github-link:hover {
@@ -99,8 +102,7 @@ div[class^='announcementBar_'] {
   border-bottom: 1px dotted #eeeeee;
   font-weight: bold;
   font-size: 18px;
-  height: 35px;
-  padding: 10px;
+  height: auto;
 }
 
 div[class^='announcementBar_'] a {
@@ -225,4 +227,10 @@ table, tr, td, th {
 
 .hard {
   color: rgb(255 45 85);
+}
+
+@media screen and (min-width: 1120px) {
+  .nav-emoji {
+    display: inline-block;
+  }
 }
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -64,4 +64,5 @@
   .gitHubButtonWrapper {
     display: none;
   }
-}
+}
+
-Original file line number
+Diff line change
@@ Expand Up / @@ -64,4 +64,5 @@ @@
       .gitHubButtonWrapper {
         display: none;
       }
-    }
+    }