From 2a0a3511b40d907836322c5e68c95e83a94d697e Mon Sep 17 00:00:00 2001 From: Hikari Date: Mon, 9 Mar 2026 19:20:37 -0700 Subject: [PATCH] feat(web): add analytics, OG tags, Tree-Nation, ads, sticky sidebar - Add Plausible analytics script to index.html - Add Open Graph and Twitter Card meta tags using the CDN background image - Add Tree-Nation widget loader, init script, and badge div in sidebar - Add Google Ads script - Make game sidebar sticky with --resource-bar-height offset (3.5rem) - Reset sidebar sticky properties in mobile responsive override --- apps/web/index.html | 33 +++++++++++++++++++++ apps/web/src/components/game/gameLayout.tsx | 1 + apps/web/src/styles.css | 8 +++++ 3 files changed, 42 insertions(+) diff --git a/apps/web/index.html b/apps/web/index.html index d154738..1b35069 100644 --- a/apps/web/index.html +++ b/apps/web/index.html @@ -5,6 +5,39 @@ Elysium — Idle RPG + + + + + + + + + + + + + + + + + + + + + + + +
diff --git a/apps/web/src/components/game/gameLayout.tsx b/apps/web/src/components/game/gameLayout.tsx index 8e2a4d9..c08616e 100644 --- a/apps/web/src/components/game/gameLayout.tsx +++ b/apps/web/src/components/game/gameLayout.tsx @@ -189,6 +189,7 @@ const GameLayout = (): JSX.Element => {
diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css index 4045209..2e7bf50 100644 --- a/apps/web/src/styles.css +++ b/apps/web/src/styles.css @@ -26,6 +26,7 @@ --radius: 8px; --radius-lg: 12px; --font: "Segoe UI", system-ui, sans-serif; + --resource-bar-height: 3.5rem; } body { @@ -136,6 +137,10 @@ body::before { flex-direction: column; align-items: center; gap: 1rem; + position: sticky; + top: var(--resource-bar-height); + height: calc(100vh - var(--resource-bar-height)); + overflow-y: auto; } .game-content { @@ -3181,8 +3186,11 @@ body::before { border-right: none; flex-direction: row; gap: 0.75rem; + height: auto; justify-content: center; padding: 0.5rem 0.75rem; + position: static; + top: auto; width: 100%; }