Merge pull request #1530 from harinisayani/logobranch

logo added beside title
jfmartinz · Jun 30, 2024 · 49bc735 · 49bc735
2 parents 691714a + 4333c9a
commit 49bc735
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/new-website/home.js b/new-website/home.js
@@ -1,5 +1,6 @@
 
-document.querySelector("input[type='checkbox']#dark-toggle").addEventListener("click", darkModeListener);
+//document.querySelector("input[type='checkbox']#dark-toggle").addEventListener("click", darkModeListener);
+document.querySelector("input[type='checkbox']#slider").addEventListener("click", toggleDarkMode);
 function toggleDarkMode() {
     document.documentElement.classList.toggle('dark');
     // Check if dark mode is enabled
@@ -10,6 +11,8 @@ function toggleDarkMode() {
     orgLogoImg.src = isDarkModeEnabled ? 'assets/GSSocDark.png' : 'assets/GSSocLight.png';
     const footerImg = document.getElementById('logo-image');
     footerImg.src = isDarkModeEnabled ? 'assets/footerDark.png' : 'assets/footerLight.png';
+    const logoImg = document.getElementById('LogoImage');
+    logoImg.src = isDarkModeEnabled ? 'assets/footerDark.png' : 'assets/footerLight.png';
 }
 
 // For particles

diff --git a/new-website/index.html b/new-website/index.html
@@ -18,6 +18,7 @@
     <link rel="stylesheet" href="loading.css">
     <link rel="stylesheet" href="contributors.css">
     <link rel="stylesheet" href="about.css">
+    <link rel="script" href="home.js">
 
 
     <link rel="icon" href="assets/logo.png">
@@ -156,11 +157,12 @@
     <!-- NAVBAR -->
     <script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script>
 
-
+    
     <div
         class="w-full text-gray-800 bg-transparent navbr dark:text-slate-200 dark-mode:text-gray-200 dark-mode:bg-gray-800">
         <div x-data="{ open: true }"
             class="flex flex-col items-center justify-between max-w-screen-xl px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
+            <img id="LogoImage" src="assets/footerLight.png" style="width:30px;">
             <div class="flex flex-row items-center justify-between gap-20 p-4" id="topbar">
                 <a style="font-family: 'Righteous'; text-transform: none;" href="#"
                     class="text-lg font-semibold tracking-widest text-gray-900 uppercase rounded-lg dark:text-slate-200 dark-mode:text-white focus:outline-none focus:shadow-outline">ResourceHub</a>
@@ -177,6 +179,7 @@
             </div>
             <nav :class="{'flex': !open, 'hidden': open}"
                 class="flex-col flex-grow hidden pb-4  md:pb-0 md:flex md:justify-center md:flex-row">
+
     <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200  focus:shadow-outline dark:bg-transparent  md:mt-0 md:ml-4 
                 dark:text-slate-200 focus:outline-none focus:shadow-outline" href="#Home">Home</a>
     <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline"
@@ -248,8 +251,6 @@
     <div id="particles-js"></div>
     <center>
         <div class="mt-36 items-center p-10 max-w-[60rem]" id="Home">
-
-
             <h1 class="mb-20 text-xl font-bold text-center sm:text-2xl md:text-6xl lg:text-8xl">ResourceHub
             </h1>
 

diff --git a/new-website/input.css b/new-website/input.css
@@ -27,7 +27,6 @@ body{
     content: '☀️'; /* Sun icon */
     transform: translate(-50%, -50%);
   }
-
   /* For navbar */
 
 .navbar-blur {