2025-12-28 15:28:26 -05:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2026-02-04 23:18:43 +01:00
< 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" / >
2026-01-22 23:57:55 -05:00
< meta charset = "UTF-8" / >
2026-01-23 00:02:41 -05:00
< title > SplatNet - Splatoon's multiplayer service hub< / title >
2026-02-04 23:15:38 +01:00
< link rel = "icon" href = "favicon.ico" type = "image/x-icon" / >
< link rel = "stylesheet" href = "header.css" / >
2026-01-22 23:57:55 -05:00
< link rel = "stylesheet" href = "styles.css" / >
2026-02-04 23:15:38 +01:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2025-12-28 15:28:26 -05:00
< / head >
< body >
2026-02-04 23:15:38 +01:00
< div id = "squid-container" >
< canvas id = "squid-canvas" width = "1920" height = "1080" > < / canvas >
< / div >
2025-12-28 15:28:26 -05:00
2026-01-22 23:57:55 -05:00
< div id = "loading-overlay" class = "loading-overlay" >
< canvas id = "loading-canvas" width = "100" height = "100" > < / canvas >
2026-02-04 23:15:38 +01:00
< div id = "loading-text" >
< img src = "/assets/en/svg/text/wait/tx_loading-dccf3fb801ca859f2d17992f5cd7da62995c1fe81a306dd103398ef7c0e25b70.svg" alt = "Loading" >
< / div >
2026-01-22 23:57:55 -05:00
< / div >
2026-01-16 21:59:39 +01:00
2026-02-04 23:15:38 +01:00
< 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 >
2026-01-22 23:08:26 -05:00
< / div >
2026-02-04 23:15:38 +01:00
< / div >
2025-12-30 04:25:58 +01:00
2026-02-04 23:15:38 +01:00
< / div >
2026-01-22 23:57:55 -05:00
< script >
2026-02-04 23:15:38 +01:00
fetch("../header.html")
2026-01-22 23:57:55 -05:00
.then(res => res.text())
.then(html => {
document.getElementById("header-container").innerHTML = html;
})
.catch(err => console.error("Failed to load header:", err));
< / script >
2026-01-22 21:52:54 -05:00
2026-01-22 23:57:55 -05:00
< script src = "stages.js" > < / script >
2025-12-28 15:28:26 -05:00
< / body >
2026-02-04 23:15:38 +01:00
< / html >