diff --git a/index.html b/index.html index 7ba290b..f37bb5b 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/ui/render.js b/src/ui/render.js index 9ad422f..381124c 100644 --- a/src/ui/render.js +++ b/src/ui/render.js @@ -282,7 +282,7 @@ export async function renderMap(root) { const getNodeDescription = (node) => { switch (node.kind) { case 'start': - return 'Starting Point\nBegin your journey up the Primeagen Spire'; + return 'Starting Point\nBegin your journey up ThePrimeagen Spire'; case 'battle': const enemy = ENEMIES[node.enemy]; return `Battle\nFight: ${enemy?.name || 'Unknown Enemy'}\nHP: ${enemy?.maxHp || '?'}`; @@ -402,7 +402,7 @@ export async function renderMap(root) {

Happy Birthday Prime!

With coffee in hand and code on your side,
-The Primeagen Spire’s a treacherous ride.
+ThePrimeagen Spire’s a treacherous ride.
Gremlins await and errors conspire,
But cake lies ahead at the top of the Spire.

@@ -1390,7 +1390,7 @@ export function renderWin(root) { Victory Crown

VICTORY ACHIEVED!

-

The Primeagen Spire Has Been Conquered!

+

ThePrimeagen Spire Has Been Conquered!

ThePrimeagen's birthday celebration can continue in peace!

diff --git a/style.css b/style.css index 6625725..8375eba 100644 --- a/style.css +++ b/style.css @@ -2773,20 +2773,19 @@ h3 { position: absolute; top: 20px; right: 20px; - background: rgba(173, 216, 230, 0.95); - border: 2px solid #4A90A4; + background: linear-gradient(135deg, rgb(74, 47, 31) 0%, rgb(58, 31, 15) 100%); + border: 2px solid #FFFFFF; border-radius: 8px; padding: 12px; min-width: 140px; - box-shadow: 0 4px 12px rgba(0,0,0,0.4); z-index: 10; backdrop-filter: blur(2px); } .legend-title { font-weight: bold; - font-size: 14px; - color: #2C3E50; + font-size: 16px; + color: #FFFFFF; margin-bottom: 8px; text-align: center; } @@ -2795,8 +2794,9 @@ h3 { display: flex; align-items: center; margin-bottom: 4px; - font-size: 11px; - color: #2C3E50; + font-size: 13px; + color: #FFFFFF; + line-height: 1.5; } .legend-icon {