| <html lang="en" data-theme="light"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>My Simple Blog</title> | |
| <meta name="description" content="A premium blog experience deployed on Hugging Face Spaces"> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="nav-container"> | |
| <a href="#" class="logo">Latest AI News.</a> | |
| <button class="theme-toggle" id="themeToggle" aria-label="Toggle Dark Mode"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" | |
| stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" | |
| class="moon-icon"> | |
| <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path> | |
| </svg> | |
| </button> | |
| </div> | |
| </header> | |
| <main> | |
| <section class="hero"> | |
| <h2>AI Research & Industry Updates</h2> | |
| <h4>Insights on generative model innovations and AI Agents🚀</h4> | |
| </section> | |
| <div class="post-grid" id="postGrid"> | |
| <!-- Posts will be loaded dynamically --> | |
| </div> | |
| </main> | |
| <footer> | |
| <p>Made with ❤️ by GitHub Actions + Hugging Face Spaces</p> | |
| </footer> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> | |