Add image examples and rename markdown to slides.md

2024-04-22 21:18:54 +02:00 · 2024-04-22 21:18:54 +02:00 · ae81566782
parent 4b29dbfb42
commit ae81566782
5 changed files with 34 additions and 22 deletions
--- a/_template/img/512px-Privacy_icon.svg.png
+++ b/_template/img/512px-Privacy_icon.svg.png
--- a/_template/img/Privacy_icon.svg
+++ b/_template/img/Privacy_icon.svg
--- a/_template/index.html
+++ b/_template/index.html
@ -7,7 +7,7 @@
  <link rel="stylesheet" href="node_modules/reveal.js/dist/reveal.css" />
  <link
    rel="stylesheet"
-    href="node_modules/reveal.js/dist/theme/black.css"
+    href="node_modules/reveal.js/dist/theme/white.css"
  />
  <script src="node_modules/reveal.js/dist/reveal.js"></script>
  <script src="node_modules/reveal.js/plugin/markdown/markdown.js"></script>
@ -16,9 +16,8 @@
 <body>
 <div class="reveal">
  <div class="slides">
-    <section data-markdown="index.md"
-             data-separator="^\r?\n\r?\n\r?\n"
-             data-separator-vertical="^\r?\n\r?\n"
+    <section data-markdown="slides.md"
+             data-separator-vertical="^\r?\n--\r?\n$"
             data-separator-notes="^Note:"
             data-charset="utf-8">
    </section>
--- a/_template/index.md
+++ b/_template/index.md
@ -1,18 +0,0 @@
-## Slide 1
-
-todo:
-
- fix hot reload for md files
- add examples for images etc.
-
-
-## Slide 2
-
-## noch eine Überschrift
-
-
-## Slide 3
-
-
-
-## First horizontal
--- a/_template/slides.md
+++ b/_template/slides.md
@ -0,0 +1,31 @@
+## Slide 1
+
+todo:
+
+- fix hot reload for md files
+- add examples for images etc.
+
+--
+
+## Slide 2
+### Insert images from svg
+
+![Free privacy icon from wikimedia](img/Privacy_icon.svg "This is a vector graphic.")
+
+--
+
+### ... and from a pixel graphic
+
+![Free privacy icon from wikimedia](img/512px-Privacy_icon.svg.png "This is a pixel graphic made from the svg.")
+
+--
+
+## noch eine Überschrift
+
+
+## Slide 3
+
+---
+
+
+## First horizontal