Skip to content

Commit 06e4082

Browse files
jeremymanningclaude
andcommitted
Compact welcome screen for landscape phones and clear heatmap on logo click
Welcome screen: reduce padding, font sizes, and margins in the landscape phone breakpoint so content fits without clipping on short viewports (e.g. phone with browser chrome eating vertical space). Logo click: clear heatmap and answered-question dots when returning to welcome screen so the particle canvas isn't obscured by stale visuals. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 104968b commit 06e4082

2 files changed

Lines changed: 10 additions & 0 deletions

File tree

index.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -903,6 +903,13 @@
903903
/* ── Landscape phone: short viewport, wide screen ── */
904904
@media (max-height: 500px) and (orientation: landscape) {
905905
:root { --header-height: 44px; }
906+
907+
/* Compact welcome screen for short landscape viewports */
908+
#landing { padding: 0.5rem 1rem; overflow-y: auto; }
909+
.landing-content h1 { font-size: 1.4rem; margin-bottom: 0.25rem; }
910+
.landing-content h2 { font-size: 0.8rem; margin-bottom: 0.5rem; }
911+
.landing-content p { font-size: 0.75rem; line-height: 1.3; margin-bottom: 0.4rem; }
912+
.landing-start-btn { margin-top: 0.5rem; padding: 0.5rem 1.5rem; font-size: 0.9rem; }
906913
#minimap-container {
907914
width: 160px; height: 120px;
908915
bottom: 12px; left: 12px;

src/app.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -250,6 +250,9 @@ async function boot() {
250250
if (toggleBtn) toggleBtn.setAttribute('hidden', '');
251251
const videoToggleBtn = document.getElementById('video-toggle');
252252
if (videoToggleBtn) videoToggleBtn.setAttribute('hidden', '');
253+
// Clear visual layers so the welcome screen particle canvas isn't obscured
254+
renderer.setHeatmap([], GLOBAL_REGION);
255+
renderer.setAnsweredQuestions([]);
253256
const landing = document.getElementById('landing');
254257
if (landing) landing.classList.remove('hidden');
255258
if (appEl) appEl.dataset.screen = 'welcome';

0 commit comments

Comments
 (0)