| Age | Commit message (Collapse) | Author |
|---|
|
Removed the mobile-only display:none gate so the share button is visible
on all viewports. On desktop, navigator.share is typically unavailable,
so the existing JS handler falls through to clipboard.writeText() and
shows the 'Link copied' toast. The mobile @media rule still bumps the
touch target to 40x40.
Amp-Thread-ID: https://ampcode.com/threads/T-019e8f2a-b58e-72b3-b572-28d1fb1d9a1d
Co-authored-by: Amp <amp@ampcode.com>
|
|
Each post now exposes a share button in its header that surfaces only on
mobile. Clicking it invokes navigator.share() with a permalink of the
form "<page>#post-<ID>", which the existing deep-link handler in
shared.js already opens directly in the modal.
When navigator.share is unavailable the link is copied to the clipboard
and a brief toast confirms the action; very old browsers fall back to
window.prompt.
Amp-Thread-ID: https://ampcode.com/threads/T-019e8f2a-b58e-72b3-b572-28d1fb1d9a1d
Co-authored-by: Amp <amp@ampcode.com>
|
|
|
|
- New blank mode hides all UI except the WebGL canvas; toggled via
the ‘blank’ nav button or the b key.
- Theme switching is now in-place (no page reload), avoiding the
Web Audio context reset that used to kill ambient music.
- Nukem ambient/riff rebuilt around the classic Grabbag riff (E5
E5 G5 A5 …).
|
|
Audit found universal mobile issues in every theme + shared CSS:
- body/overlay height:100vh had no 100dvh dynamic-viewport fallback on any theme
- @media(max-width:640px) was too minimal; 3 themes had no .content/.modal-inner reduction
- .modal-close buttons had zero padding → tap target well below 44×44px
- .transmit-btn and .page-nav a vertical height too small on most themes
Fixes applied:
Go/CSS common (shared.css):
- Add .modal-close padding + min 44×44px touch target
- Add overflow:hidden to #sno-wild-banner to prevent wild-mode banner overflow
- Add mobile @media override block with !important for .modal-inner padding,
.transmit-btn, and .page-nav a min-height to guarantee 44px touch targets
All 19 themes:
- Add height:100dvh fallback after height:100vh on body and .overlay
- Expand @media(max-width:640px) with missing .content/.modal-inner padding,
.transmit-btn min-height, and .modal-close touch-target padding where absent
Specific themes:
- DOS: enlarge .transmit-btn base padding from 4px to 8px
- Spaceage: bump .post-text from 0.86rem (~13.8px) to 0.9rem (~14.4px)
- Brutalist / Retrofuture / Synthwave: these previously had no .content or
.modal-inner reduction in their media queries; now filled in
|
|
|
