Update index.html

index.html

@@ -222,25 +222,7 @@
   <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
 
   <script type="text/babel">
-    const { useState, useEffect } = React;
-
-    const StarBackground = () => {
-      useEffect(() => {
-        const starsContainer = document.querySelector('.stars');
-        const starCount = 200;
-
-        for (let i = 0; i < starCount; i++) {
-          const star = document.createElement('div');
-          star.classList.add('star');
-          star.style.left = `${Math.random() * 100}%`;
-          star.style.top = `${Math.random() * 100}%`;
-          star.style.animationDelay = `${Math.random() * 2}s`;
-          starsContainer.appendChild(star);
-        }
-      }, []);
-
-      return null;
-    };
+    const { useState } = React;
 
     const App = () => {
       const videos = [
@@ -253,42 +235,14 @@
         { src: 'videos/Insta-VID1 (8).mp4', tag: ['After Effects'] },
       ];
 
-      const [filter, setFilter] = useState('all');
-      const [filteredVideos, setFilteredVideos] = useState(videos);
-
-      useEffect(() => {
-        setFilteredVideos(
-          filter === 'all' 
-            ? videos 
-            : videos.filter(video => video.tag.includes(filter))
-        );
-      }, [filter]);
-
-      const uniqueTags = ['all', ...new Set(videos.flatMap(v => v.tag))];
-
       return (
         <>
-          <StarBackground />
           <header>
             <h1>Calvin Allen-Crawford's Gen AI Gallery</h1>
-            <div className="filters">
-              {uniqueTags.map(tag => (
-                <button 
-                  key={tag} 
-                  onClick={() => setFilter(tag)}
-                  style={{
-                    fontWeight: filter === tag ? 'bold' : 'normal',
-                    backgroundColor: filter === tag ? 'rgba(0,255,255,0.2)' : 'transparent'
-                  }}
-                >
-                  {tag}
-                </button>
-              ))}
-            </div>
           </header>
           <main>
             <div className="gallery">
-              {filteredVideos.map((video, index) => (
+              {videos.map((video, index) => (
                 <div className="video-card" key={index}>
                   <video controls>
                     <source src={video.src} type="video/mp4" />