kitten/SplatNet
Watch
0
0
Fork
You've already forked SplatNet
 0
forked from spacebar/SplatNet
Code Pull requests Activity

merge changes from main & add proper mobile support

Browse source
This commit is contained in:
kittentm 2026-02-04 23:15:38 +01:00
commit 3604026332
36 changed files with 776 additions and 180 deletions
Download patch file Download diff file Expand all files Collapse all files

52
index.html
View file

@ -1,38 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta property="og:site_name" content="SplatNet - Splatoon's multiplayer service hub"/>
<meta property="og:title" content="SplatNet - Splatoon's multiplayer service hub"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="SplatNet is an online service enabling interaction between players of Splatoon. Players can recruit others to play with them and check the play information and ranking of their friends."/>
<meta property="og:url" content="https://wompwomp.ink"/>
<meta property="og:image" content="https://wompwomp.ink/assets/facebook_image-f7cbb3f4687a632cf0a44be1e68a7676dbb52eaf2ebc4b207522418825078203.jpg"/>
<div id="squid-container">
<canvas id="squid-canvas" width="1920" height="1080"></canvas>
</div>
<meta charset="UTF-8" />
<title>SplatNet - Splatoon's multiplayer service hub</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="header.css" />
<link rel="stylesheet" href="styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="header-container"></div>
<div id="squid-container">
<canvas id="squid-canvas" width="1920" height="1080"></canvas>
</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">
<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!
<div id="loading-text">
<img src="/assets/en/svg/text/wait/tx_loading-dccf3fb801ca859f2d17992f5cd7da62995c1fe81a306dd103398ef7c0e25b70.svg" alt="Loading">
</div>
<div class="stages-container" id="stages-container"></div>
</div>
<div class="main-wrapper">
<div class="content">
<div id="header-container"></div>
<div class="logo-left-align">
<div id="stage-header-logo">
<img class="bg-layer" src="../assets/en/svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg">
<img class="icon-layer" src="../assets/en/svg/ui/ico_stage-8dbc9e30d2dd9f99f4d1678fe53c4aaada7f7ff43929880a0c9f4e49f148f540.svg">
<img class="label-layer" src="../assets/en/svg/text/menu/tx_stageinfo_wht-5fa41cd0a2c7e72f93cb7ec6821d01af7f5d05e91b9dc16b002197e69fdf9440.svg">
</div>
</div>
<div class="stage-info-text">
Use the stage information to guide your weapon strategy and battle strategy!
</div>
<div class="stages-container" id="stages-container"></div>
</div>
</div>
</div>
<script>
fetch("/header.html")
fetch("../header.html")
.then(res => res.text())
.then(html => {
document.getElementById("header-container").innerHTML = html;
@ -42,4 +52,4 @@
<script src="stages.js"></script>
</body>
</html>
</html>