From be51b263da0d30ded1e543c9dda12cb7b8b997f2 Mon Sep 17 00:00:00 2001
From: James Mills <1290234+prologic@users.noreply.github.com>
Date: Thu, 30 Mar 2023 00:10:49 +1000
Subject: [PATCH] Add full slide example borrowed form hedgedoc
---
SlideExample.md | 274 ++++++++++++++++++++++++++++++++++++++++++++++++
index.md | 1 +
2 files changed, 275 insertions(+)
create mode 100644 SlideExample.md
diff --git a/SlideExample.md b/SlideExample.md
new file mode 100644
index 0000000..27224d5
--- /dev/null
+++ b/SlideExample.md
@@ -0,0 +1,274 @@
+---
+title: Slide Example
+description: Full Slide Example
+layout: slides.html
+---
+
+# Slide example
+
+This full slide example was borrowed from [HedgeDoc](https://hedgedoc.org/)
+and made to work with [zs](https://git.mills.io/prologic/zs) using [reveal.js](https://https://revealjs.com/).
+
+---
+
+## First slide
+
+`---`
+
+Is the divider of slides
+
+----
+
+### First branch of first the slide
+
+`----`
+
+Is the divider of branches
+
+Use the *Space* key to navigate through all slides.
+
+----
+
+### Second branch of first the slide
+
+Nested slides are useful for adding additional detail underneath a high-level horizontal slide.
+
+---
+
+## Point of View
+
+Press **ESC** to enter the slide overview.
+
+---
+
+## Touch Optimized
+
+Presentations look great on touch devices, like mobile phones and tablets. Simply swipe through your slides.
+
+---
+
+## Fragments
+
+``
+
+Is the fragment syntax
+
+Hit the next arrow...
+
+... to step through ...
+
+... a fragmented slide.
+
+Note:
+ This slide has fragments which are also stepped through in the notes window.
+
+---
+
+## Fragment Styles
+
+There are different types of fragments, like:
+
+grow
+
+shrink
+
+fade-out
+
+fade-up (also down, left and right!)
+
+current-visible
+
+Highlight red blue green
+
+---
+
+
+
+## Transition Styles
+Different background transitions are available via the transition option. This one's called "zoom".
+
+``
+
+Is the transition syntax
+
+You can use:
+
+none/fade/slide/convex/concave/zoom
+
+---
+
+
+
+``
+
+Also, you can set different in/out transition
+
+You can use:
+
+none/fade/slide/convex/concave/zoom
+
+postfix with `-in` or `-out`
+
+---
+
+
+
+``
+
+Custom the transition speed!
+
+You can use:
+
+default/fast/slow
+
+---
+
+## Themes
+
+reveal.js comes with a few themes built in:
+
+Black (default) - White - League - Sky - Beige - Simple
+
+Serif - Blood - Night - Moon - Solarized
+
+It can be set in YAML slideOptions
+
+---
+
+
+
+``
+
+Is the background syntax
+
+---
+
+
+
+
+
+## Image Backgrounds
+
+``
+
+
+
+----
+
+
+
+
+
+## Tiled Backgrounds
+
+``
+
+
+
+----
+
+
+
+
+
+## Video Backgrounds
+
+``
+
+
+
+----
+
+
+
+## ... and GIFs!
+
+---
+
+## Pretty Code
+
+``` javascript
+function linkify( selector ) {
+ if( supports3DTransforms ) {
+
+ const nodes = document.querySelectorAll( selector );
+
+ for( const i = 0, len = nodes.length; i < len; i++ ) {
+ var node = nodes[i];
+
+ if( !node.className ) {
+ node.className += ' roll';
+ }
+ }
+ }
+}
+```
+Code syntax highlighting courtesy of [highlight.js](http://softwaremaniacs.org/soft/highlight/en/description/).
+
+---
+
+## Marvelous List
+
+- No order here
+- Or here
+- Or here
+- Or here
+
+---
+
+## Fantastic Ordered List
+
+1. One is smaller than...
+2. Two is smaller than...
+3. Three!
+
+---
+
+## Tabular Tables
+
+| Item | Value | Quantity |
+| ---- | ----- | -------- |
+| Apples | $1 | 7 |
+| Lemonade | $2 | 18 |
+| Bread | $3 | 2 |
+
+---
+
+## Clever Quotes
+
+> “For years there has been a theory that millions of monkeys typing at random on millions of typewriters would reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue.”
+
+---
+
+## Intergalactic Interconnections
+
+You can link between slides internally, [like this](#/1/3).
+
+---
+
+## Speaker
+
+There's a [speaker view](https://github.com/hakimel/reveal.js#speaker-notes). It includes a timer, preview of the upcoming slide as well as your speaker notes.
+
+Press the *S* key to try it out.
+
+Note:
+ Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit `s` on your keyboard).
+
+---
+
+## Take a Moment
+
+Press `B` or `.` on your keyboard to pause the presentation. This is helpful when you're on stage and want to take distracting slides off the screen.
+
+---
+
+## Print your Slides
+
+Down below you can find a print icon.
+
+After you click on it, use the print function of your browser (either CTRL+P or cmd+P) to print the slides as PDF. [See official reveal.js instructions for details](https://github.com/hakimel/reveal.js#instructions-1)
+
+---
+
+# The End
diff --git a/index.md b/index.md
index 607c680..ca3ba75 100644
--- a/index.md
+++ b/index.md
@@ -76,6 +76,7 @@ With the [wikilinks][wikilinks] extension you can link to other pages more easil
### We can even do slides!
+- [[SlideExample]]
- [[TestSlides]]
## License