diff options
| author | Yuval Adam <_@yuv.al> | 2025-02-27 15:25:32 +0100 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-02-27 15:25:32 +0100 |
| commit | 46bba443a8e716838979859ab22d4728215648df (patch) | |
| tree | c51a36144bd8711b4bdfb04167422d7c58886d68 /trainride/index.html | |
| parent | 8927e51066c56942c66b95c180f4bccf943799f6 (diff) | |
Initial train
Diffstat (limited to 'trainride/index.html')
| -rw-r--r-- | trainride/index.html | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/trainride/index.html b/trainride/index.html new file mode 100644 index 0000000..246283d --- /dev/null +++ b/trainride/index.html @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Train Ride Simulator</title> + <style> + body { + margin: 0; + padding: 0; + overflow: hidden; + font-family: sans-serif; + } + + #info { + position: absolute; + top: 10px; + width: 100%; + text-align: center; + color: white; + font-size: 1.2rem; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); + z-index: 100; + pointer-events: none; + } + + #loading { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: center; + align-items: center; + color: white; + font-size: 2rem; + z-index: 1000; + } + + .loader { + width: 50px; + height: 50px; + border: 5px solid #ffffff; + border-bottom-color: transparent; + border-radius: 50%; + display: inline-block; + box-sizing: border-box; + animation: rotation 1s linear infinite; + margin-right: 15px; + } + + @keyframes rotation { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } + } + </style> +</head> + +<body> + <div id="loading"> + <span class="loader"></span> + Loading Train Simulator... + </div> + + <div id="info">Train Ride Simulator - Driver's Perspective</div> + + <script type="importmap"> + { + "imports": { + "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", + "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" + } + } + </script> + <script type="module" src="./js/main.js"></script> +</body> + +</html>
\ No newline at end of file |