First commit

author: sillylaird <sillylaird@fastmail.ca> 2026-02-03 21:27:57 -0500
committer: sillylaird <sillylaird@fastmail.ca> 2026-02-03 21:27:57 -0500
commit: 720d752748b793a2f5cf3cc14cb75ad86e8919c0 (patch)
tree: 29120103307cb17e7d6c283cc198ec2484f934cd /gaming/stepmania
5 files changed, 493 insertions, 0 deletions
diff --git a/gaming/stepmania/index.html b/gaming/stepmania/index.html
new file mode 100644
index 0000000..919f298
--- /dev/null
+++ b/gaming/stepmania/index.html
@@ -0,0 +1,102 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <title>StepMania — SillyLaird</title>
+  <meta name="description" content="StepMania page and downloads." />
+  <meta property="og:title" content="StepMania — SillyLaird" />
+  <meta property="og:description" content="StepMania page and downloads." />
+  <meta property="og:image" content="https://www.sillylaird.ca/lain.png" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://www.sillylaird.ca/gaming/stepmania/" />
+  <meta property="og:locale" content="en_US" />
+  <meta property="og:locale:alternate" content="ja_JP" />
+  <meta property="og:locale:alternate" content="zh_CN" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="StepMania — SillyLaird" />
+  <meta name="twitter:description" content="StepMania page and downloads." />
+  <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" />
+  <link rel="canonical" href="https://www.sillylaird.ca/gaming/stepmania/" />
+  <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/stepmania/" />
+  <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/stepmania/" />
+  <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/stepmania/index_zh.html" />
+  <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/stepmania/index_jp.html" />
+  <link rel="icon" href="/favicon.ico" />
+
+  <link rel="stylesheet" href="/assets/css/site.css" />
+  
+  
+  <script defer src="/assets/js/includes.js"></script>
+</head>
+
+<body>
+  <a class="skip-link" href="#main">Skip to content</a>
+
+  <div data-include="header"></div>
+
+  <main id="main" class="wrap">
+    <section aria-labelledby="sm-title">
+      <h1 id="sm-title">StepMania</h1>
+      <p class="muted">Clean, fast, and to the point.</p>
+    </section>
+
+    <section aria-labelledby="packs-title">
+      <h2 id="packs-title">Song Packs</h2>
+      <ul class="contact-list">
+        <li>Dance Revolution Mix 2024</li>
+        <li>Retro Arcade Hits</li>
+        <li>Anime Beats Edition</li>
+      </ul>
+    </section>
+
+    <section aria-labelledby="scores-title">
+      <h2 id="scores-title">High Scores</h2>
+      <div class="s16a8a8b00c">
+        <table class="s473e6bbfeb">
+          <thead>
+            <tr>
+              <th class="sf2e940dbbf">Rank</th>
+              <th class="sf2e940dbbf">Player</th>
+              <th class="sf2e940dbbf">Song</th>
+              <th class="sf2e940dbbf">Score</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td class="s6f279abaab">1</td>
+              <td class="s6f279abaab">NeoStep</td>
+              <td class="s6f279abaab">PARANOiA Rebirth</td>
+              <td class="s6f279abaab">997,450</td>
+            </tr>
+            <tr>
+              <td class="s6f279abaab">2</td>
+              <td class="s6f279abaab">LainDance</td>
+              <td class="s6f279abaab">MAX 300</td>
+              <td class="s6f279abaab">995,210</td>
+            </tr>
+            <tr>
+              <td class="s44cd1236df">3</td>
+              <td class="s44cd1236df">PadWizard</td>
+              <td class="s44cd1236df">vanity angel</td>
+              <td class="s44cd1236df">992,880</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </section>
+
+    <section aria-labelledby="downloads-title">
+      <h2 id="downloads-title">Downloads</h2>
+      <p><a href="https://www.mediafire.com/folder/ncph2tqkddpli/downloads" target="_blank" rel="noopener noreferrer">StepMania 3.9 / 3.95 / misc files</a></p>
+    </section>
+
+    <section aria-labelledby="contact-title">
+      <h2 id="contact-title">Contact</h2>
+      <p><a href="mailto:m@sillylaird.ca">m@sillylaird.ca</a></p>
+    </section>
+  </main>
+
+  <div data-include="footer"></div>
+</body>
+</html>
diff --git a/gaming/stepmania/index_jp.html b/gaming/stepmania/index_jp.html
new file mode 100644
index 0000000..42c8d85
--- /dev/null
+++ b/gaming/stepmania/index_jp.html
@@ -0,0 +1,102 @@
+<!doctype html>
+<html lang="ja">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <title>StepMania — SillyLaird</title>
+  <meta name="description" content="StepMania page and downloads." />
+  <meta property="og:title" content="StepMania — SillyLaird" />
+  <meta property="og:description" content="StepMania page and downloads." />
+  <meta property="og:image" content="https://www.sillylaird.ca/lain.png" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://www.sillylaird.ca/gaming/stepmania/index_jp.html" />
+  <meta property="og:locale" content="ja_JP" />
+  <meta property="og:locale:alternate" content="en_US" />
+  <meta property="og:locale:alternate" content="zh_CN" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="StepMania — SillyLaird" />
+  <meta name="twitter:description" content="StepMania page and downloads." />
+  <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" />
+  <link rel="canonical" href="https://www.sillylaird.ca/gaming/stepmania/index_jp.html" />
+  <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/stepmania/" />
+  <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/stepmania/" />
+  <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/stepmania/index_zh.html" />
+  <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/stepmania/index_jp.html" />
+  <link rel="icon" href="/favicon.ico" />
+
+  <link rel="stylesheet" href="/assets/css/site.css" />
+  
+  
+  <script defer src="/assets/js/includes.js"></script>
+</head>
+
+<body>
+  <a class="skip-link" href="#main">本文へ移動</a>
+
+  <div data-include="header"></div>
+
+  <main id="main" class="wrap">
+    <section aria-labelledby="sm-title">
+      <h1 id="sm-title">StepMania</h1>
+      <p class="muted">Clean, fast, and to the point.</p>
+    </section>
+
+    <section aria-labelledby="packs-title">
+      <h2 id="packs-title">Song Packs</h2>
+      <ul class="contact-list">
+        <li>Dance Revolution Mix 2024</li>
+        <li>Retro Arcade Hits</li>
+        <li>Anime Beats Edition</li>
+      </ul>
+    </section>
+
+    <section aria-labelledby="scores-title">
+      <h2 id="scores-title">High Scores</h2>
+      <div class="s16a8a8b00c">
+        <table class="s473e6bbfeb">
+          <thead>
+            <tr>
+              <th class="sf2e940dbbf">Rank</th>
+              <th class="sf2e940dbbf">Player</th>
+              <th class="sf2e940dbbf">Song</th>
+              <th class="sf2e940dbbf">Score</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td class="s6f279abaab">1</td>
+              <td class="s6f279abaab">NeoStep</td>
+              <td class="s6f279abaab">PARANOiA Rebirth</td>
+              <td class="s6f279abaab">997,450</td>
+            </tr>
+            <tr>
+              <td class="s6f279abaab">2</td>
+              <td class="s6f279abaab">LainDance</td>
+              <td class="s6f279abaab">MAX 300</td>
+              <td class="s6f279abaab">995,210</td>
+            </tr>
+            <tr>
+              <td class="s44cd1236df">3</td>
+              <td class="s44cd1236df">PadWizard</td>
+              <td class="s44cd1236df">vanity angel</td>
+              <td class="s44cd1236df">992,880</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </section>
+
+    <section aria-labelledby="downloads-title">
+      <h2 id="downloads-title">Downloads</h2>
+      <p><a href="https://www.mediafire.com/folder/ncph2tqkddpli/downloads" target="_blank" rel="noopener noreferrer">StepMania 3.9 / 3.95 / misc files</a></p>
+    </section>
+
+    <section aria-labelledby="contact-title">
+      <h2 id="contact-title">連絡先</h2>
+      <p><a href="mailto:m@sillylaird.ca">m@sillylaird.ca</a></p>
+    </section>
+  </main>
+
+  <div data-include="footer"></div>
+</body>
+</html>
diff --git a/gaming/stepmania/index_zh.html b/gaming/stepmania/index_zh.html
new file mode 100644
index 0000000..868f912
--- /dev/null
+++ b/gaming/stepmania/index_zh.html
@@ -0,0 +1,104 @@
+<!doctype html>
+<html lang="zh">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <title>StepMania — SillyLaird</title>
+  <meta name="description" content="StepMania page and downloads." />
+  <meta property="og:title" content="StepMania — SillyLaird" />
+  <meta property="og:description" content="StepMania page and downloads." />
+  <meta property="og:image" content="https://www.sillylaird.ca/lain.png" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://www.sillylaird.ca/gaming/stepmania/index_zh.html" />
+  <meta property="og:locale" content="zh_CN" />
+  <meta property="og:locale:alternate" content="en_US" />
+  <meta property="og:locale:alternate" content="ja_JP" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="StepMania — SillyLaird" />
+  <meta name="twitter:description" content="StepMania page and downloads." />
+  <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" />
+  <link rel="canonical" href="https://www.sillylaird.ca/gaming/stepmania/index_zh.html" />
+  <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/stepmania/" />
+  <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/stepmania/" />
+  <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/stepmania/index_zh.html" />
+  <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/stepmania/index_jp.html" />
+  <link rel="icon" href="/favicon.ico" />
+
+  <link rel="stylesheet" href="/assets/css/site.css" />
+  
+  
+  <link rel="stylesheet" href="/assets/css/pages/stepmania_zh.css" />
+  
+  <script defer src="/assets/js/includes.js"></script>
+</head>
+
+<body>
+  <a class="skip-link" href="#main">跳至内容</a>
+
+  <div data-include="header"></div>
+
+  <main id="main" class="wrap">
+    <section aria-labelledby="sm-title">
+      <h1 id="sm-title">StepMania</h1>
+      <p class="muted">Clean, fast, and to the point.</p>
+    </section>
+
+    <section aria-labelledby="packs-title">
+      <h2 id="packs-title">Song Packs</h2>
+      <ul class="contact-list">
+        <li>Dance Revolution Mix 2024</li>
+        <li>Retro Arcade Hits</li>
+        <li>Anime Beats Edition</li>
+      </ul>
+    </section>
+
+    <section aria-labelledby="scores-title">
+      <h2 id="scores-title">High Scores</h2>
+      <div class="s16a8a8b00c">
+        <table class="s473e6bbfeb">
+          <thead>
+            <tr>
+              <th class="sf2e940dbbf">Rank</th>
+              <th class="sf2e940dbbf">Player</th>
+              <th class="sf2e940dbbf">Song</th>
+              <th class="sf2e940dbbf">Score</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td class="s6f279abaab">1</td>
+              <td class="s6f279abaab">NeoStep</td>
+              <td class="s6f279abaab">PARANOiA Rebirth</td>
+              <td class="s6f279abaab">997,450</td>
+            </tr>
+            <tr>
+              <td class="s6f279abaab">2</td>
+              <td class="s6f279abaab">LainDance</td>
+              <td class="s6f279abaab">MAX 300</td>
+              <td class="s6f279abaab">995,210</td>
+            </tr>
+            <tr>
+              <td class="s44cd1236df">3</td>
+              <td class="s44cd1236df">PadWizard</td>
+              <td class="s44cd1236df">vanity angel</td>
+              <td class="s44cd1236df">992,880</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </section>
+
+    <section aria-labelledby="downloads-title">
+      <h2 id="downloads-title">Downloads</h2>
+      <p><a href="https://www.mediafire.com/folder/ncph2tqkddpli/downloads" target="_blank" rel="noopener noreferrer">StepMania 3.9 / 3.95 / misc files</a></p>
+    </section>
+
+    <section aria-labelledby="contact-title">
+      <h2 id="contact-title">联系</h2>
+      <p><a href="mailto:m@sillylaird.ca">m@sillylaird.ca</a></p>
+    </section>
+  </main>
+
+  <div data-include="footer"></div>
+</body>
+</html>
diff --git a/gaming/stepmania/script.js b/gaming/stepmania/script.js
new file mode 100644
index 0000000..1deb43c
--- /dev/null
+++ b/gaming/stepmania/script.js
@@ -0,0 +1,46 @@
+document.addEventListener('DOMContentLoaded', () => {
+  // Simple active link when clicking nav
+  const links = Array.from(document.querySelectorAll('nav a[href^="#"]'));
+  links.forEach(a => {
+    a.addEventListener('click', e => {
+      const id = a.getAttribute('href');
+      const target = document.querySelector(id);
+      if (!target) return;
+      e.preventDefault();
+      links.forEach(x => x.classList.remove('is-active'));
+      a.classList.add('is-active');
+      target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+      history.replaceState(null, '', id);
+    });
+  });
+
+  // Minimal demo scoreboard
+  const data = [
+    { rank: 1, player: 'NeoStep',  song: 'PARANOiA Rebirth', score: '997,450' },
+    { rank: 2, player: 'LainDance', song: 'MAX 300',          score: '995,210' },
+    { rank: 3, player: 'PadWizard', song: 'vanity angel',      score: '992,880' },
+  ];
+  const board = document.getElementById('score-board');
+  if (board) {
+    const table = document.createElement('table');
+    table.innerHTML = `
+      <thead><tr>
+        <th>Rank</th><th>Player</th><th>Song</th><th>Score</th>
+      </tr></thead>
+      <tbody>
+        ${data.map(r => `<tr>
+          <td>${r.rank}</td><td>${r.player}</td><td>${r.song}</td><td>${r.score}</td>
+        </tr>`).join('')}
+      </tbody>`;
+    board.replaceChildren(table);
+  }
+
+  // Join button feedback
+  const btn = document.getElementById('join-event');
+  if (btn) {
+    btn.addEventListener('click', () => {
+      btn.disabled = true;
+      btn.textContent = 'You’re in! Check your inbox.';
+    });
+  }
+});
diff --git a/gaming/stepmania/style.css b/gaming/stepmania/style.css
new file mode 100644
index 0000000..20bca04
--- /dev/null
+++ b/gaming/stepmania/style.css
@@ -0,0 +1,139 @@
+/* Base */
+*, *::before, *::after { box-sizing: border-box; }
+
+html, body {
+  margin: 0;
+  padding: 0;
+  background: #ffd;         /* light yellow */
+  color: #111;
+  font-family: system-ui, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+}
+
+/* Header */
+header {
+  padding: 16px;
+  background: #fff6c7;
+  border-bottom: 2px solid #e6d27a;
+  text-align: center;
+}
+h1 {
+  margin: 0 0 8px;
+  font-family: "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif;
+  font-size: 1.6rem;
+}
+
+/* Nav */
+nav ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: grid;
+  grid-auto-flow: column;
+  gap: 8px;
+  justify-content: center;
+}
+nav a {
+  display: inline-block;
+  padding: 6px 8px;
+  text-decoration: none;
+  color: #002;
+  border-radius: 4px;
+  transition: background .15s, color .15s;
+}
+nav a:hover, nav a.is-active {
+  background: red;
+  color: #000;
+}
+
+/* Layout */
+main {
+  max-width: 900px;
+  margin: 20px auto;
+  padding: 0 16px;
+}
+section { margin: 24px 0; }
+h2 { margin: 0 0 8px; }
+
+/* Hero image */
+.hero-image {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+  border: 2px solid #e6d27a;
+  background: #fffbe3;
+}
+
+/* Lists */
+#song-list { padding-left: 18px; }
+
+/* Scoreboard (minimal) */
+#score-board {
+  margin-top: 8px;
+  border: 2px solid #e6d27a;
+  border-radius: 8px;
+  background: #fffbe3;
+  overflow: hidden;
+}
+#score-board table { width: 100%; border-collapse: collapse; }
+#score-board th, #score-board td { padding: 8px; text-align: left; }
+#score-board thead th { background: #ffe06d; }
+#score-board tbody tr:nth-child(odd) { background: #fff6c7; }
+
+/* Button */
+button {
+  padding: 10px 14px;
+  border: 2px solid #e6d27a;
+  border-radius: 8px;
+  background: #ffd;
+  color: #111;
+  cursor: pointer;
+  transition: background .15s, color .15s;
+}
+button:hover { background: red; color: #fff; }
+
+/* Gallery (simple responsive) */
+.gallery {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+.gallery img {
+  width: calc(33.333% - 7px);
+  min-width: 160px;
+  flex: 1 1 auto;
+  border: 2px solid #e6d27a;
+  border-radius: 8px;
+  background: #fffbe3;
+}
+
+/* Form */
+form {
+  display: grid;
+  gap: 8px;
+  max-width: 600px;
+}
+input[type="text"], input[type="email"], textarea {
+  width: 100%;
+  padding: 10px;
+  border: 2px solid #e6d27a;
+  border-radius: 8px;
+  background: #fffef0;
+  font: inherit;
+  color: #111;
+}
+textarea { min-height: 120px; resize: vertical; }
+
+/* Footer */
+footer {
+  text-align: center;
+  color: #444;
+  margin: 32px 0 24px;
+}
+
+/* Small screens */
+@media (max-width: 640px) {
+  nav ul { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .gallery img { width: calc(50% - 5px); }
+}
author	sillylaird <sillylaird@fastmail.ca>	2026-02-03 21:27:57 -0500
committer	sillylaird <sillylaird@fastmail.ca>	2026-02-03 21:27:57 -0500
commit	720d752748b793a2f5cf3cc14cb75ad86e8919c0 (patch)
tree	29120103307cb17e7d6c283cc198ec2484f934cd /gaming/stepmania