update cong

templates/partials/footer.html

@@ -9,7 +9,15 @@
             <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6">
                 <div class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-2">
                     <div class="grid-cols-4 space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
-                        <img class="w-36 h-auto" src="{{ get_url(path=logoPath)}}" alt="MYCELIUM Logo" />
+                        {# <img class="w-36 h-auto" src="images/mycelium_white.png" alt="MYCELIUM Logo" /> #}
+                        <a href="/" class="flex">
+
+                            <img id="lightLogo" src="images/mycelium_white.png" alt="Light Logo" class="logo light w-36 h-auto" style="max-width: none;">
+                            <img id="darkLogo" src="images/mycelium_dark.png" alt="Dark Logo" class="logo dark w-36 h-auto" style="max-width: none;">
+
+                            
+                          </a>
+
                         <p class="text-gray-200 text-base font-light leading-6">
                             {{section.description}}
                         </p>
@@ -30,6 +38,34 @@
                     </p>
                 </div>
             </div>
+            
+            
         </footer>
     </body>
 </html>
+
+
+<style>
+
+
+/* logo image */
+
+.dark {
+  
+  display: block; /* Show dark logo by default */
+}
+.light {
+   
+  display: none; /* Hide light logo by default */
+}
+
+.dark-mode .dark {
+  
+  display: none; /* Hide dark logo in light mode */
+}
+.dark-mode .light{
+
+  display: block;/* Show light logo in light mode */
+}
+
+</style>