Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Explore - AnimeEditHub</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <style> | |
| body { | |
| margin: 0; | |
| background: #f0f2f5; | |
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; | |
| } | |
| .container { | |
| max-width: 1400px; | |
| margin: 0 auto; | |
| padding: 1rem; | |
| } | |
| .filters { | |
| display: flex; | |
| gap: 1rem; | |
| margin: 1.5rem 0; | |
| flex-wrap: wrap; | |
| } | |
| .filter-btn { | |
| padding: 0.5rem 1rem; | |
| border-radius: 20px; | |
| border: 1px solid #cbd5e0; | |
| background: white; | |
| color: #4a5568; | |
| cursor: pointer; | |
| transition: all 0.2s; | |
| } | |
| .filter-btn.active { | |
| background: #667eea; | |
| color: white; | |
| border-color: #667eea; | |
| } | |
| .video-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); | |
| gap: 1.5rem; | |
| margin-top: 2rem; | |
| } | |
| .page-title { | |
| font-size: 2rem; | |
| font-weight: 700; | |
| margin: 1rem 0; | |
| color: #2d3748; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <custom-navbar></custom-navbar> | |
| <div class="container"> | |
| <h1 class="page-title">Explore Anime Edits</h1> | |
| <p>Discover the best anime and manga video edits from creators worldwide.</p> | |
| <div class="filters"> | |
| <button class="filter-btn active">All</button> | |
| <button class="filter-btn">Trending</button> | |
| <button class="filter-btn">Latest</button> | |
| <button class="filter-btn">Most Liked</button> | |
| <button class="filter-btn">AMV</button> | |
| <button class="filter-btn">Fight Scenes</button> | |
| <button class="filter-btn">Emotional</button> | |
| <button class="filter-btn">Short Edits</button> | |
| </div> | |
| <div class="video-grid"> | |
| <video-card | |
| title="Naruto - Sad Edit | Loneliness" | |
| author="@emotional_edits" | |
| views="123K" | |
| likes="9.8K" | |
| thumbnail="http://static.photos/anime/640x360/20" | |
| avatar="http://static.photos/people/200x200/14" | |
| duration="1:30"> | |
| </video-card> | |
| <video-card | |
| title="One Piece - Zoro Sword Skills" | |
| author="@swordmaster" | |
| views="87K" | |
| likes="6.5K" | |
| thumbnail="http://static.photos/anime/640x360/21" | |
| avatar="http://static.photos/people/200x200/15" | |
| duration="2:15"> | |
| </video-card> | |
| <video-card | |
| title="Demon Slayer - Rengoku AMV" | |
| author="@hashira_fan" | |
| views="210K" | |
| likes="17.3K" | |
| thumbnail="http://static.photos/anime/640x360/22" | |
| avatar="http://static.photos/people/200x200/16" | |
| duration="2:45"> | |
| </video-card> | |
| <video-card | |
| title="Jujutsu Kaisen - Sukuna Domain" | |
| author="@cursed_energy" | |
| views="145K" | |
| likes="11.2K" | |
| thumbnail="http://static.photos/anime/640x360/23" | |
| avatar="http://static.photos/people/200x200/17" | |
| duration="2:10"> | |
| </video-card> | |
| <video-card | |
| title="Attack on Titan - Levi Fight Scene" | |
| author="@levi_ackerman" | |
| views="305K" | |
| likes="22.4K" | |
| thumbnail="http://static.photos/anime/640x360/24" | |
| avatar="http://static.photos/people/200x200/18" | |
| duration="3:05"> | |
| </video-card> | |
| <video-card | |
| title="My Hero Academia - Bakugo Explosion" | |
| author="@explosion_king" | |
| views="98K" | |
| likes="7.9K" | |
| thumbnail="http://static.photos/anime/640x360/25" | |
| avatar="http://static.photos/people/200x200/19" | |
| duration="1:50"> | |
| </video-card> | |
| <video-card | |
| title="Tokyo Revengers - Mikey Edit" | |
| author="@tokyo_rev" | |
| views="76K" | |
| likes="5.8K" | |
| thumbnail="http://static.photos/anime/640x360/26" | |
| avatar="http://static.photos/people/200x200/20" | |
| duration="2:20"> | |
| </video-card> | |
| <video-card | |
| title="Chainsaw Man - Power & Denji" | |
| author="@devil_hunter" | |
| views="112K" | |
| likes="8.7K" | |
| thumbnail="http://static.photos/anime/640x360/27" | |
| avatar="http://static.photos/people/200x200/21" | |
| duration="2:00"> | |
| </video-card> | |
| <video-card | |
| title="Hunter x Hunter - Gon vs Hisoka" | |
| author="@hunter_x" | |
| views="134K" | |
| likes="10.1K" | |
| thumbnail="http://static.photos/anime/640x360/28" | |
| avatar="http://static.photos/people/200x200/22" | |
| duration="3:10"> | |
| </video-card> | |
| <video-card | |
| title="Solo Leveling - Shadow Army" | |
| author="@shadow_monarch" | |
| views="189K" | |
| likes="14.5K" | |
| thumbnail="http://static.photos/anime/640x360/29" | |
| avatar="http://static.photos/people/200x200/23" | |
| duration="2:35"> | |
| </video-card> | |
| <video-card | |
| title="Bleach - Ichigo Bankai Edit" | |
| author="@bleach_edits" | |
| views="167K" | |
| likes="12.9K" | |
| thumbnail="http://static.photos/anime/640x360/30" | |
| avatar="http://static.photos/people/200x200/24" | |
| duration="2:50"> | |
| </video-card> | |
| <video-card | |
| title="Dragon Ball Z - Goku Ultra Instinct" | |
| author="@dbz_fan" | |
| views="250K" | |
| likes="19.3K" | |
| thumbnail="http://static.photos/anime/640x360/31" | |
| avatar="http://static.photos/people/200x200/25" | |
| duration="3:20"> | |
| </video-card> | |
| </div> | |
| </div> | |
| <custom-footer></custom-footer> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="components/sidebar.js"></script> | |
| <script src="components/video-card.js"></script> | |
| <script src="components/toast.js"></script> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |