📘 Quick Start · Edit & Accent
1. Accent color: Edit --accent-color in :root. Current: #c79a4b. <em> in titles inherits it.
2. Hero media: Click tabs above. Replace image src, video source, or iframe URL. YouTube supports ?start=30&end=90.
3. Grain texture: Reduced 25%. Adjust --grain-opacity-dark / light variables.
4. All settings: Hidden in bottom-right menu (⚙️). Theme, font, columns, share.
Everything persists via IndexedDB. Default dark mode. Paste your content in Notepad++.
📐 Smart Columns · Adaptive Layout
Column control is in the settings menu (1, 2, or 3 columns).
- 1 column — full width, matches hero above.
- 2 columns — balanced side-by-side.
- 3 columns — triptych documentary view.
Comment out dropzone divs in the HTML; layout adapts automatically. Long text stays readable with internal scrolling.
Responsive: On mobile, columns collapse to 1 for readability.
🔗 Share & Persistence · Self-Awareness
OG Tags: Title, description, image, URL are dynamically set. Edit defaults in <meta>.
Share button (in menu) copies the current URL with one click.
IndexedDB storage: Theme, font, column layout, and active media tab persist locally. No cookies.
Highlight logic: Wrap any word in <em> inside a heading to apply the accent color.
This page documents itself. Replace these paragraphs with your own documentary content.