From 87b09a4639eea91c848ba49f33e9d957f7576e30 Mon Sep 17 00:00:00 2001 From: Sterling Archer Date: Wed, 27 May 2026 16:25:38 -0700 Subject: [PATCH] Redesign boot screen: larger GAMEBOY text, purple styling, play loading.mp3 --- game.js | 5 +++++ index.html | 3 +-- style.css | 10 +++++----- 3 files changed, 11 insertions(+), 7 deletions(-) diff --git a/game.js b/game.js index 472d6e8..8d74cee 100644 --- a/game.js +++ b/game.js @@ -1150,6 +1150,11 @@ class Game { boot() { this.show('boot'); this._showController(true); + try { + const bootAudio = new Audio('./loading.mp3'); + bootAudio.volume = 0.5; + bootAudio.play().catch(() => {}); + } catch(e) {} setTimeout(() => this.showTitle(), 1800); } diff --git a/index.html b/index.html index 0b8a708..6a606e4 100644 --- a/index.html +++ b/index.html @@ -17,9 +17,8 @@
diff --git a/style.css b/style.css index 7b24624..bf286f7 100644 --- a/style.css +++ b/style.css @@ -352,11 +352,11 @@ html, body { } /* ─── BOOT ───────────────────────────────────────────────── */ -#screen-boot { background: var(--white); align-items: center; justify-content: center; animation: fadeIn .4s ease; } -.boot-logo { text-align: center; } -.boot-gameboy { font-size: clamp(8px,2.5vw,11px); color: var(--black); letter-spacing: 4px; margin-bottom: 10px; } -.boot-ding { font-size: 28px; margin-bottom: 8px; animation: goldShimmer 1.5s ease-in-out infinite; } -.boot-copy { font-size: 6px; color: var(--gray); } +#screen-boot { background: #f8f0ff; align-items: center; justify-content: center; animation: fadeIn .4s ease; } +.boot-logo { text-align: center; display:flex; flex-direction:column; align-items:center; gap:12px; } +.boot-gameboy { font-size: clamp(22px,7vw,36px); font-weight:bold; color: #4a0e8f; letter-spacing: 3px; text-shadow: 2px 2px 0 rgba(0,0,0,.1); } +.boot-gameboy sup { font-size:50%; vertical-align:super; } +.boot-ding { font-size: 28px; animation: goldShimmer 1.5s ease-in-out infinite; } /* ─── TITLE ──────────────────────────────────────────────── */ #screen-title { background: linear-gradient(180deg,#08031a 0%,#180a44 45%,#240e6a 75%,#120538 100%); overflow: hidden; }