aboutsummaryrefslogtreecommitdiff
path: root/_posts/notes/2023-06-21-presentations-with-markdown.md
diff options
context:
space:
mode:
Diffstat (limited to '_posts/notes/2023-06-21-presentations-with-markdown.md')
-rw-r--r--_posts/notes/2023-06-21-presentations-with-markdown.md79
1 files changed, 0 insertions, 79 deletions
diff --git a/_posts/notes/2023-06-21-presentations-with-markdown.md b/_posts/notes/2023-06-21-presentations-with-markdown.md
deleted file mode 100644
index 9c4fa22..0000000
--- a/_posts/notes/2023-06-21-presentations-with-markdown.md
+++ /dev/null
@@ -1,79 +0,0 @@
1---
2title: "Simple presentations with Markdown"
3permalink: /presentations-with-markdown.html
4date: 2023-06-21T08:54:48+02:00
5layout: post
6type: note
7draft: false
8tags: [random]
9---
10
11A simple way to make presentations without using desktop apps or using online
12services is https://github.com/remarkjs/remark.
13
14First create `index.html` and be sure you make changes to `config` variable.
15
16```html
17<!DOCTYPE html>
18<html>
19
20<head>
21 <title></title>
22 <meta charset="utf-8">
23 <style>
24 body {
25 font-family: 'SF Pro Display';
26 }
27
28 .remark-code,
29 .remark-inline-code {
30 font-family: 'SF Mono';
31 font-size: medium;
32 background-color: gainsboro;
33 border-radius: 5px;
34 padding: 0 5px;
35 }
36 </style>
37</head>
38
39<body>
40 <textarea id="source"></textarea>
41 <script src="https://remarkjs.com/downloads/remark-latest.min.js"></script>
42 <script>
43 const config = {
44 title: 'My presentation',
45 file: 'presentation.md',
46 };
47
48 document.title = config.title;
49 remark.create({ sourceUrl: config.file });
50 </script>
51</body>
52
53</html>
54```
55
56Now the markdown file `presentation.md` with presenetation. `---` is used to
57separate slides. Other stuff is just pure markdown.
58
59```md
60class: center, middle
61
62# Main title of the presentation
63
64---
65
66# Fist slide
67
68Eveniet mollitia nemo architecto rerum aut iure iste. Sit nihil nobis libero iusto fugit nam laudantium ut. Dignissimos corrupti laudantium nisi.
69
70- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
71- Integer aliquet mauris a felis fringilla, ut congue massa finibus.
72
73---
74
75# Slide two
76
77- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
78- Vestibulum eget leo ac dolor venenatis pulvinar.
79```