zs-starter-template/slides/TestSlides.html
2024-03-03 05:40:13 +00:00

111 lines
2.2 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Test Slide</title>
<meta name="title" content="Test Slide" />
<meta name="description" content="A starter template for the Zen Static (zs) site generator" />
<meta name="keywords" content="zen, static, zs, starter, template, site, website, template, generator, ssg" />
<link rel="stylesheet" href="/assets/reveal.js/css/reset.css">
<link rel="stylesheet" href="/assets/reveal.js/css/reveal.css">
<link rel="stylesheet" href="/assets/reveal.js/css/theme/black.css">
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="/assets/reveal.js/plugin/highlight/monokai.css">
</head>
<body>
<div class="reveal">
<div class="slides">
<section data-markdown data-separator="^\r?\n---\r?\n$" data-separator-vertical="^\r?\n----\r?\n$"
data-separator-notes="^Note:">
<textarea data-template>
# Test Slide
Main Slide
---
## Slide 1
Slide 1
----
### Sub-slide 1
Sub-slide 1
----
### Sub-slide 2
Sub-slide 2
---
## Slide 2
Slide 2
---
## Slide 3
- Item 1 <!-- .element: class="fragment" data-fragment-index="1" -->
- Item 2 <!-- .element: class="fragment" data-fragment-index="2" -->
- Item 3 <!-- .element: class="fragment" data-fragment-index="3" -->
---
## 🍦
<!-- .slide: data-background-color="aquamarine" -->
---
## Example Code
```go
package main
import "fmt"
func main() {
fmt.Println("Hello World!")
}
```
---
## The End
The End
</textarea>
</section>
</div>
</div>
<script src="/assets/reveal.js/js/reveal.js"></script>
<script src="/assets/reveal.js/plugin/notes/notes.js"></script>
<script src="/assets/reveal.js/plugin/markdown/markdown.js"></script>
<script src="/assets/reveal.js/plugin/highlight/highlight.js"></script>
<script>
// More info about initialization & config:
// - https://revealjs.com/initialization/
// - https://revealjs.com/config/
Reveal.initialize({
hash: true,
slideNumber: true,
// Learn about plugins: https://revealjs.com/plugins/
plugins: [RevealMarkdown, RevealHighlight, RevealNotes]
});
</script>
</body>
</html>