34 lines
No EOL
1.4 KiB
HTML
34 lines
No EOL
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="default.css">
|
|
</head>
|
|
<body>
|
|
<div class="story-scene">
|
|
<!-- Main planet -->
|
|
<button class="planet dark_box"></button>
|
|
|
|
<!-- Spaceship -->
|
|
<button class="button spaceship">🚀</button>
|
|
|
|
<!-- Stars -->
|
|
<button class="button star" style="top: 20%; left: 30%"></button>
|
|
<button class="button star" style="top: 40%; left: 60%"></button>
|
|
<button class="button star" style="top: 70%; left: 20%"></button>
|
|
<button class="button star" style="top: 30%; left: 80%"></button>
|
|
<button class="button star" style="top: 60%; left: 40%"></button>
|
|
|
|
<!-- Meteors -->
|
|
<button class="button meteor" style="top: 10%; left: 90%"></button>
|
|
<button class="button meteor" style="top: 30%; left: 70%; animation-delay: 1s"></button>
|
|
<button class="button meteor" style="top: 50%; left: 80%; animation-delay: 0.5s"></button>
|
|
|
|
<!-- Story text -->
|
|
<div class="dark_box" style="position: fixed; bottom: 20px; padding: 20px; z-index: 100; max-width: 600px;">
|
|
<h1>Space Adventure</h1>
|
|
<p>Watch as our brave spaceship explores the mysterious planet...</p>
|
|
<button class="button" onclick="window.location.href='/'">Return to Earth</button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |