add squid swimming in background
This commit is contained in:
parent
a2e8e4b596
commit
0911f240bd
4 changed files with 277 additions and 164 deletions
46
index.html
46
index.html
|
|
@ -1,37 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>SplatNet | Stages</title>
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<div id="squid-container">
|
||||
<canvas id="squid-canvas" width="1920" height="1080"></canvas>
|
||||
</div>
|
||||
<meta charset="UTF-8" />
|
||||
<title>SplatNet | Stages</title>
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="header-container"></div>
|
||||
|
||||
<div id="header-container"></div>
|
||||
<div id="loading-overlay" class="loading-overlay">
|
||||
<canvas id="loading-canvas" width="100" height="100"></canvas>
|
||||
<div id="loading-text">Loading</div>
|
||||
</div>
|
||||
|
||||
<div id="loading-overlay" class="loading-overlay">
|
||||
<canvas id="loading-canvas" width="100" height="100"></canvas>
|
||||
<div id="loading-text">Loading</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="content">
|
||||
<img src="/assets/stageinfo.png" class="stage-info" alt="Stage Info" />
|
||||
<div class="stage-info-text">
|
||||
Use the stage information to guide your weapon strategy and battle strategy!
|
||||
Use the stage information to guide your weapon strategy and battle strategy!
|
||||
</div>
|
||||
<div class="stages-container" id="stages-container"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
fetch("/header.html")
|
||||
.then(res => res.text())
|
||||
.then(html => {
|
||||
document.getElementById("header-container").innerHTML = html;
|
||||
})
|
||||
.catch(err => console.error("Failed to load header:", err));
|
||||
</script>
|
||||
<script>
|
||||
fetch("/header.html")
|
||||
.then(res => res.text())
|
||||
.then(html => {
|
||||
document.getElementById("header-container").innerHTML = html;
|
||||
})
|
||||
.catch(err => console.error("Failed to load header:", err));
|
||||
</script>
|
||||
|
||||
<script src="stages.js"></script>
|
||||
<script src="stages.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in a new issue