📘 Quick Start · Edit & Accent
1. Accent color: Use the color picker in settings (⚙️) or edit --accent-color. 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. Background: Also in settings — pick any color for the page background.
4. Font size slider: Adjust from 0.8× to 1.5× normal size.
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, active media tab, accent color, background color, and font size all 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.