Spaces:

TyphoidComa
/

cyberglow-noir

Running

App Files Files Community

TyphoidComa commited on 16 days ago

Commit

a5f50f3

verified ·

1 Parent(s): 13cdac0

Fix all errors

Browse files

Files changed (5) hide show

about.html +16 -15
components/footer.js +8 -5
components/navbar.js +3 -9
index.html +16 -15
script.js +10 -2

about.html CHANGED Viewed

@@ -7,8 +7,7 @@
     <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
-    <script src="https://unpkg.com/feather-icons"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
 </head>
 <body class="bg-darkbg text-white min-h-screen flex flex-col">
@@ -96,18 +95,20 @@
     <script src="script.js"></script>
     <script>
         feather.replace();
-        VANTA.NET({
-            el: "#vanta-bg",
-            mouseControls: true,
-            touchControls: true,
-            gyroControls: false,
-            minHeight: 200.00,
-            minWidth: 200.00,
-            scale: 1.00,
-            scaleMobile: 1.00,
-            color: 0xf9ff00,
-            backgroundColor: 0xa0a
-        })
-    </script>
 </body>
 </html>

     <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
 </head>
 <body class="bg-darkbg text-white min-h-screen flex flex-col">
     <script src="script.js"></script>
     <script>
         feather.replace();
+        document.addEventListener('DOMContentLoaded', () => {
+            VANTA.NET({
+                el: "#vanta-bg",
+                mouseControls: true,
+                touchControls: true,
+                gyroControls: false,
+                minHeight: 200.00,
+                minWidth: 200.00,
+                scale: 1.00,
+                scaleMobile: 1.00,
+                color: 0xf9ff00,
+                backgroundColor: 0x0a0a0a
+            })
+        });
+</script>
 </body>
 </html>

components/footer.js CHANGED Viewed

@@ -74,12 +74,15 @@ class CustomFooter extends HTMLElement {
             <div class="footer-logo">CYBERGLOW</div>
             <p>Redefining digital experiences with high-voltage design and cyberpunk aesthetics.</p>
             <div class="social-links">
-              <a href="#"><i data-feather="twitter"></i></a>
-              <a href="#"><i data-feather="github"></i></a>
-              <a href="#"><i data-feather="instagram"></i></a>
-              <a href="#"><i data-feather="linkedin"></i></a>
             </div>
-          </div>
           <div>
             <h3 class="text-lg font-bold mb-3">Quick Links</h3>
             <div class="footer-links">

             <div class="footer-logo">CYBERGLOW</div>
             <p>Redefining digital experiences with high-voltage design and cyberpunk aesthetics.</p>
             <div class="social-links">
+              <a href="#" aria-label="Twitter"><i data-feather="twitter"></i></a>
+              <a href="#" aria-label="GitHub"><i data-feather="github"></i></a>
+              <a href="#" aria-label="Instagram"><i data-feather="instagram"></i></a>
+              <a href="#" aria-label="LinkedIn"><i data-feather="linkedin"></i></a>
             </div>
+            <script>
+              feather.replace();
+            </script>
+</div>
           <div>
             <h3 class="text-lg font-bold mb-3">Quick Links</h3>
             <div class="footer-links">

components/navbar.js CHANGED Viewed

@@ -108,8 +108,8 @@ class CustomNavbar extends HTMLElement {
           <li><a href="#explore">Explore</a></li>
           <li><a href="#contact">Contact</a></li>
         </ul>
-        <button class="mobile-menu-btn" onclick="toggleMobileMenu()">
-          <i data-feather="menu"></i>
         </button>
       </nav>
       <div id="mobile-menu" class="mobile-menu hidden">
@@ -120,13 +120,7 @@ class CustomNavbar extends HTMLElement {
           <li><a href="#contact">Contact</a></li>
         </ul>
       </div>
-      <script>
-        function toggleMobileMenu() {
-          const menu = document.getElementById('mobile-menu');
-          menu.classList.toggle('hidden');
-        }
-      </script>
-    `;
   }
 }
 customElements.define('custom-navbar', CustomNavbar);

           <li><a href="#explore">Explore</a></li>
           <li><a href="#contact">Contact</a></li>
         </ul>
+        <button class="mobile-menu-btn" id="mobile-menu-button">
+<i data-feather="menu"></i>
         </button>
       </nav>
       <div id="mobile-menu" class="mobile-menu hidden">
           <li><a href="#contact">Contact</a></li>
         </ul>
       </div>
+`;
   }
 }
 customElements.define('custom-navbar', CustomNavbar);

index.html CHANGED Viewed

@@ -7,8 +7,7 @@
     <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
-    <script src="https://unpkg.com/feather-icons"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
     <script>
         tailwind.config = {
@@ -98,19 +97,21 @@
     <script src="script.js"></script>
     <script>
         feather.replace();
-        VANTA.NET({
-            el: "#vanta-bg",
-            mouseControls: true,
-            touchControls: true,
-            gyroControls: false,
-            minHeight: 200.00,
-            minWidth: 200.00,
-            scale: 1.00,
-            scaleMobile: 1.00,
-            color: 0xf9ff00,
-            backgroundColor: 0xa0a
-        })
-    </script>
 <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
 </body>
 </html>

     <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
     <script>
         tailwind.config = {
     <script src="script.js"></script>
     <script>
         feather.replace();
+        document.addEventListener('DOMContentLoaded', () => {
+            VANTA.NET({
+                el: "#vanta-bg",
+                mouseControls: true,
+                touchControls: true,
+                gyroControls: false,
+                minHeight: 200.00,
+                minWidth: 200.00,
+                scale: 1.00,
+                scaleMobile: 1.00,
+                color: 0xf9ff00,
+                backgroundColor: 0x0a0a0a
+            })
+        });
+</script>
 <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
 </body>
 </html>

script.js CHANGED Viewed

@@ -28,9 +28,17 @@ document.addEventListener('DOMContentLoaded', () => {
         });
     });
 });
 // Mobile menu toggle
 function toggleMobileMenu() {
-    const menu = document.getElementById('mobile-menu');
     menu.classList.toggle('hidden');
-}

         });
     });
 });
+// Initialize mobile menu button
+document.addEventListener('DOMContentLoaded', () => {
+    const navbar = document.querySelector('custom-navbar');
+    if (navbar) {
+        const button = navbar.shadowRoot.getElementById('mobile-menu-button');
+        button.addEventListener('click', toggleMobileMenu);
+    }
+});
 // Mobile menu toggle
 function toggleMobileMenu() {
+    const menu = document.querySelector('custom-navbar').shadowRoot.getElementById('mobile-menu');
     menu.classList.toggle('hidden');
+}