Download index.html from tvcvr/feg: direct link, hf CLI and curl.
- Browser
- Download file 27.8 kB
-
https://huggingface.co/spaces/tvcvr/feg/resolve/main/index.html
- Command line
-
hf download hf://spaces/tvcvr/feg/index.html
-
curl -L -o index.html https://huggingface.co/spaces/tvcvr/feg/resolve/main/index.html
27.8 kB
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>AniVerse - Explore Anime World</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| background-color: #0f0e17; | |
| color: #fffffe; | |
| } | |
| .anime-card { | |
| transition: all 0.3s ease; | |
| transform: translateY(0); | |
| } | |
| .anime-card:hover { | |
| transform: translateY(-10px); | |
| box-shadow: 0 20px 25px -5px rgba(239, 68, 68, 0.1), 0 10px 10px -5px rgba(239, 68, 68, 0.04); | |
| } | |
| .hero-gradient { | |
| background: linear-gradient(135deg, #ff3864 0%, #8b5cf6 50%, #2563eb 100%); | |
| } | |
| .search-input:focus { | |
| outline: none; | |
| box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.5); | |
| } | |
| .genre-tag { | |
| transition: all 0.2s ease; | |
| } | |
| .genre-tag:hover { | |
| transform: scale(1.05); | |
| } | |
| @keyframes float { | |
| 0%, 100% { | |
| transform: translateY(0); | |
| } | |
| 50% { | |
| transform: translateY(-10px); | |
| } | |
| } | |
| .floating { | |
| animation: float 3s ease-in-out infinite; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Navigation --> | |
| <nav class="bg-gray-900 bg-opacity-90 backdrop-blur-md fixed w-full z-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex items-center justify-between h-16"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0"> | |
| <span class="text-red-500 font-bold text-2xl">AniVerse</span> | |
| </div> | |
| <div class="hidden md:block"> | |
| <div class="ml-10 flex items-baseline space-x-4"> | |
| <a href="#" class="text-red-400 hover:text-red-300 px-3 py-2 rounded-md text-sm font-medium">Home</a> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Popular</a> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Genres</a> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Seasonal</a> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Watchlist</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="hidden md:block"> | |
| <div class="ml-4 flex items-center md:ml-6"> | |
| <div class="relative mx-4"> | |
| <input type="text" class="search-input bg-gray-800 text-white h-10 px-5 pr-10 rounded-full text-sm focus:outline-none w-64" placeholder="Search anime..."> | |
| <button type="submit" class="absolute right-0 top-0 mt-3 mr-4"> | |
| <i class="fas fa-search text-gray-400 hover:text-white"></i> | |
| </button> | |
| </div> | |
| <button class="bg-red-600 hover:bg-red-700 text-white px-4 py-1 rounded-full text-sm font-medium"> | |
| Sign In | |
| </button> | |
| </div> | |
| </div> | |
| <div class="-mr-2 flex md:hidden"> | |
| <button type="button" id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none"> | |
| <i class="fas fa-bars"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div class="hidden md:hidden" id="mobile-menu"> | |
| <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> | |
| <a href="#" class="text-red-400 block px-3 py-2 rounded-md text-base font-medium">Home</a> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Popular</a> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Genres</a> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Seasonal</a> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Watchlist</a> | |
| </div> | |
| <div class="pt-4 pb-3 border-t border-gray-700"> | |
| <div class="flex items-center px-5"> | |
| <input type="text" class="search-input bg-gray-800 text-white h-10 px-5 pr-10 rounded-full text-sm focus:outline-none w-full" placeholder="Search anime..."> | |
| <button type="submit" class="absolute right-0 top-0 mt-3 mr-4"> | |
| <i class="fas fa-search text-gray-400 hover:text-white"></i> | |
| </button> | |
| </div> | |
| <div class="mt-3 px-2"> | |
| <button class="w-full bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-full text-sm font-medium"> | |
| Sign In | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <div class="hero-gradient pt-24 pb-16"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="md:flex items-center justify-between"> | |
| <div class="md:w-1/2 mb-10 md:mb-0"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-4">Discover Your Next <span class="text-yellow-300">Anime</span> Adventure</h1> | |
| <p class="text-lg mb-6 text-gray-100">Explore thousands of anime titles, track your progress, and join our passionate community of anime lovers.</p> | |
| <div class="flex space-x-4"> | |
| <button class="bg-white text-red-600 hover:bg-gray-100 px-6 py-3 rounded-full font-medium">Browse Anime</button> | |
| <button class="bg-gray-900 bg-opacity-50 text-white hover:bg-opacity-70 px-6 py-3 rounded-full font-medium">Popular Shows</button> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <img src="https://i.imgur.com/JY4JZcL.png" alt="Anime Characters" class="floating w-3/4 md:w-full max-w-md"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Trending Now Section --> | |
| <section class="py-12 bg-gray-900"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between items-center mb-8"> | |
| <h2 class="text-2xl font-bold">Trending Now <span class="text-red-500">🔥</span></h2> | |
| <a href="#" class="text-red-400 hover:text-red-300 font-medium">View All</a> | |
| </div> | |
| <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6"> | |
| <!-- Anime Card 1 --> | |
| <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg"> | |
| <div class="relative"> | |
| <img src="https://i.imgur.com/9E9FZTA.jpg" alt="Demon Slayer" class="w-full h-64 object-cover"> | |
| <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded"> | |
| EP 12 | |
| </div> | |
| </div> | |
| <div class="p-4"> | |
| <h3 class="font-bold text-lg mb-1">Demon Slayer</h3> | |
| <div class="flex items-center text-yellow-400 mb-2"> | |
| <i class="fas fa-star"></i> | |
| <span class="ml-1 text-white">9.2</span> | |
| </div> | |
| <div class="flex flex-wrap gap-1"> | |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Action</span> | |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Fantasy</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Anime Card 2 --> | |
| <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg"> | |
| <div class="relative"> | |
| <img src="https://i.imgur.com/JQKdLQk.jpg" alt="Attack on Titan" class="w-full h-64 object-cover"> | |
| <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded"> | |
| FINAL | |
| </div> | |
| </div> | |
| <div class="p-4"> | |
| <h3 class="font-bold text-lg mb-1">Attack on Titan</h3> | |
| <div class="flex items-center text-yellow-400 mb-2"> | |
| <i class="fas fa-star"></i> | |
| <span class="ml-1 text-white">9.5</span> | |
| </div> | |
| <div class="flex flex-wrap gap-1"> | |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Action</span> | |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Drama</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Anime Card 3 --> | |
| <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg"> | |
| <div class="relative"> | |
| <img src="https://i.imgur.com/3tKjA7B.jpg" alt="Jujutsu Kaisen" class="w-full h-64 object-cover"> | |
| <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded"> | |
| S2 | |
| </div> | |
| </div> | |
| <div class="p-4"> | |
| <h3 class="font-bold text-lg mb-1">Jujutsu Kaisen</h3> | |
| <div class="flex items-center text-yellow-400 mb-2"> | |
| <i class="fas fa-star"></i> | |
| <span class="ml-1 text-white">8.9</span> | |
| </div> | |
| <div class="flex flex-wrap gap-1"> | |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Supernatural</span> | |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Horror</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Anime Card 4 --> | |
| <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg"> | |
| <div class="relative"> | |
| <img src="https://i.imgur.com/5Z3J2cF.jpg" alt="My Hero Academia" class="w-full h-64 object-cover"> | |
| <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded"> | |
| S6 | |
| </div> | |
| </div> | |
| <div class="p-4"> | |
| <h3 class="font-bold text-lg mb-1">My Hero Academia</h3> | |
| <div class="flex items-center text-yellow-400 mb-2"> | |
| <i class="fas fa-star"></i> | |
| <span class="ml-1 text-white">8.3</span> | |
| </div> | |
| <div class="flex flex-wrap gap-1"> | |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Superhero</span> | |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">School</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Anime Card 5 --> | |
| <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg"> | |
| <div class="relative"> | |
| <img src="https://i.imgur.com/7VJgZ1Q.jpg" alt="Spy x Family" class="w-full h-64 object-cover"> | |
| <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded"> | |
| NEW | |
| </div> | |
| </div> | |
| <div class="p-4"> | |
| <h3 class="font-bold text-lg mb-1">Spy x Family</h3> | |
| <div class="flex items-center text-yellow-400 mb-2"> | |
| <i class="fas fa-star"></i> | |
| <span class="ml-1 text-white">8.7</span> | |
| </div> | |
| <div class="flex flex-wrap gap-1"> | |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Comedy</span> | |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Action</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Seasonal Anime Section --> | |
| <section class="py-12 bg-gray-800"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between items-center mb-8"> | |
| <h2 class="text-2xl font-bold">Summer 2023 <span class="text-blue-400">☀️</span></h2> | |
| <div class="flex space-x-2"> | |
| <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2 rounded-l-full">Winter</button> | |
| <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2">Spring</button> | |
| <button class="bg-blue-600 text-white px-4 py-2">Summer</button> | |
| <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2 rounded-r-full">Fall</button> | |
| </div> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> | |
| <!-- Seasonal Anime 1 --> | |
| <div class="anime-card bg-gray-700 rounded-lg overflow-hidden shadow-lg flex"> | |
| <div class="w-1/3"> | |
| <img src="https://i.imgur.com/8XJQZ2r.jpg" alt="Mushoku Tensei" class="w-full h-full object-cover"> | |
| </div> | |
| <div class="w-2/3 p-4"> | |
| <h3 class="font-bold mb-1">Mushoku Tensei S2</h3> | |
| <div class="flex items-center text-yellow-400 mb-1 text-sm"> | |
| <i class="fas fa-star"></i> | |
| <span class="ml-1 text-white">8.8</span> | |
| </div> | |
| <p class="text-gray-300 text-xs mb-2">Episodes: 12/24</p> | |
| <div class="flex flex-wrap gap-1"> | |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Isekai</span> | |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Drama</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Seasonal Anime 2 --> | |
| <div class="anime-card bg-gray-700 rounded-lg overflow-hidden shadow-lg flex"> | |
| <div class="w-1/3"> | |
| <img src="https://i.imgur.com/9Y5Q3bT.jpg" alt="Horimiya" class="w-full h-full object-cover"> | |
| </div> | |
| <div class="w-2/3 p-4"> | |
| <h3 class="font-bold mb-1">Horimiya: Piece</h3> | |
| <div class="flex items-center text-yellow-400 mb-1 text-sm"> | |
| <i class="fas fa-star"></i> | |
| <span class="ml-1 text-white">8.4</span> | |
| </div> | |
| <p class="text-gray-300 text-xs mb-2">Episodes: 5/13</p> | |
| <div class="flex flex-wrap gap-1"> | |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Romance</span> | |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Slice of Life</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Seasonal Anime 3 --> | |
| <div class="anime-card bg-gray-700 rounded-lg overflow-hidden shadow-lg flex"> | |
| <div class="w-1/3"> | |
| <img src="https://i.imgur.com/4XJQZ2r.jpg" alt="Bleach" class="w-full h-full object-cover"> | |
| </div> | |
| <div class="w-2/3 p-4"> | |
| <h3 class="font-bold mb-1">Bleach: TYBW</h3> | |
| <div class="flex items-center text-yellow-400 mb-1 text-sm"> | |
| <i class="fas fa-star"></i> | |
| <span class="ml-1 text-white">9.1</span> | |
| </div> | |
| <p class="text-gray-300 text-xs mb-2">Episodes: 8/13</p> | |
| <div class="flex flex-wrap gap-1"> | |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Action</span> | |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Shounen</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Seasonal Anime 4 --> | |
| <div class="anime-card bg-gray-700 rounded-lg overflow-hidden shadow-lg flex"> | |
| <div class="w-1/3"> | |
| <img src="https://i.imgur.com/7XJQZ2r.jpg" alt="Zom 100" class="w-full h-full object-cover"> | |
| </div> | |
| <div class="w-2/3 p-4"> | |
| <h3 class="font-bold mb-1">Zom 100</h3> | |
| <div class="flex items-center text-yellow-400 mb-1 text-sm"> | |
| <i class="fas fa-star"></i> | |
| <span class="ml-1 text-white">8.6</span> | |
| </div> | |
| <p class="text-gray-300 text-xs mb-2">Episodes: 3/12</p> | |
| <div class="flex flex-wrap gap-1"> | |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Zombie</span> | |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Comedy</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Popular Genres Section --> | |
| <section class="py-12 bg-gray-900"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <h2 class="text-2xl font-bold mb-8">Popular Genres</h2> | |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4"> | |
| <div class="genre-card bg-gradient-to-br from-red-600 to-red-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300"> | |
| <i class="fas fa-fist-raised text-3xl mb-2"></i> | |
| <h3 class="font-bold">Action</h3> | |
| </div> | |
| <div class="genre-card bg-gradient-to-br from-blue-600 to-blue-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300"> | |
| <i class="fas fa-heart text-3xl mb-2"></i> | |
| <h3 class="font-bold">Romance</h3> | |
| </div> | |
| <div class="genre-card bg-gradient-to-br from-purple-600 to-purple-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300"> | |
| <i class="fas fa-ghost text-3xl mb-2"></i> | |
| <h3 class="font-bold">Horror</h3> | |
| </div> | |
| <div class="genre-card bg-gradient-to-br from-green-600 to-green-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300"> | |
| <i class="fas fa-laugh-beam text-3xl mb-2"></i> | |
| <h3 class="font-bold">Comedy</h3> | |
| </div> | |
| <div class="genre-card bg-gradient-to-br from-yellow-600 to-yellow-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300"> | |
| <i class="fas fa-hat-wizard text-3xl mb-2"></i> | |
| <h3 class="font-bold">Fantasy</h3> | |
| </div> | |
| <div class="genre-card bg-gradient-to-br from-pink-600 to-pink-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300"> | |
| <i class="fas fa-user-graduate text-3xl mb-2"></i> | |
| <h3 class="font-bold">Slice of Life</h3> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Newsletter Section --> | |
| <section class="py-12 bg-red-900 bg-opacity-20"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="bg-gray-800 rounded-xl p-8 md:p-12 shadow-lg"> | |
| <div class="md:flex items-center"> | |
| <div class="md:w-1/2 mb-8 md:mb-0"> | |
| <h2 class="text-2xl font-bold mb-2">Stay Updated</h2> | |
| <p class="text-gray-300">Subscribe to our newsletter to get the latest anime news, recommendations, and exclusive offers.</p> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <div class="flex"> | |
| <input type="email" placeholder="Your email address" class="flex-grow bg-gray-700 text-white px-4 py-3 rounded-l-lg focus:outline-none"> | |
| <button class="bg-red-600 hover:bg-red-700 text-white px-6 py-3 rounded-r-lg font-medium">Subscribe</button> | |
| </div> | |
| <p class="text-xs text-gray-400 mt-2">We'll never share your email with anyone else.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 pt-12 pb-6"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8"> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">AniVerse</h3> | |
| <p class="text-gray-400 text-sm">Your ultimate destination for anime streaming, news, and community.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Navigation</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Home</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Popular</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Genres</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Seasonal</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Legal</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Terms of Service</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Privacy Policy</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Cookie Policy</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">DMCA</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Connect</h3> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-discord"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-reddit"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 pt-6"> | |
| <p class="text-gray-400 text-sm text-center">© 2023 AniVerse. All rights reserved. All anime titles and associated imagery are trademarks of their respective owners.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Mobile menu toggle | |
| document.getElementById('mobile-menu-button').addEventListener('click', function() { | |
| const menu = document.getElementById('mobile-menu'); | |
| menu.classList.toggle('hidden'); | |
| }); | |
| // Anime card hover effect | |
| const animeCards = document.querySelectorAll('.anime-card'); | |
| animeCards.forEach(card => { | |
| card.addEventListener('mouseenter', function() { | |
| this.style.transform = 'translateY(-10px)'; | |
| }); | |
| card.addEventListener('mouseleave', function() { | |
| this.style.transform = 'translateY(0)'; | |
| }); | |
| }); | |
| // Search functionality (placeholder) | |
| const searchInput = document.querySelector('.search-input'); | |
| searchInput.addEventListener('keypress', function(e) { | |
| if (e.key === 'Enter') { | |
| alert('Search functionality would be implemented here!'); | |
| this.value = ''; | |
| } | |
| }); | |
| // Seasonal tabs | |
| const seasonButtons = document.querySelectorAll('section.bg-gray-800 button'); | |
| seasonButtons.forEach(button => { | |
| button.addEventListener('click', function() { | |
| seasonButtons.forEach(btn => { | |
| btn.classList.remove('bg-blue-600'); | |
| btn.classList.add('bg-gray-700', 'hover:bg-gray-600'); | |
| }); | |
| this.classList.remove('bg-gray-700', 'hover:bg-gray-600'); | |
| this.classList.add('bg-blue-600'); | |
| // In a real app, this would fetch data for the selected season | |
| console.log(`Loading ${this.textContent} season anime...`); | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=tvcvr/feg" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |