deckrun 1.3.0 → 1.4.0

package/README.md

@@ -9,7 +9,15 @@ Write slides in Markdown or bring a self-contained HTML document, run a local se
 - **Export** - Markdown, HTML, headless-rendered PDF, or a standalone presenter-ready HTML page
 - **Local-first** - binds only to `127.0.0.1`; nothing is uploaded, and your work stays in browser local storage until export
 
-![Slide showing a code-heavy presentation with syntax highlighting](https://github.com/user-attachments/assets/07b0659c-f82c-44b2-8ecd-815dfd081c49)
+![Slide showing a code-heavy presentation with syntax highlighting](https://github.com/user-attachments/assets/e61d23e7-3f35-46c9-95a0-ce4976b6179c)
+
+## Quick start
+
+Check out the sample Markdown source in [`examples/example-2.md`](https://raw.githubusercontent.com/arpitbbhayani/deckrun/refs/heads/master/examples/example-2.md) and load it directly to see how `deckrun` presents it (no installation required):
+
+```bash
+npx deckrun
+```
 
 ## Installation
 
@@ -23,7 +31,8 @@ Or run it without installing:
 
 ```bash
 npx deckrun              # open the editor
-npx deckrun slides.md    # present a file
+npx deckrun slides.md    # present a local file
+npx deckrun <url>        # present a public Markdown or HTML URL
 ```
 
 ## Usage
@@ -66,7 +75,7 @@ On start, the CLI prints the slide count and the local URL:
 present → http://127.0.0.1:7890  (Ctrl+C to stop)
 ```
 
-With no file, it starts the editor instead:
+With no file or URL, it starts the editor instead:
 
 ```text
 editor → http://127.0.0.1:7890  (Ctrl+C to stop)
@@ -80,11 +89,11 @@ The server binds to `127.0.0.1` only, so the deck is never exposed on the networ
 
 | Option                | Default | Description                                            |
 | --------------------- | ------- | ------------------------------------------------------ |
-| `[file]`              |         | Markdown or HTML file to present. Omit it to open the editor. |
+| `[file]`              |         | Markdown file, HTML file, or public URL to present. Omit it to open the editor. |
 | `-p, --port <number>` | `7890`  | Port to serve the presentation on                      |
 | `--no-open`           | `false` | Start the HTTP server without opening the browser      |
 | `--fullscreen`        | `false` | Prompt to enter fullscreen on the first key or click   |
-| `--theme <name>`      | `midnight` | Any of the fourteen themes, by id                   |
+| `--theme <name>`      | `nord`     | Any of the fourteen themes, by id                   |
 | `--size <name>`       | `m`     | Type size: `s`, `m`, `l`, or `xl`                       |
 | `--head-font <name>`  |         | Override the theme's heading and title face             |
 | `--body-font <name>`  |         | Override the theme's body face                          |
@@ -138,7 +147,7 @@ the one you have open.
 - Markdown is syntax-highlighted in place: headings by level, bold, italic, inline code, links, image directives, fences, tables, notes, and raw HTML each get their own color.
 - Enter continues the list you are in, and continues numbering. Enter on an empty item ends the list.
 - Tab inserts two spaces.
-- `Alt Up` and `Alt Down` hop the caret between slides.
+- `Alt Left` / `Alt Right` (or `Alt Up` / `Alt Down`) hop the caret between slides.
 
 ### Discovering what a slide can hold
 
@@ -237,7 +246,7 @@ An HTML doc's PDF is not paginated to 16:9 slides — it prints the doc's own `@
 | `Cmd E`             | Inline code                |
 | `Cmd G`             | Toggle grid preview        |
 | `Cmd Shift L`       | Theme and type size picker  |
-| `Alt Up`, `Alt Down`| Previous and next slide    |
+| `Alt Left`, `Alt Right`, `Alt Up`, `Alt Down`| Previous and next slide |
 | `Esc`               | Close a menu, the palette, or the guide |
 
 `Cmd K` (palette), `Cmd /` (guide), `Cmd D/B/I/E` (snippets), and `Cmd G` (grid) are Markdown-only — an HTML doc's source is plain text with no snippet catalog or grid view. Library, present, and both exports stay wired the same for either kind.

package/dist/editor-content.js

@@ -317,7 +317,7 @@ export const TIPS = [
     "Use *** for a rule inside a slide. --- would start a new one.",
     "<kbd>Cmd</kbd> renders as a key cap, <mark>42ms</mark> as a highlight.",
     "Cmd Enter presents the deck in a new tab, exactly as your audience sees it.",
-    "Alt Up and Alt Down hop the caret between slides.",
+    "Alt Left/Right or Alt Up/Down hops between slides.",
     "Export as PDF from the top bar: a real file, 16:9 pages, no print dialog to wrestle.",
     "Seven bullets is about the ceiling before a slide stops reading from the back row.",
     "Drag the divider to resize. Double-click it to snap back to an even split.",

package/dist/editor.js

@@ -29,7 +29,7 @@ export function generateEditorHtml(theme = DEFAULT_THEME, sizeInput = DEFAULT_SI
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>deckrun editor</title>
+  <title>deckrun · editor</title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="${googleFontsHref()}" rel="stylesheet">
@@ -305,21 +305,30 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
   position: absolute;
   inset: 0;
   margin: 0;
-  padding: 18px 20px 45vh 20px;
+  padding: 18px 20px;
   font-family: var(--font-mono);
   font-size: 13.5px;
   font-weight: 400;
+  font-style: normal;
   line-height: 1.75;
   letter-spacing: 0;
+  word-spacing: 0;
   white-space: pre-wrap;
   overflow-wrap: break-word;
   word-break: break-word;
   tab-size: 2;
   border: 0;
+  box-sizing: border-box;
   background: transparent;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+#hl::-webkit-scrollbar, #src::-webkit-scrollbar {
+  display: none;
 }
 
-#hl { z-index: 1; overflow: hidden; pointer-events: none; color: var(--subtext0); counter-reset: sld 1; }
+#hl { z-index: 1; overflow: hidden; pointer-events: none; color: var(--subtext0); }
 #measure { z-index: 0; visibility: hidden; overflow: hidden; }
 
 #src {
@@ -332,38 +341,28 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
   outline: none;
 }
 
-#src::selection { background: var(--surface1); color: transparent; }
+#src::selection { background: var(--surface2); color: transparent; }
 
-/* Markdown tokens */
-.t-h1 { color: var(--accent); font-weight: 700; }
-.t-h2 { color: var(--accent-2); font-weight: 600; }
-.t-h3 { color: var(--accent-3); font-weight: 500; }
+/* Markdown tokens — color only to guarantee pixel-identical alignment */
+.t-h1 { color: var(--accent); }
+.t-h2 { color: var(--accent-2); }
+.t-h3 { color: var(--accent-3); }
 .t-h4 { color: var(--teal); }
-.t-strong { color: var(--peach); font-weight: 600; }
-.t-em { color: var(--subtext1); font-style: italic; }
+.t-strong { color: var(--peach); }
+.t-em { color: var(--subtext1); }
 .t-code { color: var(--green); }
 .t-fence { color: var(--overlay1); }
 .t-codeline { color: var(--subtext1); }
-.t-quote { color: var(--subtext0); font-style: italic; }
+.t-quote { color: var(--subtext0); }
 .t-marker { color: var(--accent); }
 .t-link { color: var(--blue); }
 .t-url { color: var(--overlay0); }
 .t-img { color: var(--sapphire); }
-.t-dir { color: var(--yellow); font-weight: 600; }
-.t-note { color: var(--overlay0); font-style: italic; }
+.t-dir { color: var(--yellow); }
+.t-note { color: var(--overlay0); }
 .t-html { color: var(--pink); }
 .t-table { color: var(--lavender); }
-
-.t-sep { position: relative; color: var(--accent); counter-increment: sld; }
-.t-sep::after {
-  content: 'slide ' counter(sld);
-  position: absolute;
-  left: calc(100% + 14px);
-  top: 0;
-  white-space: nowrap;
-  color: var(--overlay0);
-  font-size: 11px;
-}
+.t-sep { color: var(--accent); }
 
 /* ── Drop target ──────────────────────────────────────────────────────── */
 #pane-edit.is-dropping::after {
@@ -382,56 +381,6 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
   pointer-events: none;
 }
 
-/* ── Contextual nudge ─────────────────────────────────────────────────── */
-#nudge {
-  position: absolute;
-  left: 14px;
-  right: 14px;
-  bottom: 14px;
-  z-index: 7;
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 11px 13px;
-  background: var(--base);
-  border: 1px solid var(--surface1);
-  border-left: 2px solid var(--accent);
-  border-radius: 9px;
-  box-shadow: var(--shadow-md);
-  opacity: 0;
-  transform: translateY(10px);
-  pointer-events: none;
-  transition: opacity 0.22s ease, transform 0.22s ease;
-}
-
-#nudge.is-on { opacity: 1; transform: translateY(0); pointer-events: all; }
-#nudge__body { flex: 1 1 auto; }
-#nudge__label {
-  font-size: 10px;
-  letter-spacing: 0.14em;
-  text-transform: uppercase;
-  color: var(--accent);
-  margin-bottom: 4px;
-}
-#nudge__text { font-size: 12.5px; color: var(--subtext1); line-height: 1.6; }
-#nudge__text code {
-  font: inherit;
-  color: var(--green);
-  background: var(--surface-soft);
-  border-radius: 4px;
-  padding: 0.05em 0.3em;
-}
-#nudge__acts { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
-.nudge-btn {
-  font-size: 11px;
-  color: var(--subtext0);
-  border: 1px solid var(--surface1);
-  border-radius: 6px;
-  padding: 4px 8px;
-}
-.nudge-btn:hover { border-color: var(--accent); color: var(--text); }
-.nudge-btn--x { padding: 4px 7px; color: var(--overlay0); }
-
 /* ── Preview ──────────────────────────────────────────────────────────── */
 #prev-head {
   display: flex;
@@ -1208,16 +1157,6 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
         <pre id="measure" aria-hidden="true"></pre>
         <textarea id="src" spellcheck="false" autocomplete="off" autocapitalize="off" wrap="soft" aria-label="Markdown source"></textarea>
       </div>
-      <div id="nudge">
-        <div id="nudge__body">
-          <div id="nudge__label">try this</div>
-          <div id="nudge__text"></div>
-        </div>
-        <div id="nudge__acts">
-          <button class="nudge-btn" id="nudge-do">insert</button>
-          <button class="nudge-btn nudge-btn--x" id="nudge-x" title="Dismiss">&times;</button>
-        </div>
-      </div>
       <textarea id="src-html" spellcheck="false" autocomplete="off" autocapitalize="off" wrap="off" aria-label="HTML source"></textarea>
     </section>
 
@@ -1488,6 +1427,19 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
     return days + 'd ago';
   }
 
+  function updateDocTitle() {
+    if ($('screen-start') && $('screen-start').classList.contains('is-on')) {
+      document.title = 'deckrun \u00b7 start';
+      return;
+    }
+    if ($('library') && $('library').classList.contains('is-on')) {
+      document.title = 'deckrun \u00b7 library';
+      return;
+    }
+    var name = ($('docname').value || '').trim();
+    document.title = name ? name + ' \u00b7 deckrun' : 'deckrun \u00b7 editor';
+  }
+
   /** One deck's metadata is refreshed from the editor on every save. */
   function touchCurrent() {
     var list = loadIndex();
@@ -1506,6 +1458,7 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
         break;
       }
     }
+    updateDocTitle();
     return saveIndex(list);
   }
 
@@ -1577,7 +1530,6 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
   var elChipSlides = $('chip-slides'), elSave = $('save-state'), elPos = $('pos'), elWords = $('words');
   var elCount = $('prev-count'), elScale = $('prev-scale');
   var elNotes = $('notes'), elNotesText = $('notes__text');
-  var elNudge = $('nudge'), elNudgeText = $('nudge__text'), elNudgeDo = $('nudge-do'), elNudgeX = $('nudge-x');
   var palette = $('palette'), palInput = $('pal-input'), palList = $('pal-list');
   var guide = $('guide'), guideBody = $('guide-body');
   var srcHtml = $('src-html'), frameHtml = $('frame-html');
@@ -1701,7 +1653,7 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
         out.push('<span class="t-sep">' + esc(line) + '</span>');
         continue;
       }
-      if (/^\\s*&lt;!--/.test(esc(line)) || /^\\s*<!--/.test(line)) {
+      if (/^\\s*<!--/.test(line)) {
         out.push('<span class="t-note">' + esc(line) + '</span>');
         continue;
       }
@@ -1712,7 +1664,7 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
         out.push('<span class="t-h' + lvl + '">' + inlineTokens(line) + '</span>');
         continue;
       }
-      if (/^\\s*&gt;/.test(esc(line))) {
+      if (/^\\s*>/.test(line)) {
         out.push('<span class="t-quote">' + inlineTokens(line) + '</span>');
         continue;
       }
@@ -1850,12 +1802,6 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
     var before = src.value.slice(0, src.selectionStart);
     var lines = before.split('\\n');
     elPos.textContent = 'Ln ' + lines.length + ', Col ' + (lines[lines.length - 1].length + 1);
-    var i = caretSlide();
-    if (i !== state.index) {
-      state.index = i;
-      post({ type: 'index', index: i });
-      renderCounts();
-    }
   }
 
   // ── Parse round-trip: the server owns the Markdown, so what you see here
@@ -2081,58 +2027,8 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
   var bySnippetId = {};
   D.snippets.forEach(function (s) { bySnippetId[s.id] = s; });
 
-  function evalNudges() {
-    if (Date.now() - state.bootAt < 5000) return;
-    var ctx = docContext();
-    for (var i = 0; i < NUDGE_RULES.length; i++) {
-      var rule = NUDGE_RULES[i];
-      if (state.dismissed[rule.id]) continue;
-      var message = rule.test(ctx);
-      if (!message) continue;
-      showNudge(rule, message);
-      return;
-    }
-    hideNudge();
-  }
-
-  function showNudge(rule, message) {
-    if (state.activeNudge && state.activeNudge.rule.id === rule.id &&
-        state.activeNudge.message === message) return;
-    if (state.activeNudge && Date.now() - state.nudgeShownAt < 2500) return;
-    state.activeNudge = { rule: rule, message: message };
-    state.nudgeShownAt = Date.now();
-    elNudgeText.innerHTML = message;
-    elNudgeDo.textContent = rule.action === 'download' ? 'download' : 'insert';
-    elNudge.classList.add('is-on');
-  }
-
-  function hideNudge() {
-    state.activeNudge = null;
-    elNudge.classList.remove('is-on');
-  }
-
-  elNudgeDo.addEventListener('click', function () {
-    var active = state.activeNudge;
-    if (!active) return;
-    if (active.rule.action) runAction(active.rule.action);
-    else if (bySnippetId[active.rule.snippet]) insertSnippet(bySnippetId[active.rule.snippet]);
-    hideNudge();
-  });
-
-  elNudgeX.addEventListener('click', function () {
-    var active = state.activeNudge;
-    if (active) {
-      state.dismissed[active.rule.id] = true;
-      // A tip stays dismissed for good; a real problem may nag again next session.
-      if (!active.rule.sticky) {
-        var keep = Object.keys(state.dismissed).filter(function (id) {
-          return !NUDGE_RULES.some(function (r) { return r.id === id && r.sticky; });
-        });
-        lsSet(K.nudge, JSON.stringify(keep));
-      }
-    }
-    hideNudge();
-  });
+  function evalNudges() {}
+  function hideNudge() {}
 
   // ── Tips carousel ──────────────────────────────────────────────────────
   var tipTimer = null;
@@ -2330,6 +2226,7 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
     guide.classList.remove('is-on');
     $('library').classList.remove('is-on');
     if ($('themes').classList.contains('is-on')) closeThemes(true);
+    updateDocTitle();
     if (!keepFocus) src.focus();
   }
 
@@ -2801,7 +2698,7 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
         // Hovering previews too, so the mouse gets the same instant feedback
         // as the arrow keys.
         card.addEventListener('mouseenter', function () { selectTheme(themeCards.indexOf(card)); });
-        card.addEventListener('click', function () { commitTheme(); });
+        card.addEventListener('click', function () { selectTheme(themeCards.indexOf(card)); commitTheme(); });
         grid.appendChild(card);
         themeCards.push(card);
       });
@@ -2876,6 +2773,7 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
     lsSet(K.current, id);
     setDocKind(meta.kind || 'markdown');
     $('docname').value = meta.name;
+    updateDocTitle();
     updateDeckCount();
     elSave.className = '';
     elSave.textContent = '';
@@ -3029,6 +2927,7 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
     for (var i = 0; i < list.length; i++) if (list[i].id === state.deckId) libSel = i;
     renderLibrary();
     $('library').classList.add('is-on');
+    updateDocTitle();
   }
 
   $('lib-new').addEventListener('click', function () { closeOverlays(); showStartScreen(); });
@@ -3041,10 +2940,12 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
   function showStartScreen() {
     $('start-lib').classList.toggle('is-disabled', !loadIndex().length);
     $('screen-start').classList.add('is-on');
+    updateDocTitle();
   }
 
   function hideStartScreenSilently() {
     $('screen-start').classList.remove('is-on');
+    updateDocTitle();
   }
 
   /** Escape/backdrop close. With nothing open yet, that would be a dead end,
@@ -3091,7 +2992,7 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
     openLibrary();
   }
 
-  /** Fetches a public HTML page server-side (sidesteps CORS) and opens it as a new HTML doc. */
+  /** Fetches a public URL server-side (sidesteps CORS) and opens it as a new Markdown deck or HTML doc. */
   function loadHtmlUrl() {
     var input = $('start-html-url');
     var raw = input.value.trim();
@@ -3118,12 +3019,14 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
       .then(function (body) {
         saveNow();
         var name = uniqueName(body.title || url.hostname);
-        var id = createDeck(name, body.html, 'html');
+        var kind = body.kind || (body.markdown ? 'markdown' : 'html');
+        var content = kind === 'markdown' ? (body.markdown || body.content || '') : (body.html || body.content || '');
+        var id = createDeck(name, content, kind);
         if (!id) { noRoom(); return; }
         input.value = '';
         hideStartScreenSilently();
         openDeck(id);
-        toast('Loaded ' + url.hostname + ' as a new HTML doc');
+        toast('Loaded ' + (kind === 'markdown' ? 'Markdown deck' : 'HTML doc') + ' from ' + url.hostname);
       })
       .catch(function (err) { toast('Could not load URL: ' + err.message, 'err'); })
       .then(function () { btn.disabled = false; });
@@ -3148,6 +3051,7 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
     else if (name === 'grid') setMode(state.mode === 'grid' ? 'single' : 'grid');
     else if (name === 'theme') openThemes();
     else if (name === 'guide') { guide.classList.add('is-on'); }
+    else if (name === 'palette') openPalette();
     else if (name === 'decks') openLibrary();
     else if (name === 'new') newDeck();
     else if (name === 'duplicate') duplicateDeck();
@@ -3179,26 +3083,6 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
       e.preventDefault();
       typeText('  ');
       onInput();
-      return;
-    }
-    // Continue the list you are in.
-    if (e.key === 'Enter' && !e.shiftKey && !e.metaKey && !e.ctrlKey) {
-      var upto = src.value.slice(0, src.selectionStart);
-      var line = upto.slice(upto.lastIndexOf('\\n') + 1);
-      var m = line.match(/^(\\s*)([-*+]|(\\d+)[.)])(\\s+)(.*)$/);
-      if (m && src.selectionStart === src.selectionEnd) {
-        e.preventDefault();
-        if (!m[5]) {
-          // Empty item: end the list instead of nesting further.
-          var start = src.selectionStart - line.length;
-          src.setSelectionRange(start, src.selectionStart);
-          typeText('\\n');
-        } else {
-          var marker = m[3] ? (parseInt(m[3], 10) + 1) + m[2].slice(String(m[3]).length) : m[2];
-          typeText('\\n' + m[1] + marker + m[4]);
-        }
-        onInput();
-      }
     }
   });
 
@@ -3304,7 +3188,10 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
     e.target.value = '';
   });
 
-  $('docname').addEventListener('input', scheduleSave);
+  $('docname').addEventListener('input', function () {
+    updateDocTitle();
+    scheduleSave();
+  });
 
   $('btn-guide').addEventListener('click', function () { runAction('guide'); });
   $('btn-palette').addEventListener('click', openPalette);
@@ -3415,12 +3302,25 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
     themeCards[next].scrollIntoView({ block: 'nearest' });
   }, true);
   $('btn-present').addEventListener('click', present);
-  $('btn-prev').addEventListener('click', function () { setIndex(state.index - 1, true); });
-  $('btn-next').addEventListener('click', function () { setIndex(state.index + 1, true); });
+  $('btn-prev').addEventListener('click', function () { setIndex(state.index - 1, false); });
+  $('btn-next').addEventListener('click', function () { setIndex(state.index + 1, false); });
   $('seg-single').addEventListener('click', function () { setMode('single'); });
   $('seg-grid').addEventListener('click', function () { setMode('grid'); });
 
+  $('pane-prev').addEventListener('mousedown', function () {
+    if (document.activeElement && isEditingText()) {
+      document.activeElement.blur();
+    }
+  });
+
   // ── Global keys ────────────────────────────────────────────────────────
+  function isEditingText() {
+    var el = document.activeElement;
+    if (!el) return false;
+    var tag = el.tagName ? el.tagName.toLowerCase() : '';
+    return tag === 'textarea' || tag === 'input' || el.isContentEditable;
+  }
+
   document.addEventListener('keydown', function (e) {
     var mod = e.metaKey || e.ctrlKey;
 
@@ -3458,31 +3358,59 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
       }
       return;
     }
-    if (!mod) return;
-
-    var key = e.key.toLowerCase();
-
-    var md = state.kind === 'markdown';
-
-    if (key === 'k' && !e.shiftKey && md) { e.preventDefault(); openPalette(); }
-    else if (key === 'o') { e.preventDefault(); openLibrary(); }
-    else if (key === '/' && md) { e.preventDefault(); runAction('guide'); }
-    else if (key === 's' && e.shiftKey) { e.preventDefault(); exportPdf(); }
-    else if (key === 's') { e.preventDefault(); saveNow(); download(); }
-    else if (key === 'enter') { e.preventDefault(); present(); }
-    else if (key === 'd' && md) { e.preventDefault(); insertSnippet(bySnippetId['slide-break']); }
-    else if (key === 'b' && md) { e.preventDefault(); insertSnippet(bySnippetId.bold); }
-    else if (key === 'i' && md) { e.preventDefault(); insertSnippet(bySnippetId.italic); }
-    else if (key === 'e' && md) { e.preventDefault(); insertSnippet(bySnippetId['inline-code']); }
-    else if (key === 'g' && md) { e.preventDefault(); runAction('grid'); }
-    else if (key === 'l' && e.shiftKey) { e.preventDefault(); runAction('theme'); }
-  });
 
-  // Alt + up/down hops between slides.
-  document.addEventListener('keydown', function (e) {
-    if (!e.altKey || e.metaKey || e.ctrlKey) return;
-    if (e.key === 'ArrowDown') { e.preventDefault(); setIndex(state.index + 1, true); }
-    else if (e.key === 'ArrowUp') { e.preventDefault(); setIndex(state.index - 1, true); }
+    if (mod) {
+      var key = e.key.toLowerCase();
+      var md = state.kind === 'markdown';
+
+      if (key === 'k' && !e.shiftKey && md) { e.preventDefault(); openPalette(); }
+      else if (key === 'o') { e.preventDefault(); openLibrary(); }
+      else if (key === '/' && md) { e.preventDefault(); runAction('guide'); }
+      else if (key === 's' && e.shiftKey) { e.preventDefault(); exportPdf(); }
+      else if (key === 's') { e.preventDefault(); saveNow(); download(); }
+      else if (key === 'enter') { e.preventDefault(); present(); }
+      else if (key === 'd' && md) { e.preventDefault(); insertSnippet(bySnippetId['slide-break']); }
+      else if (key === 'b' && md) { e.preventDefault(); insertSnippet(bySnippetId.bold); }
+      else if (key === 'i' && md) { e.preventDefault(); insertSnippet(bySnippetId.italic); }
+      else if (key === 'e' && md) { e.preventDefault(); insertSnippet(bySnippetId['inline-code']); }
+      else if (key === 'g' && md) { e.preventDefault(); runAction('grid'); }
+      else if (key === 'l' && e.shiftKey) { e.preventDefault(); runAction('theme'); }
+      return;
+    }
+
+    if (palette.classList.contains('is-on') || guide.classList.contains('is-on') ||
+        $('library').classList.contains('is-on') || menuIsOpen()) {
+      return;
+    }
+
+    // Alt + arrows/page keys hops between slides (works anywhere, including inside the editor).
+    if (e.altKey) {
+      if (e.key === 'ArrowDown' || e.key === 'ArrowRight' || e.key === 'PageDown') {
+        e.preventDefault();
+        setIndex(state.index + 1, false);
+      } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft' || e.key === 'PageUp') {
+        e.preventDefault();
+        setIndex(state.index - 1, false);
+      }
+      return;
+    }
+
+    // Direct arrow keys / page keys when not typing into a text field.
+    if (!isEditingText()) {
+      if (e.key === 'ArrowRight' || e.key === 'ArrowDown' || e.key === ' ' || e.key === 'PageDown') {
+        e.preventDefault();
+        setIndex(state.index + 1, false);
+      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp' || e.key === 'PageUp') {
+        e.preventDefault();
+        setIndex(state.index - 1, false);
+      } else if (e.key === 'Home') {
+        e.preventDefault();
+        setIndex(0, false);
+      } else if (e.key === 'End') {
+        e.preventDefault();
+        setIndex(state.slides.length - 1, false);
+      }
+    }
   });
 
   // ── Split pane ─────────────────────────────────────────────────────────
@@ -3539,6 +3467,12 @@ button { font: inherit; color: inherit; background: none; border: none; cursor:
     } else if (m.type === 'goto') {
       setMode('single');
       setIndex(m.index, true);
+    } else if (m.type === 'nav') {
+      setIndex(state.index + m.delta, false);
+    } else if (m.type === 'index-select') {
+      setIndex(m.index, false);
+    } else if (m.type === 'action') {
+      runAction(m.action);
     } else if (m.type === 'overflow') {
       var had = !!state.overflow[m.index];
       state.overflow[m.index] = m.overflow;

package/dist/generate.js

@@ -72,7 +72,8 @@ export const SLIDE_CSS = `html, body {
   position: absolute;
   inset: 0;
   display: flex;
-  align-items: flex-start;
+  flex-direction: column;
+  align-items: stretch;
   justify-content: flex-start;
   padding: var(--slide-pad-y) var(--slide-pad-x);
   opacity: 0;
@@ -116,7 +117,7 @@ export const SLIDE_CSS = `html, body {
   position: relative;
   z-index: 1;
   width: 100%;
-  max-width: 1100px;
+  max-width: 100%;
   max-height: calc(100vh - var(--slide-pad-y) * 2);
   overflow: hidden;
 }
@@ -151,7 +152,7 @@ export const SLIDE_CSS = `html, body {
   z-index: 1;
   display: flex;
   width: 100%;
-  max-width: 1400px;
+  max-width: 100%;
   height: calc(100vh - var(--slide-pad-y) * 2);
   align-items: center;
   gap: 3.2rem;
@@ -243,7 +244,6 @@ export const SLIDE_CSS = `html, body {
   line-height: calc(1.72 * var(--type-lead));
   margin-bottom: 1rem;
   color: var(--subtext1);
-  max-width: 62ch;
 }
 
 .slide__content strong {
@@ -266,7 +266,6 @@ export const SLIDE_CSS = `html, body {
   line-height: calc(1.72 * var(--type-lead));
   margin-bottom: 1rem;
   color: var(--subtext1);
-  max-width: 64ch;
 }
 
 .slide__content ul { list-style: none; padding-left: 1.35em; }
@@ -379,7 +378,6 @@ export const SLIDE_CSS = `html, body {
   border-radius: 0 10px 10px 0;
   color: var(--subtext1);
   font-size: calc(clamp(1rem, 1.5vw, 1.3rem) * var(--type-body));
-  max-width: 60ch;
 }
 
 .slide__content blockquote::before {
@@ -1066,12 +1064,13 @@ export function generateHtml(slides, title, autoFullscreen = false, themeInput =
     const fontAttrs = (head ? ` data-head="${head}"` : "") + (body ? ` data-body="${body}"` : "");
     const slideHtml = slides.map((s, i) => renderSlide(s, i)).join("\n");
     const total = slides.length;
+    const pageTitle = title ? (title.toLowerCase().includes("deckrun") ? title : `${title} · deckrun`) : "deckrun";
     return `<!DOCTYPE html>
 <html lang="en" data-theme="${theme}" data-decor="${decorOf(theme)}" data-size="${size}"${fontAttrs}>
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>${escAttr(title)}</title>
+  <title>${escAttr(pageTitle)}</title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="${googleFontsHref([theme], [head, body])}" rel="stylesheet">
@@ -1861,12 +1860,13 @@ const DOC_CSS = `html, body {
  */
 export function generateDocHtml(docUrl, title, autoFullscreen = false, themeInput = DEFAULT_THEME) {
     const theme = resolveThemeName(themeInput);
+    const pageTitle = title ? (title.toLowerCase().includes("deckrun") ? title : `${title} · deckrun`) : "deckrun";
     return `<!DOCTYPE html>
 <html lang="en" data-theme="${theme}">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>${escAttr(title)}</title>
+  <title>${escAttr(pageTitle)}</title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="${googleFontsHref([theme])}" rel="stylesheet">

package/dist/index.js

@@ -281,8 +281,8 @@ async function handleEditorRoute(mode, pathname, req, res) {
             res.end(JSON.stringify({ error: "fetch failed", detail: `upstream responded ${upstream.status}` }));
             return true;
         }
-        const html = await upstream.text();
-        if (html.length > MAX_BODY) {
+        const rawContent = await upstream.text();
+        if (rawContent.length > MAX_BODY) {
             res.writeHead(413, { "Content-Type": "application/json" });
             res.end(JSON.stringify({
                 error: "too large",
@@ -290,12 +290,48 @@ async function handleEditorRoute(mode, pathname, req, res) {
             }));
             return true;
         }
-        if (!html.trim()) {
+        if (!rawContent.trim()) {
             res.writeHead(422, { "Content-Type": "application/json" });
             res.end(JSON.stringify({ error: "empty document" }));
             return true;
         }
-        sendJson(res, { html, title: docTitle(html, target.hostname) });
+        const contentType = (upstream.headers.get("content-type") ?? "").toLowerCase();
+        const pathname = target.pathname.toLowerCase();
+        let isHtml = false;
+        if (pathname.endsWith(".html") || pathname.endsWith(".htm")) {
+            isHtml = true;
+        }
+        else if (pathname.endsWith(".md") || pathname.endsWith(".markdown")) {
+            isHtml = false;
+        }
+        else if (contentType.includes("text/html") ||
+            contentType.includes("application/xhtml+xml")) {
+            isHtml = true;
+        }
+        else if (contentType.includes("text/markdown") ||
+            contentType.includes("text/x-markdown") ||
+            contentType.includes("text/plain")) {
+            isHtml = false;
+        }
+        else if (/<!doctype\s+html/i.test(rawContent) || /<html[\s>]/i.test(rawContent)) {
+            isHtml = true;
+        }
+        const defaultName = target.pathname.split("/").filter(Boolean).pop() || target.hostname;
+        let title;
+        if (isHtml) {
+            title = docTitle(rawContent, defaultName);
+        }
+        else {
+            const slides = parseSlides(rawContent);
+            title = deckTitle(slides, defaultName);
+        }
+        sendJson(res, {
+            kind: isHtml ? "html" : "markdown",
+            content: rawContent,
+            html: isHtml ? rawContent : undefined,
+            markdown: !isHtml ? rawContent : undefined,
+            title,
+        });
         return true;
     }
     if (pathname === "/__present-doc" && req.method === "POST") {
@@ -373,6 +409,10 @@ async function serve(mode, baseDir, port) {
                         : generateEditorHtml(mode.theme, mode.size, mode.fonts));
                 return;
             }
+            if (mode.kind === "deck" && mode.remoteDoc && pathname === "/__remote-doc") {
+                sendHtml(res, mode.remoteDoc);
+                return;
+            }
             if (mode.kind === "editor" && (await handleEditorRoute(mode, pathname, req, res))) {
                 return;
             }
@@ -407,9 +447,9 @@ async function serve(mode, baseDir, port) {
 const program = new Command();
 program
     .name("deckrun")
-    .description("Present a Markdown file in the browser. Run without a file to write one in the built-in editor.")
+    .description("Present a Markdown file, HTML file, or public URL in the browser. Run without a file or URL to write in the built-in editor.")
     .version(packageVersion(), "-v, --version", "Print the version number")
-    .argument("[file]", "Markdown file to present. Omit it to open the editor.")
+    .argument("[file]", "Markdown file, HTML file, or public URL to present. Omit it to open the editor.")
     .option("-p, --port <number>", "Port to serve on", "7890")
     .option("--no-open", "Do not automatically open the browser")
     .option("--fullscreen", "Auto-enter fullscreen on first interaction")
@@ -468,52 +508,146 @@ program
     let mode;
     let baseDir;
     if (file) {
-        const absPath = resolve(process.cwd(), file);
-        baseDir = dirname(absPath);
-        const ext = extname(absPath).toLowerCase();
-        if (ext === ".html" || ext === ".htm") {
-            let rawHtml;
+        if (/^https?:\/\//i.test(file)) {
+            let target;
             try {
-                rawHtml = readFileSync(absPath, "utf-8");
+                target = new URL(file);
             }
             catch {
-                console.error(`deckrun: cannot read file '${file}'`);
+                console.error(`deckrun: invalid URL '${file}'`);
                 process.exit(1);
             }
-            if (opts.size !== DEFAULT_SIZE || opts.headFont || opts.bodyFont) {
-                console.error(`${c.dim}deckrun: --size, --head-font, and --body-font only apply to Markdown decks; ignored for an HTML doc.${c.reset}`);
-            }
-            const title = docTitle(rawHtml, basename(absPath, extname(absPath)));
-            mode = {
-                kind: "deck",
-                html: generateDocHtml(`/${basename(absPath)}`, title, fullscreen, theme),
-            };
-            console.log(`${c.dim}presenting ${basename(absPath)} · ${THEMES[theme].label}${c.reset}`);
-        }
-        else {
-            let markdown;
+            let upstream;
             try {
-                markdown = readFileSync(absPath, "utf-8");
+                upstream = await fetch(target, {
+                    redirect: "follow",
+                    signal: AbortSignal.timeout(15_000),
+                    headers: { "User-Agent": "deckrun" },
+                });
             }
-            catch {
-                console.error(`deckrun: cannot read file '${file}'`);
+            catch (err) {
+                console.error(`deckrun: cannot fetch '${file}': ${err instanceof Error ? err.message : "network error"}`);
+                process.exit(1);
+            }
+            if (!upstream.ok) {
+                console.error(`deckrun: fetch failed for '${file}' (HTTP ${upstream.status})`);
                 process.exit(1);
             }
-            const slides = parseSlides(markdown);
-            if (slides.length === 0) {
-                console.error("deckrun: no slides found in the file.");
+            const rawContent = await upstream.text();
+            if (!rawContent.trim()) {
+                console.error(`deckrun: empty document fetched from '${file}'`);
                 process.exit(1);
             }
-            const title = deckTitle(slides, basename(absPath, extname(absPath)));
-            mode = {
-                kind: "deck",
-                html: generateHtml(slides, title, fullscreen, theme, size, fonts),
-            };
-            const faces = [
-                fonts.head ? `head ${fontName(fonts.head)}` : "",
-                fonts.body ? `body ${fontName(fonts.body)}` : "",
-            ].filter(Boolean).join(" · ");
-            console.log(`${c.dim}${slides.length} slide${slides.length !== 1 ? "s" : ""} from ${basename(absPath)} · ${THEMES[theme].label} · type ${size}${faces ? " · " + faces : ""}${c.reset}`);
+            const contentType = (upstream.headers.get("content-type") ?? "").toLowerCase();
+            const pathname = target.pathname.toLowerCase();
+            let isHtml = false;
+            if (pathname.endsWith(".html") || pathname.endsWith(".htm")) {
+                isHtml = true;
+            }
+            else if (pathname.endsWith(".md") || pathname.endsWith(".markdown")) {
+                isHtml = false;
+            }
+            else if (contentType.includes("text/html") ||
+                contentType.includes("application/xhtml+xml")) {
+                isHtml = true;
+            }
+            else if (contentType.includes("text/markdown") ||
+                contentType.includes("text/x-markdown") ||
+                contentType.includes("text/plain")) {
+                isHtml = false;
+            }
+            else if (/<!doctype\s+html/i.test(rawContent) || /<html[\s>]/i.test(rawContent)) {
+                isHtml = true;
+            }
+            baseDir = process.cwd();
+            const defaultName = target.pathname.split("/").filter(Boolean).pop() || target.hostname;
+            if (isHtml) {
+                if (opts.size !== DEFAULT_SIZE || opts.headFont || opts.bodyFont) {
+                    console.error(`${c.dim}deckrun: --size, --head-font, and --body-font only apply to Markdown decks; ignored for an HTML doc.${c.reset}`);
+                }
+                const title = docTitle(rawContent, defaultName);
+                let docHtml = rawContent;
+                if (!/<base\s/i.test(docHtml)) {
+                    if (/<head[^>]*>/i.test(docHtml)) {
+                        docHtml = docHtml.replace(/<head[^>]*>/i, (m) => `${m}\n  <base href="${target.href}">`);
+                    }
+                    else {
+                        docHtml = `<base href="${target.href}">\n` + docHtml;
+                    }
+                }
+                mode = {
+                    kind: "deck",
+                    html: generateDocHtml("/__remote-doc", title, fullscreen, theme),
+                    remoteDoc: docHtml,
+                };
+                console.log(`${c.dim}presenting ${file} · ${THEMES[theme].label}${c.reset}`);
+            }
+            else {
+                const slides = parseSlides(rawContent);
+                if (slides.length === 0) {
+                    console.error("deckrun: no slides found in the fetched content.");
+                    process.exit(1);
+                }
+                const title = deckTitle(slides, defaultName);
+                mode = {
+                    kind: "deck",
+                    html: generateHtml(slides, title, fullscreen, theme, size, fonts),
+                };
+                const faces = [
+                    fonts.head ? `head ${fontName(fonts.head)}` : "",
+                    fonts.body ? `body ${fontName(fonts.body)}` : "",
+                ].filter(Boolean).join(" · ");
+                console.log(`${c.dim}${slides.length} slide${slides.length !== 1 ? "s" : ""} from ${file} · ${THEMES[theme].label} · type ${size}${faces ? " · " + faces : ""}${c.reset}`);
+            }
+        }
+        else {
+            const absPath = resolve(process.cwd(), file);
+            baseDir = dirname(absPath);
+            const ext = extname(absPath).toLowerCase();
+            if (ext === ".html" || ext === ".htm") {
+                let rawHtml;
+                try {
+                    rawHtml = readFileSync(absPath, "utf-8");
+                }
+                catch {
+                    console.error(`deckrun: cannot read file '${file}'`);
+                    process.exit(1);
+                }
+                if (opts.size !== DEFAULT_SIZE || opts.headFont || opts.bodyFont) {
+                    console.error(`${c.dim}deckrun: --size, --head-font, and --body-font only apply to Markdown decks; ignored for an HTML doc.${c.reset}`);
+                }
+                const title = docTitle(rawHtml, basename(absPath, extname(absPath)));
+                mode = {
+                    kind: "deck",
+                    html: generateDocHtml(`/${basename(absPath)}`, title, fullscreen, theme),
+                };
+                console.log(`${c.dim}presenting ${basename(absPath)} · ${THEMES[theme].label}${c.reset}`);
+            }
+            else {
+                let markdown;
+                try {
+                    markdown = readFileSync(absPath, "utf-8");
+                }
+                catch {
+                    console.error(`deckrun: cannot read file '${file}'`);
+                    process.exit(1);
+                }
+                const slides = parseSlides(markdown);
+                if (slides.length === 0) {
+                    console.error("deckrun: no slides found in the file.");
+                    process.exit(1);
+                }
+                const title = deckTitle(slides, basename(absPath, extname(absPath)));
+                mode = {
+                    kind: "deck",
+                    html: generateHtml(slides, title, fullscreen, theme, size, fonts),
+                };
+                const faces = [
+                    fonts.head ? `head ${fontName(fonts.head)}` : "",
+                    fonts.body ? `body ${fontName(fonts.body)}` : "",
+                ].filter(Boolean).join(" · ");
+                console.log(`${c.dim}${slides.length} slide${slides.length !== 1 ? "s" : ""} from ${basename(absPath)} · ${THEMES[theme].label} · type ${size}${faces ? " · " + faces : ""}${c.reset}`);
+            }
         }
     }
     else {

package/dist/preview.js

@@ -17,7 +17,7 @@ export function generatePreviewHtml(initialTheme = DEFAULT_THEME, initialSize =
 <html lang="en" data-theme="${initialTheme}" data-decor="${decorOf(initialTheme)}" data-size="${size}"${fontAttrs}>
 <head>
   <meta charset="UTF-8">
-  <title>preview</title>
+  <title>preview · deckrun</title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="${googleFontsHref()}" rel="stylesheet">
@@ -220,6 +220,86 @@ body.is-empty #pv-empty { display: flex; }
     if (thumb) send({ type: 'goto', index: parseInt(thumb.dataset.index, 10) });
   });
 
+  window.addEventListener('keydown', function (e) {
+    var mod = e.metaKey || e.ctrlKey;
+    if (mod) {
+      var k = e.key.toLowerCase();
+      if (k === 'enter') { e.preventDefault(); send({ type: 'action', action: 'present' }); }
+      else if (k === 'k' && !e.shiftKey) { e.preventDefault(); send({ type: 'action', action: 'palette' }); }
+      else if (k === 'g') { e.preventDefault(); send({ type: 'action', action: 'grid' }); }
+      else if (k === 'o') { e.preventDefault(); send({ type: 'action', action: 'decks' }); }
+      else if (k === '/') { e.preventDefault(); send({ type: 'action', action: 'guide' }); }
+      else if (k === 's' && e.shiftKey) { e.preventDefault(); send({ type: 'action', action: 'pdf' }); }
+      else if (k === 's') { e.preventDefault(); send({ type: 'action', action: 'download' }); }
+      else if (k === 'l' && e.shiftKey) { e.preventDefault(); send({ type: 'action', action: 'theme' }); }
+      return;
+    }
+
+    if (mode === 'grid') {
+      var thumbs = stage.querySelectorAll('.pv-thumb');
+      if (!thumbs.length) return;
+      var cols = 1;
+      if (thumbs.length > 1) {
+        var firstTop = thumbs[0].offsetTop;
+        for (var c = 1; c < thumbs.length; c++) {
+          if (thumbs[c].offsetTop !== firstTop) { cols = c; break; }
+        }
+        if (cols === 1 && thumbs.length > 1 && thumbs[1].offsetTop === firstTop) {
+          cols = thumbs.length;
+        }
+      }
+      var step = 0;
+      if (e.key === 'ArrowRight') step = 1;
+      else if (e.key === 'ArrowLeft') step = -1;
+      else if (e.key === 'ArrowDown') step = cols;
+      else if (e.key === 'ArrowUp') step = -cols;
+      else if (e.key === 'Home') { e.preventDefault(); send({ type: 'goto', index: 0 }); return; }
+      else if (e.key === 'End') { e.preventDefault(); send({ type: 'goto', index: slides.length - 1 }); return; }
+      else if (e.key === 'Enter') { e.preventDefault(); send({ type: 'goto', index: index }); return; }
+      else if (e.key === 'Escape') { e.preventDefault(); send({ type: 'goto', index: index }); return; }
+      else return;
+
+      e.preventDefault();
+      var next = Math.max(0, Math.min(slides.length - 1, index + step));
+      index = next;
+      var cur = stage.querySelector('.pv-thumb.is-current');
+      if (cur) cur.classList.remove('is-current');
+      var nextThumb = stage.querySelector('.pv-thumb[data-index="' + index + '"]');
+      if (nextThumb) {
+        nextThumb.classList.add('is-current');
+        nextThumb.scrollIntoView({ block: 'nearest' });
+      }
+      send({ type: 'index-select', index: index });
+      return;
+    }
+
+    // Single mode: Alt navigation or standard keys
+    if (e.altKey) {
+      if (e.key === 'ArrowDown' || e.key === 'ArrowRight' || e.key === 'PageDown') {
+        e.preventDefault();
+        send({ type: 'nav', delta: 1 });
+      } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft' || e.key === 'PageUp') {
+        e.preventDefault();
+        send({ type: 'nav', delta: -1 });
+      }
+      return;
+    }
+
+    if (e.key === 'ArrowRight' || e.key === 'ArrowDown' || e.key === ' ' || e.key === 'PageDown') {
+      e.preventDefault();
+      send({ type: 'nav', delta: 1 });
+    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp' || e.key === 'PageUp') {
+      e.preventDefault();
+      send({ type: 'nav', delta: -1 });
+    } else if (e.key === 'Home') {
+      e.preventDefault();
+      send({ type: 'goto', index: 0 });
+    } else if (e.key === 'End') {
+      e.preventDefault();
+      send({ type: 'goto', index: slides.length - 1 });
+    }
+  });
+
   window.addEventListener('resize', function () {
     if (mode === 'grid') scaleThumbs();
   });

package/dist/themes.js

@@ -53,7 +53,7 @@ export function fontName(key) {
 }
 const SANS = "system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif";
 const SERIF = "Georgia, 'Times New Roman', serif";
-const MONO = "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+const MONO = "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
 export const FONTS = {
     inter: { param: "Inter:wght@300;400;500;600;700;800", stack: `'Inter', ${SANS}`, kind: "sans" },
     spaceGrotesk: { param: "Space+Grotesk:wght@400;500;600;700", stack: `'Space Grotesk', ${SANS}`, kind: "sans" },
@@ -71,7 +71,7 @@ export const FONTS = {
     newsreader: { param: "Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400", stack: `'Newsreader', ${SERIF}`, kind: "serif" },
     lora: { param: "Lora:ital,wght@0,400;0,500;0,600;0,700;1,400", stack: `'Lora', ${SERIF}`, kind: "serif" },
     plexMono: { param: "IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400", stack: `'IBM Plex Mono', ${MONO}`, kind: "mono" },
-    jetbrains: { param: "JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400", stack: `'JetBrains Mono', ${MONO}`, kind: "mono" },
+    jetbrains: { param: "JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400", stack: `'JetBrains Mono', ${MONO}`, kind: "mono" },
     firaCode: { param: "Fira+Code:wght@400;500;600;700", stack: `'Fira Code', ${MONO}`, kind: "mono" },
     spaceMono: { param: "Space+Mono:ital,wght@0,400;0,700;1,400", stack: `'Space Mono', ${MONO}`, kind: "mono" },
     sourceCodePro: { param: "Source+Code+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400", stack: `'Source Code Pro', ${MONO}`, kind: "mono" },
@@ -85,6 +85,7 @@ export const FONTS = {
  */
 export function googleFontsHref(themes = THEME_IDS.slice(), extra = []) {
     const wanted = new Set();
+    wanted.add("jetbrains");
     for (const input of themes) {
         const t = THEMES[resolveThemeName(input)];
         wanted.add(t.type.display);
@@ -162,7 +163,7 @@ const SPECS = {
             red: "#bf616a", mauve: "#b48ead", pink: "#d3a3c6",
         },
         roles: { accent: "sapphire", accent2: "blue", accent3: "teal" },
-        type: { display: "manrope", body: "manrope", mono: "jetbrains", weight: 800, tracking: "-0.035em" },
+        type: { display: "jetbrains", body: "jetbrains", mono: "jetbrains", weight: 700, tracking: "-0.025em" },
         decor: "waves",
         hljs: `${HL}nord.min.css`,
     },
@@ -399,7 +400,7 @@ export const THEME_IDS = [
 export const THEMES = Object.fromEntries(THEME_IDS.map((id) => [id, { id, ...SPECS[id] }]));
 /** `dark` and `light` predate the registry and still name the two originals. */
 const ALIASES = {
-    dark: "midnight",
+    dark: "nord",
     light: "daylight",
     mocha: "midnight",
     latte: "daylight",
@@ -407,7 +408,7 @@ const ALIASES = {
     "rose-pine": "rosepine",
     "rose-quartz": "rosequartz",
 };
-export const DEFAULT_THEME = "midnight";
+export const DEFAULT_THEME = "nord";
 /** A theme id from untrusted input, or `null` if it names nothing. */
 export function findTheme(input) {
     if (!input)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deckrun",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "A local-first presentation tool for writing, editing, presenting, and exporting Markdown slides or self-contained HTML docs.",
   "type": "module",
   "bin": {