demo: combine title + direct-manipulation demo on /1

Drops the separate cover-image title slide; the deck now opens directly into
the interactive showcase:

- Title shrunk to `h2`-sized mono `Open-Athena/slidev` (top-left)
- Subtitle on the same slide explains what the fork adds and prompts "Try it ↓"
- 8 demo cards fit underneath in the existing 4×2 grid
- GH link stays absolute-bottom-left; hotkey hint stays absolute-bottom-center
- Drops the seriph cover-image background (`background: https://cover.sli.dev`)
  and the `text-center` class — text-on-photo plus 8 colorful cards was too
  busy. Default seriph styling on a plain dark background

Slides shift: the former /3 ("Upstream slidev deck follows" interstitial)
becomes /2; the upstream starter deck starts at /3. `slides.coords.yaml` keys
move from `"2":` to `"1":` accordingly.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: ryan-williams

demo/starter/slides.coords.yaml

@@ -2,8 +2,6 @@
 # Tracked in git by default; add to .gitignore if you'd rather keep positions personal.
 # Top-level keys are slide numbers (1-based); values are dragId → posStr.
 "1":
-  ClZua: 530,460,160,72
-"2":
   feat-reorder-2: 503,228,180,105,0,1000
   feat-crop: 287,172,180,105,0,100,16,16,10,7
   feat-crop-2: 288,251,180,105,0,100,28,9,28,28

demo/starter/slides.md

@@ -1,25 +1,15 @@
 ---
-# try also 'default' to start simple
 theme: seriph
-# random image from a curated Unsplash collection by Anthony
-# like them? see https://unsplash.com/collections/94734566/slidev
-background: https://cover.sli.dev
-# some information about your slides (markdown enabled)
-title: Slidev — Open-Athena fork
+title: Open-Athena/slidev
 info: |
-  ## Slidev — Open-Athena fork
-  Adds direct manipulation: click + drag, snap, crop, undo, multi-tab live edits.
+  ## Open-Athena/slidev
+  A fork of sli.dev that adds direct manipulation: click + drag, snap, crop, undo, multi-tab live edits.
   Source: https://github.com/Open-Athena/slidev
-# apply UnoCSS classes to the current slide
-class: text-center
-# https://sli.dev/features/drawing
+layout: default
 drawings:
   persist: false
-# slide transition: https://sli.dev/guide/animations.html#slide-transitions
 transition: slide-left
-# enable Comark Syntax: https://comark.dev/syntax/markdown
 comark: true
-# duration of the presentation
 duration: 35min
 # make markdown images draggable by default (fork feature)
 draggableImages: true
@@ -31,29 +21,9 @@ publish:
     format: jpg
 ---
 
-# <span class="font-mono">Open&#8209;Athena<span class="opacity-50">/</span>slidev</span>
-
-A fork of <a href="https://sli.dev" target="_blank" class="text-white font-semibold underline underline-offset-4 decoration-white/40 hover:decoration-white">sli.dev</a> that adds <span class="text-white font-semibold">direct manipulation</span> — click + drag, snap, crop, undo, multi-tab live edits.
-
-<div class="abs-bl m-6 text-sm">
-  <a href="https://github.com/Open-Athena/slidev" target="_blank" class="text-white !text-opacity-90 hover:!text-opacity-100 underline underline-offset-4 decoration-white/40 hover:decoration-white">
-    github.com/Open-Athena/slidev
-  </a>
-</div>
-
-<!--
-This deck is upstream slidev's starter, with the OA fork's runtime additions layered in.
-Press space / → to advance.
--->
-
----
-layout: default
-title: Direct manipulation
----
-
-# Direct manipulation
+<h1 class="!text-3xl !mt-0 !mb-1 font-mono">Open&#8209;Athena<span class="opacity-50">/</span>slidev</h1>
 
-In OA/slidev, click any image to **drag**, **resize**, **rotate**, or **reorder** it; **double-click** to enter **crop** mode. Try it on the cards below.
+A fork of <a href="https://sli.dev" target="_blank" class="font-semibold underline underline-offset-4 decoration-current/40 hover:decoration-current">sli.dev</a> that adds <span class="font-semibold">direct manipulation</span> — click any image to **drag**, **resize**, **rotate**, or **reorder** it; **double-click** to **crop**. Try it ↓
 
 <img v-drag="'feat-rotate'" src="/feature-rotate.svg">
 <img v-drag="'feat-drag'" src="/feature-drag.svg">
@@ -68,6 +38,17 @@ In OA/slidev, click any image to **drag**, **resize**, **rotate**, or **reorder*
 Reorder: <kbd>⌘↑</kbd> / <kbd>⌘↓</kbd> forward/back · <kbd>⇧⌘↑</kbd> / <kbd>⇧⌘↓</kbd> to-front/back &nbsp;·&nbsp; Undo / redo: <kbd>⌘Z</kbd> / <kbd>⇧⌘Z</kbd>
 </div>
 
+<div class="abs-bl m-6 text-sm">
+  <a href="https://github.com/Open-Athena/slidev" target="_blank" class="underline underline-offset-4 decoration-current/40 hover:decoration-current">
+    github.com/Open-Athena/slidev
+  </a>
+</div>
+
+<!--
+This deck is upstream slidev's starter, with the OA fork's direct-manipulation features layered in.
+Press space / → to advance.
+-->
+
 ---
 layout: center
 class: text-center