Spaces:
Paused
Paused
Update templates/index.html
Browse files- templates/index.html +18 -0
templates/index.html
CHANGED
|
@@ -5,6 +5,24 @@
|
|
| 5 |
<link rel='stylesheet' href="{{ url_for('static', filename='index.css') }}">
|
| 6 |
</head>
|
| 7 |
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 8 |
|
| 9 |
<div class='page-container'>
|
| 10 |
<h1 style="color:grey; font-weight: bold;text-shadow: 2px 2px 0 #000, 2px 2px 0 #555;">Forecast Your Crypto Future</h1>
|
|
|
|
| 5 |
<link rel='stylesheet' href="{{ url_for('static', filename='index.css') }}">
|
| 6 |
</head>
|
| 7 |
<body>
|
| 8 |
+
<!-- Background Video -->
|
| 9 |
+
<div class="video-container">
|
| 10 |
+
<video
|
| 11 |
+
id="backgroundVideo"
|
| 12 |
+
autoplay
|
| 13 |
+
muted
|
| 14 |
+
loop
|
| 15 |
+
playsinline
|
| 16 |
+
preload="metadata"
|
| 17 |
+
aria-label="Background animation"
|
| 18 |
+
>
|
| 19 |
+
<source src="{{ url_for('static', filename='video/rain.mp4') }}" type="video/mp4">
|
| 20 |
+
<source src="{{ url_for('static', filename='video/rain.webm') }}" type="video/webm">
|
| 21 |
+
</video>
|
| 22 |
+
</div>
|
| 23 |
+
|
| 24 |
+
<!-- Video overlay for better text readability -->
|
| 25 |
+
<div class="video-overlay"></div>
|
| 26 |
|
| 27 |
<div class='page-container'>
|
| 28 |
<h1 style="color:grey; font-weight: bold;text-shadow: 2px 2px 0 #000, 2px 2px 0 #555;">Forecast Your Crypto Future</h1>
|