diff --git a/ventures/mdecks/index.html b/ventures/mdecks/index.html index cdc54e9..99f5ca5 100644 --- a/ventures/mdecks/index.html +++ b/ventures/mdecks/index.html @@ -87,12 +87,34 @@ flex-direction: column; min-height: 0; } + .editor-pane .label-row { + display: flex; + align-items: center; + justify-content: space-between; + gap: 8px; + margin-bottom: 6px; + } .editor-pane label { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-dim); - margin-bottom: 6px; + } + .editor-pane .open { padding: 4px 10px; font-size: 0.78rem; } + #file { display: none; } + body.dropping textarea { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(110,168,254,0.25); } + body.dropping::after { + content: "Drop your .md file to open it"; + position: fixed; + inset: 0; + display: flex; + align-items: center; + justify-content: center; + background: rgba(15,17,21,0.75); + color: var(--ink); + font-size: 1.3rem; + pointer-events: none; + z-index: 10; } textarea { flex: 1; @@ -402,12 +424,16 @@
- +
+ + + +

# Title heading · ## Subtitle · - bullet point · --- on its own line starts a new slide · inline **bold**, *italic*, `code`. - Plain lines become paragraphs. + Plain lines become paragraphs. Or drop a .md file anywhere on the page.

@@ -429,7 +455,7 @@

Type your slides

-

Markdown-ish text in the editor: headings, bullets, paragraphs, --- between slides. The syntax is the stuff you already type.

+

Markdown-ish text in the editor: headings, bullets, paragraphs, --- between slides. The syntax is the stuff you already type. Already have a .md file? Drop it on the page.

Watch it set live

@@ -475,7 +501,7 @@
$0

For anyone who needs a quick deck right now.

    -
  • Full plain-text editor
  • +
  • Full plain-text editor; drop in a .md file to start from one
  • Live navigable preview with arrow keys and progress bar
  • One-click copy of the deck as self-contained HTML
  • Links with the deck inside them, nothing stored