orz-slides 0.1.0

package/assets/themes/theme-architect.css

@@ -0,0 +1,64 @@
+/* ==========================================================
+   THEME: Architect · blueprint / technical-drawing style
+   Personality: precise, structural, grid-based, monochromatic.
+   Font: Source Code Pro. Blueprint-grid background, sharp corners,
+   transparent slate title band with a heavy left bracket rule.
+   ========================================================== */
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap');
+@import url('./base.css');
+
+:root {
+    --accent:        #2c3e50;   /* deep slate blue-grey */
+    --ink:           #2c3e50;
+    --bg:            #fcfcfc;
+
+    --font-heading:  'Source Code Pro', ui-monospace, monospace;
+    --font-body:     'Source Code Pro', ui-monospace, monospace;
+    --font-mono:     'Source Code Pro', ui-monospace, monospace;
+
+    --slide-gap:     26px;
+    --slide-pad:     1% 2% 2% 2%;
+
+    /* Title band: raw text on white, hard bracket-style left border */
+    --heading-color:        #2c3e50;
+    --heading-bg:           #ffffff;
+    --heading-radius:       0;
+    --heading-pad:          0.45em 0.7em;
+    --heading-align:        left;
+    --heading-font-weight:  700;
+    --heading-letter-spacing: -0.02em;
+    --heading-shadow:       inset 10px 0 0 0 var(--accent),
+                            inset 0 0 0 2px var(--accent);
+
+    /* Callouts: white surfaces, thin colored outlines, hard offset shadow */
+    --box-radius:        0;
+    --box-border-width:  2px;
+    --box-shadow:        4px 4px 0 rgba(44, 62, 80, 0.15);
+    --box-info:     #3498db;  --box-info-bg:    #ffffff;
+    --box-warning:  #c79a2e;  --box-warning-bg: #ffffff;
+    --box-danger:   #e74c3c;  --box-danger-bg:  #ffffff;
+    --box-success:  #27ae60;  --box-success-bg: #ffffff;
+
+    --table-head-bg:    #ecf0f1;
+    --table-head-color: #2c3e50;
+    --row-highlight:    #eef3f6;
+
+    --surface:    #ffffff;
+    --muted:      #6a7d8d;
+    --rule:       #bdc3c7;
+    --code-bg:    #eef1f3;
+    --code-color: #2c3e50;
+    --link-color: #2c3e50;
+}
+
+/* Blueprint grid behind the deck */
+.reveal-viewport,
+body {
+    background-color: #fcfcfc;
+    background-image:
+        linear-gradient(#e5e5e5 1px, transparent 1px),
+        linear-gradient(90deg, #e5e5e5 1px, transparent 1px);
+    background-size: 40px 40px;
+}
+/* Regions sit on the grid; floats get an opaque white card from base */
+.reveal .orz-region > .markdown-body { position: relative; }

package/assets/themes/theme-chalk.css

@@ -0,0 +1,111 @@
+/* ==========================================================
+   THEME: Chalk · dark blackboard green, warm chalk white (DARK)
+   Personality: academic, handwritten, warm, approachable.
+   Font: Caveat (handwritten). Blackboard slide, yellow-chalk title
+   with a dashed under-rule, dashed chalk-drawn callout borders.
+   Overrides reveal vars for the dark cascade. Code reverts to
+   monospace for legibility.
+   ========================================================== */
+@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap');
+@import url('./base.css');
+
+:root {
+    --accent:        #ffd663;   /* yellow chalk */
+    --ink:           #f2ede2;   /* warm chalk white, >14:1 on bg */
+    --bg:            #1a2420;    /* blackboard green */
+
+    /* cover / full-color slides (title v5, closing v2) — warm amber */
+    --cover-bg:      #ffd663;
+    --cover-ink:     #1a2420;
+    --cover-accent:  #3a5440;
+
+    --font-heading:  'Caveat', 'Comic Sans MS', cursive;
+    --font-body:     'Caveat', 'Comic Sans MS', cursive;
+    --font-mono:     ui-monospace, 'SFMono-Regular', Menlo, monospace;
+
+    --slide-gap:     28px;
+    --slide-pad:     1% 2% 2% 2%;
+
+    /* DARK: override reveal's own vars. */
+    --r-background-color: #1a2420;
+    --r-main-color:       #f2ede2;
+    --r-heading-color:    #ffd663;
+    --r-link-color:       #8ecae6;
+
+    /* Title band: no bar — yellow chalk text with a dashed under-rule */
+    --heading-color:        #ffd663;
+    --heading-bg:           transparent;
+    --heading-radius:       2px;
+    --heading-pad:          0.1em 0 0.3em 0;
+    --heading-align:        left;
+    --heading-font-weight:  700;
+    --heading-letter-spacing: 0.02em;
+    --heading-shadow:       inset 0 -4px 0 -1px rgba(255, 214, 99, 0.6);
+
+    /* Callouts: dashed chalk-drawn rectangles on chalk-dust surfaces */
+    --box-radius:        2px;
+    --box-border-width:  2px;
+    --box-shadow:        none;
+    --box-info:     #8ecae6;  --box-info-bg:    #1c2e30;
+    --box-warning:  #ffd663;  --box-warning-bg: #2a2714;
+    --box-danger:   #f4a4b0;  --box-danger-bg:  #2a1c1e;
+    --box-success:  #8ddbab;  --box-success-bg: #1c2a22;
+
+    --table-head-bg:    #1e2e24;
+    --table-head-color: #ffd663;
+    --row-highlight:    #243a2c;
+
+    --surface:    #1e2e24;
+    --muted:      #b4c4b8;       /* ~6:1 on bg */
+    --rule:       rgba(242, 237, 226, 0.22);
+    --code-bg:    #12201a;
+    --code-color: #8ddbab;
+    --link-color: #8ecae6;
+
+    /* dashed borders read as chalk-drawn */
+    --font-size-bump: 1;
+}
+
+body,
+.reveal-viewport { background-color: #1a2420; }
+
+/* Slightly larger body — Caveat is an open hand */
+.reveal .markdown-body p,
+.reveal .markdown-body li,
+.reveal .markdown-body td { font-size: 0.95em; }
+
+/* Chalk-on-board roughness on headings + title */
+.reveal .orz-title h2,
+.reveal .markdown-body h3,
+.reveal .markdown-body h4 {
+    text-shadow: 1px 1px 0 rgba(26, 36, 32, 0.6);
+}
+
+/* Dashed chalk-drawn callout borders + table rules */
+.reveal .markdown-body .box-info,
+.reveal .markdown-body .box-warning,
+.reveal .markdown-body .box-danger,
+.reveal .markdown-body .box-success { border-style: dashed; }
+.reveal .markdown-body th { border-bottom-style: dashed; }
+.reveal .markdown-body td { border-bottom-style: dashed; }
+
+/* Code reverts to monospace for legibility */
+.reveal .markdown-body code,
+.reveal .markdown-body pre code { font-family: var(--font-mono); }
+.reveal .markdown-body code { border: 1px dashed rgba(255, 214, 99, 0.35); }
+
+/* Chalk-blue links */
+.reveal .markdown-body a {
+    text-decoration: none;
+    border-bottom: 1px dashed rgba(142, 202, 230, 0.5);
+}
+
+/* Mermaid + charts render with light defaults; on this dark theme give them a soft
+   translucent light panel so they stay legible (matches the orz-markdown fix). */
+.reveal .markdown-body .mermaid,
+.reveal .markdown-body canvas.orz-chart {
+    background: rgba(255, 255, 255, 0.9);
+    border-radius: 8px;
+    padding: 0.5rem;
+    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
+}

package/assets/themes/theme-executive.css

@@ -0,0 +1,65 @@
+/* ==========================================================
+   THEME: Executive · dark navy, gold accents, authoritative
+   Personality: professional, confident, boardroom-ready.
+   Font: Barlow. White slide, navy title band with a gold under-rule,
+   navy/gold tables. A DARK title band on a light slide — reveal vars
+   are kept light so body text stays navy on white.
+   ========================================================== */
+@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Space+Grotesk:wght@500;600;700&display=swap');
+@import url('./base.css');
+
+:root {
+    --accent:        #c9a84c;   /* gold */
+    --ink:           #12202e;   /* dark navy */
+    --bg:            #ffffff;
+
+    --font-heading:  'Space Grotesk', 'Barlow', 'Segoe UI', sans-serif;
+    --font-body:     'Barlow', 'Segoe UI', sans-serif;
+
+    --slide-gap:     28px;
+    --slide-pad:     1% 2% 2% 2%;
+
+    /* Title band: navy bar, white text, gold bottom rule */
+    --heading-color:        #ffffff;
+    --heading-bg:           #12202e;
+    --heading-radius:       3px;
+    --heading-pad:          0.4em 0.7em;
+    --heading-align:        left;
+    --heading-font-weight:  700;
+    --heading-letter-spacing: -0.01em;
+    --heading-shadow:       0 3px 0 0 #c9a84c;
+
+    /* Callouts: gold-accented borders on tinted whites */
+    --box-radius:        3px;
+    --box-border-width:  3px;
+    --box-shadow:        2px 3px 6px rgba(18, 32, 46, 0.14);
+    --box-info:     #2b6cb0;  --box-info-bg:    #f0f4fa;
+    --box-warning:  #c9a84c;  --box-warning-bg: #fdf6e4;
+    --box-danger:   #c0392b;  --box-danger-bg:  #fdf0f0;
+    --box-success:  #27ae60;  --box-success-bg: #f0faf4;
+
+    --table-head-bg:    #12202e;
+    --table-head-color: #ffffff;
+    --row-highlight:    #fbf4df;
+
+    --surface:    #ffffff;
+    --muted:      #5b6b7a;
+    --rule:       #dde3ec;
+    --code-bg:    #f4f5f8;
+    --code-color: #12202e;
+    --link-color: #2b6cb0;
+
+    /* Slide is light; keep reveal's own vars light so default text/headings
+       elsewhere don't pick up a dark cascade. */
+    --r-background-color: #ffffff;
+    --r-main-color:       #12202e;
+    --r-heading-color:    #12202e;
+    --r-link-color:       #2b6cb0;
+}
+
+/* Uppercase, tracked table headers — boardroom polish */
+.reveal .markdown-body th {
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    font-size: 0.66em;
+}

package/assets/themes/theme-neon.css

@@ -0,0 +1,107 @@
+/* ==========================================================
+   THEME: Neon · near-black, electric cyan, glowing edges (DARK)
+   Personality: tech, futuristic, hacker aesthetic, bold.
+   Font: JetBrains Mono. Near-black slide, cyan glowing title band,
+   dark callout surfaces with full colored borders. Overrides reveal
+   vars so body text/headings stay light on the dark cascade.
+   ========================================================== */
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,600;0,700;1,400&display=swap');
+@import url('./base.css');
+
+:root {
+    --accent:        #00f5d4;   /* electric cyan */
+    --ink:           #e0f7f4;   /* soft cyan-white, >12:1 on bg */
+    --bg:            #0e0e12;    /* near-black, cyan-tinted */
+
+    /* cover / full-color slides (title v5, closing v2) — inverted: bright cyan */
+    --cover-bg:      #00f5d4;
+    --cover-ink:     #07120f;
+    --cover-accent:  #0a2e2a;
+
+    --font-heading:  'JetBrains Mono', ui-monospace, monospace;
+    --font-body:     'JetBrains Mono', ui-monospace, monospace;
+    --font-mono:     'JetBrains Mono', ui-monospace, monospace;
+
+    --slide-gap:     26px;
+    --slide-pad:     1% 2% 2% 2%;
+
+    /* DARK: override reveal's own vars (specificity (0,2,1) beats ours). */
+    --r-background-color: #0e0e12;
+    --r-main-color:       #e0f7f4;
+    --r-heading-color:    #00f5d4;
+    --r-link-color:       #00f5d4;
+
+    /* Title band: dark teal surface, cyan glowing text */
+    --heading-color:        #00f5d4;
+    --heading-bg:           #10201e;
+    --heading-radius:       4px;
+    --heading-pad:          0.4em 0.7em;
+    --heading-align:        left;
+    --heading-font-weight:  700;
+    --heading-letter-spacing: -0.02em;
+    --heading-shadow:       0 0 20px rgba(0, 245, 212, 0.18),
+                            inset 0 0 30px rgba(0, 245, 212, 0.03);
+
+    /* Callouts: explicit dark surfaces, full colored borders, faint glow */
+    --box-radius:        4px;
+    --box-border-width:  2px;
+    --box-shadow:        0 0 12px rgba(0, 245, 212, 0.12);
+    --box-info:     #00f5d4;  --box-info-bg:    #0c1b1a;
+    --box-warning:  #ffc828;  --box-warning-bg: #1a1700;
+    --box-danger:   #ff5050;  --box-danger-bg:  #1a0c0c;
+    --box-success:  #32e678;  --box-success-bg: #0c1a0e;
+
+    --table-head-bg:    #0e1c1b;
+    --table-head-color: #00f5d4;
+    --row-highlight:    #14311b;
+
+    --surface:    #10201e;
+    --muted:      #7bbab5;       /* ~7:1 on bg */
+    --rule:       #1e3432;
+    --code-bg:    #0e1c1b;
+    --code-color: #00f5d4;
+    --link-color: #00f5d4;
+}
+
+/* Near-black background + a very subtle scanline */
+.reveal-viewport,
+body { background-color: #0e0e12; }
+body {
+    background-image: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(0, 245, 212, 0.012) 3px, rgba(0, 245, 212, 0.012) 4px);
+}
+
+/* Glowing title text */
+.reveal .orz-title h2 {
+    text-shadow: 0 0 18px rgba(0, 245, 212, 0.7), 0 0 40px rgba(0, 245, 212, 0.3);
+    border: 1px solid #1e4d47;
+}
+
+/* Glowing accent sub-headings + strong */
+.reveal .markdown-body h3,
+.reveal .markdown-body h4,
+.reveal .markdown-body strong {
+    text-shadow: 0 0 12px rgba(0, 245, 212, 0.45);
+}
+
+/* Terminal-style code + uppercase table headers */
+.reveal .markdown-body th {
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    font-size: 0.66em;
+}
+.reveal .markdown-body a {
+    text-decoration: none;
+    border-bottom: 1px dashed #1e6b63;
+}
+
+/* Mermaid + charts render with light defaults; on this dark theme give them a soft
+   translucent light panel so they stay legible (matches the orz-markdown fix). */
+.reveal .markdown-body .mermaid,
+.reveal .markdown-body canvas.orz-chart {
+    background: rgba(255, 255, 255, 0.9);
+    border-radius: 8px;
+    padding: 0.5rem;
+    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
+}

package/assets/themes/theme-paper.css

@@ -0,0 +1,50 @@
+/* ==========================================================
+   THEME: Paper · book-like, typographic, warm
+   Personality: traditional, sophisticated, readable, literary.
+   Font: EB Garamond. Light warm-paper background, ink headings with
+   a double-rule under the title band, hand-printed highlighter callouts.
+   ========================================================== */
+@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap');
+@import url('./base.css');
+
+:root {
+    --accent:        #8d6e63;   /* warm brown / taupe */
+    --ink:           #3e2723;   /* deep brown-black ink */
+    --bg:            #fcfbf7;    /* warm off-white paper */
+
+    --font-heading:  'EB Garamond', Georgia, serif;
+    --font-body:     'EB Garamond', Georgia, serif;
+
+    --slide-gap:     30px;
+    --slide-pad:     1% 2% 2% 2%;
+
+    /* Title band: ink text on a faint blush tint, double bottom rule */
+    --heading-color:        #3e2723;
+    --heading-bg:           #f5ede9;
+    --heading-radius:       2px;
+    --heading-pad:          0.35em 0.6em;
+    --heading-align:        left;
+    --heading-font-weight:  600;
+    --heading-letter-spacing: 0.02em;
+    --heading-shadow:       inset 0 -3px 0 0 var(--accent);
+
+    /* Callouts: highlighter fills, hard-printed offset shadow */
+    --box-radius:        3px;
+    --box-border-width:  2px;
+    --box-shadow:        2px 3px 0 rgba(62, 39, 35, 0.10);
+    --box-info:     #0288d1;  --box-info-bg:    #e1f5fe;
+    --box-warning:  #fbc02d;  --box-warning-bg: #fff9c4;
+    --box-danger:   #d32f2f;  --box-danger-bg:  #ffcdd2;
+    --box-success:  #689f38;  --box-success-bg: #dcedc8;
+
+    --table-head-bg:    #efebe9;
+    --table-head-color: #3e2723;
+    --row-highlight:    #f3e9dc;
+
+    --surface:    #f5ede9;
+    --muted:      #8a766f;
+    --rule:       #d8ccc4;
+    --code-bg:    #f1e9e3;
+    --code-color: #5b3f37;
+    --link-color: #8d6e63;
+}

package/assets/themes/theme-poppy.css

@@ -0,0 +1,58 @@
+/* ==========================================================
+   THEME: Poppy · warm cream, coral red, playful energy
+   Personality: energetic, fun, creative, consumer-facing.
+   Font: Nunito (rounded). Cream slide, bold coral title band with big
+   rounded corners, colorful fully-filled callouts (no border).
+   ========================================================== */
+@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,400&family=Fredoka:wght@500;600;700&display=swap');
+@import url('./base.css');
+
+:root {
+    --accent:        #ff4848;   /* coral red */
+    --ink:           #2d1f1f;   /* warm dark */
+    --bg:            #fffbf5;    /* warm cream */
+
+    /* cover / full-color slides (title v5, closing v2) — bold red */
+    --cover-bg:      #ff4848;
+    --cover-ink:     #fffbf5;
+    --cover-accent:  #ffe08a;
+
+    --font-heading:  'Fredoka', 'Nunito', 'Segoe UI', sans-serif;
+    --font-body:     'Nunito', 'Segoe UI', sans-serif;
+
+    --slide-gap:     26px;
+    --slide-pad:     1% 2% 2% 2%;
+
+    /* Title band: bold coral strip, bubbly corners, glow shadow */
+    --heading-color:        #ffffff;
+    --heading-bg:           #ff4848;
+    --heading-radius:       14px;
+    --heading-pad:          0.45em 0.8em;
+    --heading-align:        center;
+    --heading-font-weight:  800;
+    --heading-letter-spacing: 0.01em;
+    --heading-shadow:       0 4px 14px rgba(255, 72, 72, 0.35);
+
+    /* Callouts: colorful filled tiles, no border, big radius */
+    --box-radius:        12px;
+    --box-border-width:  0px;
+    --box-shadow:        0 4px 14px rgba(0, 0, 0, 0.10);
+    --box-info:     #2196f3;  --box-info-bg:    #dceeff;
+    --box-warning:  #ffb300;  --box-warning-bg: #fff3cd;
+    --box-danger:   #ff4848;  --box-danger-bg:  #ffe0e0;
+    --box-success:  #2ecc71;  --box-success-bg: #d6f5e3;
+
+    --table-head-bg:    #ff4848;
+    --table-head-color: #ffffff;
+    --row-highlight:    #ffe5e5;
+
+    --surface:    #fff3ee;
+    --muted:      #8a6f6f;
+    --rule:       #f5e4dc;
+    --code-bg:    #ffe8e8;
+    --code-color: #c0392b;
+    --link-color: #ff4848;
+}
+
+/* Code reads as a friendly pill rather than a slab */
+.reveal .markdown-body code { font-weight: 700; }

package/assets/themes/theme-sage.css

@@ -0,0 +1,50 @@
+/* ==========================================================
+   THEME: Sage · warm ivory, sage green, casual-professional
+   Personality: friendly, natural, approachable, warm.
+   Font: Nunito Sans. Ivory slide, rounded darkened-sage title band
+   (7:1 contrast on white), soft earth-tone callouts.
+   ========================================================== */
+@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,600;0,700;1,400&family=Lora:ital,wght@0,500;0,600;0,700;1,500&display=swap');
+@import url('./base.css');
+
+:root {
+    --accent:        #5a7a5f;   /* sage green */
+    --ink:           #2d3a2e;   /* dark forest */
+    --bg:            #f6f3ec;    /* warm ivory */
+
+    --font-heading:  'Lora', Georgia, serif;
+    --font-body:     'Nunito Sans', 'Segoe UI', sans-serif;
+
+    --slide-gap:     28px;
+    --slide-pad:     1% 2% 2% 2%;
+
+    /* Title band: darker sage for white-text contrast, soft round corners */
+    --heading-color:        #ffffff;
+    --heading-bg:           #3a5f40;
+    --heading-radius:       8px;
+    --heading-pad:          0.4em 0.7em;
+    --heading-align:        left;
+    --heading-font-weight:  700;
+    --heading-letter-spacing: 0.01em;
+    --heading-shadow:       0 2px 8px rgba(90, 122, 95, 0.25);
+
+    /* Callouts: soft rounded earth tones */
+    --box-radius:        8px;
+    --box-border-width:  3px;
+    --box-shadow:        0 2px 8px rgba(90, 122, 95, 0.12);
+    --box-info:     #5a7a5f;  --box-info-bg:    #edf5ee;
+    --box-warning:  #c8a05a;  --box-warning-bg: #fdf7ec;
+    --box-danger:   #c0614a;  --box-danger-bg:  #fdf0ee;
+    --box-success:  #4a8c50;  --box-success-bg: #ecf6ec;
+
+    --table-head-bg:    #dbe9dc;
+    --table-head-color: #2d3a2e;
+    --row-highlight:    #e6f0e7;
+
+    --surface:    #eef4ef;
+    --muted:      #6f7d70;
+    --rule:       #d4cfc5;
+    --code-bg:    #ede9e0;
+    --code-color: #2d3a2e;
+    --link-color: #4a8c50;
+}