| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>USSR Presentation Viewer</title> |
| <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> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); |
| </style> |
| </head> |
| <body class="bg-red-900 text-white font-sans"> |
| <custom-navbar></custom-navbar> |
| |
| <main class="container mx-auto px-4 py-8"> |
| <div id="slide-container" class="bg-red-800 border-4 border-gold-500 shadow-xl rounded-lg overflow-hidden my-8 transition-all duration-500"> |
| <div id="current-slide" class="min-h-[60vh] p-8 flex flex-col justify-center items-center text-center"> |
| |
| </div> |
| </div> |
|
|
| <div class="flex justify-between items-center mt-4"> |
| <button id="prev-btn" class="bg-red-700 hover:bg-red-600 text-white px-6 py-3 rounded-lg font-bold flex items-center gap-2 transition-colors"> |
| <i data-feather="chevron-left"></i> Previous |
| </button> |
| <span id="slide-counter" class="text-xl font-bold">1 / 20</span> |
| <button id="next-btn" class="bg-red-700 hover:bg-red-600 text-white px-6 py-3 rounded-lg font-bold flex items-center gap-2 transition-colors"> |
| Next <i data-feather="chevron-right"></i> |
| </button> |
| </div> |
| </main> |
|
|
| <custom-footer></custom-footer> |
|
|
| <script src="components/navbar.js"></script> |
| <script src="components/footer.js"></script> |
| <script src="script.js"></script> |
| <script> |
| feather.replace(); |
| </script> |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| </body> |
| </html> |
