| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Little Krishna Chatbot</title> | |
| <!-- Load Google Fonts for Bubblegum Sans --> | |
| <link href="https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap" rel="stylesheet"> | |
| <!-- Load CSS --> | |
| <link rel="stylesheet" href="/static/css/styles.css"> | |
| <!-- Load Lottie Player for animations --> | |
| <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <nav> | |
| <a href="/">Home</a> | |
| <a href="/chat">Chat with Krishna</a> | |
| <a href="/message">Birthday Message</a> | |
| </nav> | |
| {% block content %}{% endblock %} | |
| </div> | |
| <!-- Background flute music --> | |
| <audio id="flute-audio" src="/static/assets/flute.mp3" loop autoplay></audio> | |
| <script> | |
| document.addEventListener('DOMContentLoaded', () => { | |
| const audio = document.getElementById('flute-audio'); | |
| audio.play().catch(error => { | |
| console.error('Error playing audio:', error); | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> |