SplatNet/index.html

<!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="stylesheet" href="styles.css" />
</head>
<body>
  <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 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>
    <div class="stages-container" id="stages-container"></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 src="stages.js"></script>
</body>
</html>
lay framework for stage page 2025-12-28 15:28:26 -05:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
add embed support 2026-02-04 21:56:38 +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."/>`
fix image type extension 2026-02-04 22:15:50 +01:00			`<meta property="og:url" content="https://wompwomp.ink"/>`
			`<meta property="og:image" content="https://wompwomp.ink/assets/facebook_image-f7cbb3f4687a632cf0a44be1e68a7676dbb52eaf2ebc4b207522418825078203.jpg"/>`
add squid swimming in background 2026-01-22 23:57:55 -05:00			`<div id="squid-container">`
			`<canvas id="squid-canvas" width="1920" height="1080"></canvas>`
			`</div>`
			`<meta charset="UTF-8" />`
update page title 2026-01-23 00:02:41 -05:00			`<title>SplatNet - Splatoon's multiplayer service hub</title>`
add squid swimming in background 2026-01-22 23:57:55 -05:00			`<link rel="icon" href="/favicon.ico" type="image/x-icon" />`
			`<link rel="stylesheet" href="styles.css" />`
lay framework for stage page 2025-12-28 15:28:26 -05:00			`</head>`
			`<body>`
add squid swimming in background 2026-01-22 23:57:55 -05:00			`<div id="header-container"></div>`
lay framework for stage page 2025-12-28 15:28:26 -05:00
add squid swimming in background 2026-01-22 23:57:55 -05:00			`<div id="loading-overlay" class="loading-overlay">`
			`<canvas id="loading-canvas" width="100" height="100"></canvas>`
			`<div id="loading-text">Loading</div>`
			`</div>`
add better error handling w/ loading icon support 2026-01-16 21:59:39 +01:00
add squid swimming in background 2026-01-22 23:57:55 -05:00			`<div class="content">`
seperate header & index 2026-01-22 21:52:54 -05:00			`<img src="/assets/stageinfo.png" class="stage-info" alt="Stage Info" />`
5am changes but page is complete! 2026-01-22 23:08:26 -05:00			`<div class="stage-info-text">`
add squid swimming in background 2026-01-22 23:57:55 -05:00			`Use the stage information to guide your weapon strategy and battle strategy!`
5am changes but page is complete! 2026-01-22 23:08:26 -05:00			`</div>`
migrate to javascript from python 2026-01-16 02:30:44 +01:00			`<div class="stages-container" id="stages-container"></div>`
add squid swimming in background 2026-01-22 23:57:55 -05:00			`</div>`
add more pages & update them 2025-12-30 04:25:58 +01:00
add squid swimming in background 2026-01-22 23:57:55 -05:00			`<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>`
seperate header & index 2026-01-22 21:52:54 -05:00
add squid swimming in background 2026-01-22 23:57:55 -05:00			`<script src="stages.js"></script>`
lay framework for stage page 2025-12-28 15:28:26 -05:00			`</body>`
			`</html>`