Time: 5:30 AM

Someshdiwan · Someshdiwan · commit 0b6eba21cab9 · 2025-04-07T05:21:55.000+05:30
Date: 7-04-2025

Signed-off-by: Someshdiwan &lt;Someshdiwan369@gmail.com&gt;
diff --git a/site/_layouts/default.html b/site/_layouts/default.html
@@ -4,43 +4,25 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>{{ page.title }}</title>
-  <link rel="stylesheet" href="{{ "/assets/style.css" | relative_url }}" />
+  <link rel="stylesheet" href="{{ "/assets/style.css" | relative_url }}">
   <script>
     // Sidebar Toggle Function
     function toggleSidebar() {
       const sidebar = document.getElementById("sidebar");
       sidebar.classList.toggle("hidden");
     }
 
-    // Dark Mode Toggle Function
+    // Dark Mode Toggle
     const toggleDarkMode = () => {
-      document.body.classList.toggle("dark-mode");
-      localStorage.setItem(
-        "dark-mode",
-        document.body.classList.contains("dark-mode")
-      );
+      document.body.classList.toggle('dark-mode');
+      localStorage.setItem('dark-mode', document.body.classList.contains('dark-mode'));
     };
 
-    // Handle Sidebar Visibility Based on Screen Size
-    function handleSidebarVisibility() {
-      const sidebar = document.getElementById("sidebar");
-      if (window.matchMedia("(max-width: 768px)").matches) {
-        sidebar.classList.add("hidden");
-      } else {
-        sidebar.classList.remove("hidden");
-      }
-    }
-
-    // Initialize on Load
     window.onload = () => {
-      handleSidebarVisibility();
-      if (localStorage.getItem("dark-mode") === "true") {
-        document.body.classList.add("dark-mode");
+      if (localStorage.getItem('dark-mode') === 'true') {
+        document.body.classList.add('dark-mode');
       }
     };
-
-    // Update on Resize
-    window.addEventListener("resize", handleSidebarVisibility);
   </script>
 </head>
 <body>
@@ -49,14 +31,18 @@
 
 <div class="wrapper">
   <!-- Sidebar Navigation -->
-  <div id="sidebar" class="sidebar">{% include nav.html %}</div>
+  <div id="sidebar" class="sidebar">
+    {% include nav.html %}
+  </div>
 
   <!-- Content Area -->
   <div class="content">
     <!-- Sidebar Toggle Button -->
     <button class="toggle-btn" onclick="toggleSidebar()">☰</button>
-    <div class="fade-in">{{ content }}</div>
+    <div class="fade-in">
+      {{ content }}
+    </div>
   </div>
 </div>
 </body>
-</html>
+</html>
diff --git a/site/assets/style.css b/site/assets/style.css
@@ -3,21 +3,13 @@
   --text-color: #000000;
   --sidebar-bg: #f8f9fa;
   --link-color: #0366d6;
-  --button-bg: #eee;
-  --button-text: #000;
-  --hover-bg: rgba(0, 0, 0, 0.05);
-  --border-color: #ccc;
 }
 
 .dark-mode {
   --bg-color: #121212;
   --text-color: #e0e0e0;
   --sidebar-bg: #1f1f1f;
   --link-color: #90caf9;
-  --button-bg: #333;
-  --button-text: #fff;
-  --hover-bg: rgba(255, 255, 255, 0.1);
-  --border-color: #444;
 }
 
 body {
@@ -35,7 +27,7 @@ body {
   position: fixed;
   height: 100vh;
   overflow-y: auto;
-  border-right: 1px solid var(--border-color);
+  border-right: 1px solid #ccc;
   transition: transform 0.3s ease;
   z-index: 999;
 }
@@ -55,7 +47,7 @@ body {
 }
 
 .sidebar a:hover {
-  background-color: var(--hover-bg);
+  background-color: rgba(0, 0, 0, 0.05);
 }
 
 /* Content Area */
@@ -75,8 +67,7 @@ body {
   top: 1rem;
   left: 1rem;
   z-index: 1001;
-  background-color: var(--button-bg);
-  color: var(--button-text);
+  background: #eee;
   border: none;
   padding: 0.5rem 1rem;
   border-radius: 5px;
@@ -89,8 +80,7 @@ body {
   top: 1rem;
   right: 1rem;
   z-index: 1001;
-  background-color: var(--button-bg);
-  color: var(--button-text);
+  background: #eee;
   border: none;
   padding: 0.5rem 1rem;
   border-radius: 5px;
@@ -107,7 +97,7 @@ body {
   to { opacity: 1; transform: translateY(0); }
 }
 
-/* Responsive Design for Small Screens */
+/* Responsive Fix for Small Screens */
 @media (max-width: 768px) {
   .sidebar {
     transform: translateX(-100%);
@@ -122,4 +112,4 @@ body {
   .content {
     margin-left: 0;
   }
-}
+}
