From e8c72d9c8521bc7467d0deb1255aba3fef688d4b Mon Sep 17 00:00:00 2001
From: Ajay Dhangar <99037494+Ajay-Dhangar@users.noreply.github.com>
Date: Sun, 8 Oct 2023 17:45:55 +0530
Subject: [PATCH] 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
---
 docusaurus.config.js       | 136 ++++++++++++++++++-------------------
 src/css/custom.css         |  12 +++-
 src/pages/index.module.css |   3 +-
 3 files changed, 80 insertions(+), 71 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index 41ffd867a92..926ee6aea89 100644
--- 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;
\ No newline at end of file
diff --git a/src/css/custom.css b/src/css/custom.css
index 76d3c6dab66..412c5bc1f73 100644
--- 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;
+  }
 }
\ No newline at end of file
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 927209abd35..221cf3ad113 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -64,4 +64,5 @@
   .gitHubButtonWrapper {
     display: none;
   }
-}
\ No newline at end of file
+}
+