Update templates/base.html
Browse files- templates/base.html +9 -2
templates/base.html
CHANGED
|
@@ -4,8 +4,11 @@
|
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
<title>Little Krishna Chatbot</title>
|
|
|
|
| 7 |
<link href="https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap" rel="stylesheet">
|
|
|
|
| 8 |
<link rel="stylesheet" href="/static/css/styles.css">
|
|
|
|
| 9 |
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
|
| 10 |
</head>
|
| 11 |
<body>
|
|
@@ -17,10 +20,14 @@
|
|
| 17 |
</nav>
|
| 18 |
{% block content %}{% endblock %}
|
| 19 |
</div>
|
| 20 |
-
|
|
|
|
| 21 |
<script>
|
| 22 |
document.addEventListener('DOMContentLoaded', () => {
|
| 23 |
-
document.getElementById('flute-audio')
|
|
|
|
|
|
|
|
|
|
| 24 |
});
|
| 25 |
</script>
|
| 26 |
</body>
|
|
|
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
<title>Little Krishna Chatbot</title>
|
| 7 |
+
<!-- Load Google Fonts for Bubblegum Sans -->
|
| 8 |
<link href="https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap" rel="stylesheet">
|
| 9 |
+
<!-- Load CSS -->
|
| 10 |
<link rel="stylesheet" href="/static/css/styles.css">
|
| 11 |
+
<!-- Load Lottie Player for animations -->
|
| 12 |
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
|
| 13 |
</head>
|
| 14 |
<body>
|
|
|
|
| 20 |
</nav>
|
| 21 |
{% block content %}{% endblock %}
|
| 22 |
</div>
|
| 23 |
+
<!-- Background flute music -->
|
| 24 |
+
<audio id="flute-audio" src="/static/assets/flute.mp3" loop autoplay></audio>
|
| 25 |
<script>
|
| 26 |
document.addEventListener('DOMContentLoaded', () => {
|
| 27 |
+
const audio = document.getElementById('flute-audio');
|
| 28 |
+
audio.play().catch(error => {
|
| 29 |
+
console.error('Error playing audio:', error);
|
| 30 |
+
});
|
| 31 |
});
|
| 32 |
</script>
|
| 33 |
</body>
|