📘 Quick Start · Edit & Accent
1. Accent color: Edit --accent-color in :root. Current: #c79a4b. <em> in titles inherits it.
2. Hero media: Click tabs. Replace image src, video source, or iframe URL. YouTube supports ?start=30&end=90.
3. Grain: Reduced 25%. Adjust --grain-opacity-dark / light.
4. Font toggle: In settings (⚙️ bottom right). Persists via IndexedDB.
Theme & font saved automatically. Default dark mode.
📐 Smart Columns · Layout Control
UI buttons above switch between 1, 2, or 3 columns. Also adapts to visible dropzones.
- 1 column — full width, matches hero.
- 2 columns — side by side.
- 3 columns — triptych documentary.
Comment out dropzone divs in HTML; layout auto-adjusts. Long text scrolls internally.
Responsive: On mobile, 2/3 columns collapse to 1.
🔗 Share & Persistence · Self-Awareness
OG Tags: title, description, image, URL dynamically set. Update in <meta>.
Share button copies URL. Settings drawer stores theme, font, media tab, column choice.
IndexedDB — no cookies. Survives refresh.
Highlight: wrap words in <em> inside headings for accent color.
Self-referential: this page documents itself. Edit freely.