@farberg/reveal-template 1.1.18 → 1.1.20

package/css/dhbw-print.css

@@ -12,5 +12,10 @@ credits {
 }
 
 .reveal .slides {
-	pointer-events: initial !important;	
+	pointer-events: initial !important;
+}
+
+/* In print, drop the Simplemenu bar entirely. */
+.menubar {
+  display: none !important;
 }

package/css/dhbw.css

@@ -509,61 +509,154 @@ tr>tr:first-of-type {
   border-top: 1px solid black !important;
 }
 
-.reveal .slide-number {
-  color: #4e565c;
-  z-index: 100;
-}
+/* ---------------------------------------------------------------------- */
+/* Bottom strip: Simplemenu menubar (left), attribution (right of it),    */
+/* slide number (far right) — share one thin lane, same grey baseline.    */
+/* ---------------------------------------------------------------------- */
 
-.attribution {
-  position: fixed !important;
-  bottom: 0 !important;
-  left: 0px !important;
-  font-size: 12px !important;
+:root {
+  --dhbw-strip-color: #4e565c;
+  --dhbw-strip-font-size: 12px;
+  --dhbw-strip-height: 20px;
+  --dhbw-strip-bottom: 6px;
 }
 
-.has-dark-background>.attribution {
-  color: #4e565c;
+.reveal .slide-number {
+  color: var(--dhbw-strip-color) !important;
+  background: none !important;
+  font-family: inherit !important;
+  font-size: var(--dhbw-strip-font-size) !important;
+  right: 8px !important;
+  bottom: var(--dhbw-strip-bottom) !important;
+  height: var(--dhbw-strip-height) !important;
+  line-height: var(--dhbw-strip-height) !important;
+  padding: 0 !important;
+  z-index: 100;
 }
 
-.has-dark-background>.attribution>a {
-  color: #4e565c !important;
+.reveal .slide-number a {
+  color: var(--dhbw-strip-color) !important;
+  opacity: 1 !important;
+  /* override Simplemenu's 0.33 dimming */
+  padding: 0 !important;
+  line-height: var(--dhbw-strip-height) !important;
 }
 
 credits {
   visibility: hidden;
 }
 
-/* Credits Dennis */
-
 attribution {
-  position: absolute !important;
-  /* display: block; */
-  display: table-cell !important;
-  vertical-align: middle !important;
-  right: 35px;
-  bottom: 8px;
-  height: 22px;
+  position: fixed !important;
+  display: block !important;
+  left: auto;
+  right: 70px;
+  /* leaves room for the slide-number on its right */
+  bottom: var(--dhbw-strip-bottom) !important;
+  height: var(--dhbw-strip-height) !important;
+  line-height: var(--dhbw-strip-height) !important;
   z-index: 200;
-  font-size: 12px;
+  font-size: var(--dhbw-strip-font-size) !important;
   text-align: right;
-  color: #4e565c;
-  background-color: rgba(0, 0, 0, 0.4);
+  color: var(--dhbw-strip-color) !important;
+  background-color: transparent !important;
+  padding: 0 !important;
 }
 
 attribution>span {
-  padding-left: 5px !important;
-  padding-right: 5px !important;
-  line-height: 22px !important;
+  padding: 0 !important;
+  line-height: var(--dhbw-strip-height) !important;
 }
 
-attribution a {
-  font-size: 12px;
-  color: #4e565c;
+attribution a,
+attribution a:visited {
+  font-size: var(--dhbw-strip-font-size);
+  color: var(--dhbw-strip-color);
+  line-height: var(--dhbw-strip-height);
 }
 
-attribution a:visited {
-  font-size: 12px;
-  color: #4e565c;
+.has-dark-background>.attribution,
+.has-dark-background>.attribution>a {
+  color: var(--dhbw-strip-color) !important;
+}
+
+/* Simplemenu's CSS is injected at plugin load (after dhbw.css), so we
+   need !important here to win specificity on layout props. */
+.menubar {
+  color: var(--dhbw-strip-color) !important;
+  background: transparent !important;
+  font-size: var(--dhbw-strip-font-size) !important;
+  height: var(--dhbw-strip-height) !important;
+  line-height: var(--dhbw-strip-height) !important;
+  bottom: var(--dhbw-strip-bottom) !important;
+  padding: 0 8px 0 15px !important;
+  /* left gutter for the menu */
+  justify-content: flex-start !important;
+  align-items: center !important;
+}
+
+.menubar:before,
+.menubar:after {
+  display: none !important;
+}
+
+.menubar>ul {
+  gap: 1.5em !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  justify-content: flex-start !important;
+  align-items: center !important;
+  height: var(--dhbw-strip-height) !important;
+  line-height: var(--dhbw-strip-height) !important;
+}
+
+.menubar>ul li {
+  display: inline-flex !important;
+  flex: 0 0 auto !important;
+  align-items: center !important;
+  height: var(--dhbw-strip-height) !important;
+  line-height: var(--dhbw-strip-height) !important;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+/* Every menu link state — active, inactive, hover, visited — uses the same
+   color, size, weight, padding and rendering, so nothing can shift the
+   baseline between states. Hover is the only visual change. */
+.menubar a,
+.menubar a:visited,
+.menubar a:active,
+.menubar>ul a,
+.menubar>ul li a.active,
+.menubar>ul li.active a {
+  display: inline-block !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  border: 0 !important;
+  text-decoration: none !important;
+  font-size: var(--dhbw-strip-font-size) !important;
+  font-weight: 400 !important;
+  font-style: normal !important;
+  color: var(--dhbw-strip-color) !important;
+  opacity: 1 !important;
+  height: var(--dhbw-strip-height) !important;
+  line-height: var(--dhbw-strip-height) !important;
+  vertical-align: baseline !important;
+  transform: none !important;
+  -webkit-font-smoothing: antialiased !important;
+  -moz-osx-font-smoothing: grayscale !important;
+}
+
+.menubar>ul a:hover {
+  color: #1a1a1a !important;
+}
+
+/* Active item: fake-bold via text-stroke so the glyph width stays identical
+   to the inactive state (font-weight changes would shift neighbour items). */
+.menubar>ul li.active>a,
+.menubar>ul li>a.active {
+  color: #1a1a1a !important;
+  -webkit-text-stroke: 0.4px currentColor !important;
 }
 
 .source-code-link {

package/docs/00 - Introduction.md

@@ -1,7 +1,14 @@
+<!-- .slide: data-state="hide-menubar" -->
 <div class="lecturetitle">Introduction</div>
 
 ---
-## Some Heading
+## Table of Contents
+<!-- .slide: data-state="hide-menubar" -->
+
+<ul class="menu"><ul>
+
+---
+## Mermaid Example
 
 ```mermaid
 graph LR
@@ -15,13 +22,16 @@ Some text
 - This is an example presentation
 - This is an example presentation
 
-Some text
-- This is an example presentation
-- This is an example presentation
-- This is an example presentation
+---
+## Asciinema Example
+
+<asciinema data-conf='{ "cols": 120, "rows": 25, "theme":"monokai", "autoPlay": true, "idleTimeLimit": 2, "terminalFontSize": "16px"}'
+        src="k8s-deployment.cast" />
+
 
 ---
-## Next Heading
+## Some Heading
+<!-- .slide: data-name="Some Heading" -->
 
 Some text
 - This is an example presentation
@@ -33,9 +43,11 @@ Some text
 - This is an example presentation
 - This is an example presentation
 
+<credits>This is a test for the credits section.</credits>
 
 ---
 ## Next Heading
+<!-- .slide: data-name="next-heading" -->
 
 Some text
 - This is an example presentation

package/docs/k8s-deployment.cast

@@ -0,0 +1,94 @@
+{"version": 2, "width": 130, "height": 26, "timestamp": 1584010118, "idle_time_limit": 2.0, "env": {"SHELL": "/usr/local/bin/bash", "TERM": "xterm-256color"}}
+[0.015142, "o", "\u001b[?1049h\u001b[22;0;0t\u001b[?1h\u001b=\u001b[H\u001b[2J\u001b[?12l\u001b[?25h\u001b[?1000l\u001b[?1002l\u001b[?1006l\u001b[?1005l\u001b[c\u001b(B\u001b[m\u001b[?12;25h\u001b[?12l\u001b[?25h\u001b[?1003l\u001b[?1006l\u001b[?2004l\u001b[1;1H\u001b[1;26r\u001b]112\u0007\u001b[21;17H\u001b[?1006h\u001b[?1002h"]
+[0.016013, "o", "\u001b[20;1H──────────────────────────────────────────────────────────────────\u001b[32m────────────────────────────────────────────────────────────────\u001b[?25l\u001b(B\u001b[m\u001b[1;1Hdennis@dppro:~$ \u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\u001b[2Bdennis@dppro:~$ \u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\u001b[21;17H\u001b[?12l\u001b[?25h"]
+[0.016133, "o", "\u001b(B\u001b[m\u001b[?12;25h\u001b[?12l\u001b[?25h\u001b[?1003l\u001b[?1006l\u001b[?2004l\u001b[1;1H\u001b[1;26r\u001b[21;17H\u001b[?1006h\u001b[?1002h\u001b[20;1H──────────────────────────────────────────────────────────────────\u001b[32m────────────────────────────────────────────────────────────────\u001b[?25l\u001b(B\u001b[m\u001b[1;1Hdennis@dppro:~$ \u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\u001b[2Bdennis@dppro:~$ \u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\u001b[21;17H\u001b[?12l\u001b[?25h"]
+[4.901951, "o", "watch -t kubectl get deployment"]
+[5.428202, "o", "\r\n"]
+[5.503769, "o", "\u001b[?25l\u001b[ANo resources found in default namespace.\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\u001b[129C\u001b[?12l\u001b[?25h"]
+[11.899887, "o", "\u001b[32m\u001b[20;1H──────────────────────────────────────────────────────────────────\u001b[39m────────────────────────────────────────────────────────────────\u001b(B\u001b[m\u001b[1;17H"]
+[12.619999, "o", "kubectl apply -f https://k8s.io/examples/controllers/nginx-deployment.yaml"]
+[13.263125, "o", "\r\n"]
+[13.772043, "o", "deployment.apps/nginx-deployment created\r\n"]
+[13.788565, "o", "\u001b[21dNAME               READY   UP-TO-DATE   AVAILABLE   AGE\r\nnginx-deployment   0/3     0\u001b[12C0\u001b[3;1H\u001b[22;53H0s\u001b[3;1H"]
+[13.801261, "o", "dennis@dppro:~$ "]
+[15.855941, "o", "\u001b[22;20H3\u001b[7C3\u001b[12C3\u001b[11C2\u001b[3;17H"]
+[17.924864, "o", "\u001b[22;53H4\u001b[3;17H"]
+[19.101477, "o", "kubectl get replicaset"]
+[19.886126, "o", "\r\n"]
+[19.956142, "o", "NAME                          DESIRED   CURRENT   READY   AGE\r\nnginx-deployment-54f57cf6bf   3         3         3       6s\r\n"]
+[19.976361, "o", "dennis@dppro:~$ "]
+[19.99448, "o", "\u001b[22;53H6\u001b[6;17H"]
+[22.068487, "o", "\u001b[22;53H8\u001b[6;17H"]
+[24.14261, "o", "\u001b[22;53H10s\u001b[6;17H"]
+[24.420512, "o", "kubectl get pods"]
+[24.992778, "o", "\r\n"]
+[25.265619, "o", "NAME                                READY   STATUS    RESTARTS   AGE\r\nnginx-deployment-54f57cf6bf-566ql   1/1     Running   0          11s\r\nnginx-deployment-54f57cf6bf-ch68t   1/1     Running   0          11s\r\nnginx-deployment-54f57cf6bf-skf22   1/1     Running   0          11s"]
+[25.265954, "o", "\r\n"]
+[25.289406, "o", "dennis@dppro:~$ "]
+[26.209228, "o", "\u001b[22;54H2\u001b[11;17H"]
+[28.278645, "o", "\u001b[22;54H4\u001b[11;17H"]
+[30.345443, "o", "\u001b[22;54H6\u001b[11;17H"]
+[32.411563, "o", "\u001b[22;54H8\u001b[11;17H"]
+[33.955998, "o", "kubectl set image deployment/nginx-deployment nginx=nginx:1.9.1 --record"]
+[34.481068, "o", "\u001b[22;53H20\u001b[11;89H"]
+[35.908815, "o", "\r\n"]
+[35.974804, "o", "deployment.apps/nginx-deployment image updated\r\n"]
+[35.998725, "o", "dennis@dppro:~$ "]
+[36.253922, "o", "kubectl set image deployment/nginx-deployment nginx=nginx:1.9.1 --record"]
+[36.447497, "o", "\u001b[25Gget pods\u001b[K"]
+[36.554676, "o", "\u001b[22;28H1\u001b[25C2\u001b[13;33H"]
+[37.3226, "o", "\r\n"]
+[37.386231, "o", "NAME                                READY   STATUS              RESTARTS   AGE\r\nnginx-deployment-54f57cf6bf-566ql   1/1     Running             0          23s\r\nnginx-deployment-54f57cf6bf-ch68t   1/1     Terminating         0          23s"]
+[37.386427, "o", "\u001b[1;19r\u001b[19;1H\n\u001b[3Anginx-deployment-54f57cf6bf-skf22   1/1     Running             0          23s\r\nnginx-deployment-56f8998dbc-6s8xb   0/1     ContainerCreating   0          0s\r\nnginx-deployment-56f8998dbc-qctt9   1/1     Running             0          1s\u001b[1;26r\u001b[19;1H"]
+[37.405538, "o", "dennis@dppro:~$ "]
+[38.615804, "o", "\u001b[22;28H3\u001b[25C4\u001b[19;17H"]
+[40.048096, "o", "kubectl get pods"]
+[40.229233, "o", "\u001b[8Dset image deployment/nginx-deployment nginx=nginx:1.9.1 --record"]
+[40.608258, "o", "\u001b[25Gget pods\u001b[K"]
+[40.679253, "o", "\u001b[22;54H6\u001b[19;33H"]
+[41.059858, "o", "\u001b[4Dreplicaset"]
+[41.665878, "o", "\u001b[1;19r\u001b[19;1H\n\u001b[1;26r\u001b[19;1H"]
+[41.729691, "o", "\u001b[1;19r\u001b[2S\u001b[17dNAME                          DESIRED   CURRENT   READY   AGE\r\nnginx-deployment-54f57cf6bf   0         0         0       28s\r\nnginx-deployment-56f8998dbc   3         3         \u001b[1;26r\u001b[19;51H\u001b[1;19r\u001b[19;1H\n\u001b[18;51H3       6s\u001b[1;26r\u001b[19;1H"]
+[41.747295, "o", "dennis@dppro:~$ "]
+[42.747218, "o", "\u001b[22;54H9\u001b[19;17H"]
+[44.812612, "o", "\u001b[22;53H31\u001b[19;17H"]
+[46.880279, "o", "\u001b[22;54H3\u001b[19;17H"]
+[48.954986, "o", "\u001b[22;54H5\u001b[19;17H"]
+[50.65087, "o", "kubectl scale deployment.v1.apps/nginx-deployment --replicas=2"]
+[51.028781, "o", "\u001b[22;54H7\u001b[19;79H"]
+[51.330372, "o", "\u001b[1;19r\u001b[19;1H\n\u001b[1;26r\u001b[19;1H"]
+[51.405333, "o", "\u001b[1;19r\u001b[19;1H\n\u001b[Adeployment.apps/nginx-deployment scaled\u001b[1;26r\u001b[19;1H"]
+[51.437681, "o", "dennis@dppro:~$ "]
+[51.712471, "o", "kubectl scale deployment.v1.apps/nginx-deployment --replicas=2"]
+[51.872287, "o", "\u001b[25Gget replicaset\u001b[K"]
+[52.297278, "o", "\u001b[10D\u001b[6Ppods"]
+[52.758532, "o", "\u001b[1;19r\u001b[19;1H\n\u001b[1;26r\u001b[19;1H"]
+[52.822498, "o", "\u001b[1;19r\u001b[2S\u001b[17dNAME                                READY   STATUS        RESTARTS   AGE\r\nnginx-deployment-56f8998dbc-6s8xb   1/1     Running       0          16s\r\nnginx-deployment-56f8998dbc-gbkvj   0/1     Terminating   0\u001b[1;26r\u001b[19;60H\u001b[1;19r\u001b[2S\u001b[17;60H          15s\r\nnginx-deployment-56f8998dbc-qctt9   1/1     Running       0          17s\u001b[1;26r\u001b[19;1H"]
+[52.839425, "o", "dennis@dppro:~$ "]
+[53.102219, "o", "\u001b[22;20H2/2     2\u001b[12C2\u001b[12C9\u001b[19;17H"]
+[55.167659, "o", "\u001b[22;53H41\u001b[19;17H"]
+[57.230776, "o", "\u001b[22;54H3\u001b[19;17H"]
+[57.765264, "o", "kubectl get pods"]
+[58.10153, "o", "\u001b[1;19r\u001b[19;1H\n\u001b[1;26r\u001b[19;1H"]
+[58.171476, "o", "\u001b[1;19r\u001b[2S\u001b[17dNAME                                READY   STATUS    RESTARTS   AGE\r\nnginx-deployment-56f8998dbc-6s8xb   1/1     Running   0          21s\r\nnginx-deployment-56f8998dbc-qctt9   1/1     Running   0          22s\u001b[1;26r\u001b[19;69H\u001b[1;19r\u001b[19;1H\n\u001b[1;26r\u001b[19;1H"]
+[58.192559, "o", "dennis@dppro:~$ "]
+[59.301196, "o", "\u001b[22;54H5\u001b[19;17H"]
+[59.880721, "o", "kubectl get pods"]
+[60.419891, "o", "\u001b[8Dscale deployment.v1.apps/nginx-deployment --replicas=2"]
+[60.850326, "o", "\u001b[25Gget replicaset\u001b[K"]
+[61.369231, "o", "\u001b[22;54H7\u001b[19;39H"]
+[61.409873, "o", "\u001b[1;19r\u001b[19;1H\n\u001b[1;26r\u001b[19;1H"]
+[61.482126, "o", "\u001b[1;19r\u001b[3S\u001b[16dNAME                          DESIRED   CURRENT   READY   AGE\r\nnginx-deployment-54f57cf6bf   0         0         0       47s\r\nnginx-deployment-56f8998dbc   2         2         2       25s\u001b[1;26r\u001b[19;1H"]
+[61.482302, "o", "\u001b[32m\r\n──────────────────────────────────────────────────────────────────\u001b[39m────────────────────────────────────────────────────────────────\u001b[?25l\u001b(B\u001b[m\u001b[1;1HNAME                          DESIRED   CURRENT   READY   AGE\u001b[K\r\nnginx-deployment-54f57cf6bf   0         0         0       28s\u001b[K\r\nnginx-deployment-56f8998dbc   3         3         3       6s\u001b[K\r\ndennis@dppro:~$ kubectl scale deployment.v1.apps/nginx-deployment --replicas=2\u001b[K\r\ndeployment.apps/nginx-deployment scaled\u001b[K\r\ndennis@dppro:~$ kubectl get pods\u001b[K\r\nNAME                                READY   STATUS        RESTARTS   AGE\u001b[K\r\nnginx-deployment-56f8998dbc-6s8xb   1/1     Running       0          16s\u001b[K\r\nnginx-deployment-56f8998dbc-gbkvj   0/1     Terminating   0          15s\u001b[K\r\nnginx-deploy"]
+[61.482398, "o", "ment-56f8998dbc-qctt9   1/1     Running       0          17s\u001b[K\r\ndennis@dppro:~$ kubectl get pods\u001b[K\r\nNAME                                READY   STATUS    RESTARTS   AGE\u001b[K\r\nnginx-deployment-56f8998dbc-6s8xb   1/1     Running   0          21s\u001b[K\r\nnginx-deployment-56f8998dbc-qctt9   1/1     Running   0          22s\u001b[K\r\ndennis@dppro:~$ kubectl get replicaset\u001b[K\r\nNAME                          DESIRED   CURRENT   READY   AGE\u001b[K\r\nnginx-deployment-54f57cf6bf   0         0         0       47s\u001b[K\r\nnginx-deployment-56f8998dbc   2         2         2       25s\u001b[K\r\n\u001b[K\u001b[2BNAME               READY   UP-TO-DATE   AVAILABLE   AGE\u001b[K\r\nnginx-deployment   2/2     2\u001b[12X\u001b[12C2\u001b[11X\u001b[11C47s\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\u001b[7A\u001b[?12l\u001b[?25h"]
+[61.503534, "o", "dennis@dppro:~$ "]
+[62.726195, "o", "kubectl get replicaset"]
+[62.997892, "o", "\u001b[10D\u001b[6Ppods"]
+[63.438894, "o", "\u001b[22;54H9\u001b[19;33H"]
+[64.144609, "o", "\u001b[1;19r\u001b[19;1H\n\u001b[1;26r\u001b[19;1H"]
+[64.205435, "o", "\u001b[1;19r\u001b[2S\u001b[17dNAME                                READY   STATUS    RESTARTS   AGE\r\nnginx-deployment-56f8998dbc-6s8xb   1/1     Running   0          27s\r\nnginx-deployment-56f8998dbc-qctt9   1/1     Running   0          \u001b[1;26r\u001b[19;66H\u001b[1;19r\u001b[19;1H\n\u001b[18;66H28s"]
+[64.205618, "o", "\u001b[1;26r\u001b[19;1H"]
+[64.225166, "o", "dennis@dppro:~$ "]
+[65.503262, "o", "\u001b[22;53H51\u001b[19;17H"]
+[67.57642, "o", "\u001b[22;54H3\u001b[19;17H"]
+[67.845157, "o", "\u001b[1;26r\u001b(B\u001b[m\u001b[?1l\u001b>\u001b[H\u001b[2J\u001b]112\u0007\u001b[?12l\u001b[?25h\u001b[?1000l\u001b[?1002l\u001b[?1006l\u001b[?1005l\u001b[?1049l\u001b[23;0;0t"]

package/docs/local-dev.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 
 <head>
@@ -8,13 +9,27 @@
 	<meta name="viewport"
 		content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, minimal-ui">
 
+	<!--
+		Local-dev variant using an import map so the JS imports the package by its
+		bare specifier ("@farberg/reveal-template/init-reveal.js") rather than a
+		relative path. This mirrors how a bundler (Vite, Rollup) resolves it, and
+		makes migration to a bundler a no-op for this file.
+
+		The import map remaps the bare prefix to "../" (the repo root, since
+		this HTML lives in docs/). basePath stays "../" because that's where
+		node_modules lives relative to this document.
+	-->
+	<script type="importmap">
+	{
+		"imports": {
+			"@farberg/reveal-template/": "../"
+		}
+	}
+	</script>
 	<script type="module">
-		import { initReveal } from '../init-reveal.js'
+		import { initReveal } from '@farberg/reveal-template/init-reveal.js'
 		initReveal({
-			jsPrefixPath: "../",
-			cssPrefixPath: "../",
-			cssThemePrefixPath: "../",
-			revealPath: "../node_modules/reveal.js/",
+			basePath: "../",
 			verbose: true
 		});
 	</script>
@@ -23,10 +38,6 @@
 <body>
 	<div class="reveal">
 		<div class="slides">
-			<section data-markdown>
-				<textarea data-template>
-				</textarea>
-			</section>
 		</div>
 	</div>
 </body>

package/docs/npm.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 
 <head>
@@ -7,17 +8,23 @@
 	<meta name="viewport"
 		content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, minimal-ui">
 
-	<link rel="stylesheet" href="node_modules/reveal.js/dist/reveal.css">
-	<link rel="stylesheet" href="node_modules/reveal.js/plugin/highlight/zenburn.css">
-	<link rel="stylesheet" href="node_modules/@farberg/reveal-template/css/dhbw.css" id="theme">
+	<!--
+		In a real slides project that installs @farberg/reveal-template via npm,
+		your HTML sits next to node_modules/ and the boilerplate is just:
 
+			<script type="module">
+				import { initReveal } from './node_modules/@farberg/reveal-template/init-reveal.js'
+				initReveal()
+			</script>
+
+		The example below mirrors that, but inside this repo: init-reveal.js is
+		one directory up (../init-reveal.js) and so is node_modules (basePath: "../").
+		Stylesheets are added by init-reveal.js; no <link> tags needed here.
+	-->
 	<script type="module">
 		import { initReveal } from '../init-reveal.js'
 		initReveal({
-			jsPrefixPath: "../",
-			cssPrefixPath: "../",
-			cssThemePrefixPath: "../",
-			revealPath: "../node_modules/reveal.js/",
+			basePath: "../",
 			verbose: true
 		});
 	</script>