From ebfc15bd278b62561a65ed067f4218ab46715d67 Mon Sep 17 00:00:00 2001 From: Devin Willis Date: Wed, 26 Aug 2026 14:56:27 -0400 Subject: [PATCH] Bring the blueprint layer more on-screen --- public/css/style.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index 8445fa3..24b2ffd 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -75,12 +75,12 @@ a { color: var(--accent2); } pointer-events: none; overflow: hidden; color: var(--accent); /* Faint enough that body copy keeps its contrast at every scroll position. */ - opacity: 0.16; + opacity: 0.2; } .bp-table { position: absolute; top: 50%; left: 50%; - width: min(150vw, 1500px); height: auto; + width: min(118vw, 1320px); height: auto; transform: translate(-50%, -50%); } @@ -93,7 +93,7 @@ a { color: var(--accent2); } .bp-ball { position: absolute; top: 62%; left: 0; - width: clamp(48px, 7vw, 92px); height: auto; + width: clamp(56px, 8vw, 108px); height: auto; transform: translate(-25vw, -50%); will-change: transform; } @@ -542,8 +542,8 @@ form { margin-top: 2rem; } /* The table drawing is mostly off-screen on a narrow viewport, so lean on the ball and cue instead and keep the layer cheap to paint. */ - .bp { opacity: 0.13; } - .bp-table { width: 240vw; } + .bp { opacity: 0.17; } + .bp-table { width: 190vw; } .detail-grid { grid-template-columns: 1fr 1fr; } .detail { padding: 1.4rem 1.1rem; } .detail:nth-child(odd) { border-left: 0; }