@nysds/playground 0.1.0 → 0.2.0

package/README.md

@@ -70,9 +70,13 @@ button, to force a rebuild. The HTML, CSS, and JS editors float in a
 drawer over the bottom of the stage — drag the divider to resize it, or
 press `c` to collapse it. The slide bar along the bottom shows a slide
 picker in place of a title, grouped the way your slides are grouped,
-with **Previous** and **Next**, and, while editing, **Add slide**,
-**Slide settings**, **Move earlier**, **Move later**, **Duplicate
-slide**, and **Delete slide**.
+with the slide count and **Slide settings** beside it. On the right sit
+**Add slide**, **Delete slide**, **Duplicate slide**, **Previous**, and
+**Next**. Previous and Next are disabled at the ends of the deck. On a
+phone the bar takes two rows, with the actions on the second. Delete
+slide asks first only when the slide has something to lose: code in an
+editor, or a title, group, description, notes, version, or editor
+setting someone changed.
 
 The toolbar is one row: the NYSDS mark (a link to Home), the deck title,
 **Deck settings**, and the **Saved** indicator on the left; the version
@@ -83,13 +87,18 @@ tooltips.
 Click the deck title to rename it in place, the way a document title
 behaves: type the new name, then press Enter or click away to save, or
 Escape to cancel. **Deck settings**, the circle button next to the
-title, opens a modal for the title, description, and base CSS injected
-into every slide's hidden head.
+title, opens a modal for the title, description, the slide list, and
+base CSS injected into every slide's hidden head. The slide list has one
+row per slide, with the title and group as fields and **Move up**,
+**Move down**, and **Remove**. Drag a row by its handle to reorder with
+the pointer. Nothing changes until you select **Done**, so a removed
+slide can be restored, and closing the modal discards the edits.
 
 **Slide settings** opens the inspector for the current slide: title,
 group, description, presenter notes, which of the HTML, CSS, and JS
 columns start expanded in the side-by-side layout, and a design system
-version to pin the slide to.
+version to pin the slide to. To reorder slides, use the slide list in
+**Deck settings**.
 
 Edits save automatically, 500 milliseconds after you stop typing, with a
 brief **Saved** indicator to confirm it. Leaving the editor — selecting
@@ -136,12 +145,13 @@ unsaved edits.
 
 Select **Present** in the editor toolbar, or **Present** on a deck card,
 to present a deck. Presenting reuses the same layout: it hides the
-toolbar and the slide-editing controls, requests fullscreen, and shows a
-decorative NYSDS mark centered in the slide bar. In place of the
-edit-only controls, the slide bar shows, in order, **Edit** (returns to
+toolbar and the slide-editing controls, and requests fullscreen. In
+place of the edit-only controls, the slide bar shows, in order, **Edit**
+(returns to
 editing), presenter **Notes**, **Reset slide** (discards this session's
 edits to the current slide and reloads what's saved), and **Settings**
-(opens the settings modal without leaving the presentation). Opening a
+(opens the settings modal without leaving the presentation), followed by
+**Previous** and **Next**. Opening a
 deck with `?present=1` presents it directly. Escape exits presentation
 mode, and leaves fullscreen with it.