Move Pazisme Mod page to a standalone HTML (#86)

Co-authored-by: Julien Valverdé <julien.valverde@mailo.com> Co-authored-by: Renovate Bot <renovate-bot@valverde.cloud> Reviewed-on: #86
2026-05-19 19:20:39 +02:00
parent fa086ac840
commit 82904cf000
15 changed files with 326 additions and 458 deletions
@@ -0,0 +1,104 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>pazisme mod</title>
+  <style>
+    @font-face {
+      font-family: "Coolvetica";
+      src: url("./coolvetica_rg.otf") format("opentype");
+      font-style: normal;
+      font-weight: 400;
+      font-display: swap;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+
+    html,
+    body {
+      margin: 0;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      background: #000;
+    }
+
+    body {
+      position: relative;
+      font-family: sans-serif;
+    }
+
+    .splash-image {
+      display: block;
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+
+    .title {
+      position: absolute;
+      left: 24px;
+      bottom: 48px;
+      margin: 0;
+      color: #fff;
+      font-family: "Coolvetica", sans-serif;
+      font-size: clamp(48px, 8vw, 92px);
+      line-height: 1;
+    }
+  </style>
+</head>
+<body>
+  <audio id="theme" src="./we_are_charlie_kirk.mp3" preload="auto" autoplay hidden></audio>
+  <img class="splash-image" src="./screen1.png" alt="Pazismemod screenshot">
+  <h1 class="title">pazisme mod</h1>
+  <script>
+    (function() {
+      var SONG_START_TIME = 46;
+      var audio = document.getElementById("theme");
+
+      if (!audio) {
+        return;
+      }
+
+      function syncStartTime() {
+        if (isFinite(audio.duration) && audio.duration > SONG_START_TIME) {
+          audio.currentTime = SONG_START_TIME;
+        }
+      }
+
+      function playFromOffset() {
+        syncStartTime();
+        var result = audio.play();
+        if (result && typeof result.catch === "function") {
+          result.catch(function() {
+            // Ignore autoplay failures in embedded browsers that require interaction.
+          });
+        }
+      }
+
+      window.GameDetails = function(
+        _servername,
+        _serverurl,
+        _mapname,
+        _maxplayers,
+        _steamid,
+        _gamemode,
+        volume
+      ) {
+        var parsedVolume = Number(volume);
+
+        if (!isNaN(parsedVolume) && isFinite(parsedVolume)) {
+          audio.volume = Math.min(1, Math.max(0, parsedVolume));
+        }
+      };
+
+      audio.addEventListener("loadedmetadata", syncStartTime);
+      audio.addEventListener("ended", playFromOffset);
+      playFromOffset();
+    })();
+  </script>
+</body>
+</html>