From 720d752748b793a2f5cf3cc14cb75ad86e8919c0 Mon Sep 17 00:00:00 2001 From: sillylaird Date: Tue, 3 Feb 2026 21:27:57 -0500 Subject: First commit --- gaming/stepmania/index.html | 102 ++++++++++++++++++++++++++++++ gaming/stepmania/index_jp.html | 102 ++++++++++++++++++++++++++++++ gaming/stepmania/index_zh.html | 104 ++++++++++++++++++++++++++++++ gaming/stepmania/script.js | 46 ++++++++++++++ gaming/stepmania/style.css | 139 +++++++++++++++++++++++++++++++++++++++++ 5 files changed, 493 insertions(+) create mode 100644 gaming/stepmania/index.html create mode 100644 gaming/stepmania/index_jp.html create mode 100644 gaming/stepmania/index_zh.html create mode 100644 gaming/stepmania/script.js create mode 100644 gaming/stepmania/style.css (limited to 'gaming/stepmania') 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 @@ + + + + + + StepMania — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

StepMania

+

Clean, fast, and to the point.

+
+ +
+

Song Packs

+
    +
  • Dance Revolution Mix 2024
    • +
  • Retro Arcade Hits
    • +
  • Anime Beats Edition
    • +
+
+ +
+

High Scores

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
RankPlayerSongScore
1NeoStepPARANOiA Rebirth997,450
2LainDanceMAX 300995,210
3PadWizardvanity angel992,880
+
+
+ +
+

Downloads

+

StepMania 3.9 / 3.95 / misc files

+
+ +
+

Contact

+

m@sillylaird.ca

+
+
+ +
+ + 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 @@ + + + + + + StepMania — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

StepMania

+

Clean, fast, and to the point.

+
+ +
+

Song Packs

+
    +
  • Dance Revolution Mix 2024
    • +
  • Retro Arcade Hits
    • +
  • Anime Beats Edition
    • +
+
+ +
+

High Scores

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
RankPlayerSongScore
1NeoStepPARANOiA Rebirth997,450
2LainDanceMAX 300995,210
3PadWizardvanity angel992,880
+
+
+ +
+

Downloads

+

StepMania 3.9 / 3.95 / misc files

+
+ +
+

連絡先

+

m@sillylaird.ca

+
+
+ +
+ + 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 @@ + + + + + + StepMania — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

StepMania

+

Clean, fast, and to the point.

+
+ +
+

Song Packs

+
    +
  • Dance Revolution Mix 2024
    • +
  • Retro Arcade Hits
    • +
  • Anime Beats Edition
    • +
+
+ +
+

High Scores

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
RankPlayerSongScore
1NeoStepPARANOiA Rebirth997,450
2LainDanceMAX 300995,210
3PadWizardvanity angel992,880
+
+
+ +
+

Downloads

+

StepMania 3.9 / 3.95 / misc files

+
+ +
+

联系

+

m@sillylaird.ca

+
+
+ +
+ + 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 = ` + + RankPlayerSongScore + + + ${data.map(r => ` + ${r.rank}${r.player}${r.song}${r.score} + `).join('')} + `; + 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); } +} -- cgit v1.2.3