1 files changed, 77 insertions, 0 deletions
diff --git a/content/notes/2023-06-21-presentations-with-markdown.md b/content/notes/2023-06-21-presentations-with-markdown.md
new file mode 100644
index 0000000..a264eec
--- /dev/null
+++ b/content/notes/2023-06-21-presentations-with-markdown.md
@@ -0,0 +1,77 @@
+---
+title: "Simple presentations with Markdown"
+url: /presentations-with-markdown.html
+date: 2023-06-21T08:54:48+02:00
+type: note
+draft: false
+---
+A simple way to make presentations without using desktop apps or using online
+services is https://github.com/remarkjs/remark.
+First create `index.html` and be sure you make changes to `config` variable.
+```html
+<!DOCTYPE html>
+<html>
+<head>
+    <title></title>
+    <meta charset="utf-8">
+    <style>
+        body {
+            font-family: 'SF Pro Display';
+        }
+        .remark-code,
+        .remark-inline-code {
+            font-family: 'SF Mono';
+            font-size: medium;
+            background-color: gainsboro;
+            border-radius: 5px;
+            padding: 0 5px;
+        }
+    </style>
+</head>
+<body>
+    <textarea id="source"></textarea>
+    <script src="https://remarkjs.com/downloads/remark-latest.min.js"></script>
+    <script>
+                const config = {
+                        title: 'My presentation',
+                        file: 'presentation.md',
+                };
+        
+                document.title = config.title;
+        remark.create({ sourceUrl: config.file });
+    </script>
+</body>
+</html>
+```
+Now the markdown file `presentation.md` with presenetation. `---` is used to
+separate slides. Other stuff is just pure markdown.
+```md
+class: center, middle
+# Main title of the presentation
+---
+# Fist slide
+Eveniet mollitia nemo architecto rerum aut iure iste. Sit nihil nobis libero iusto fugit nam laudantium ut. Dignissimos corrupti laudantium nisi.
+- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+- Integer aliquet mauris a felis fringilla, ut congue massa finibus.
+---
+# Slide two
+- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+- Vestibulum eget leo ac dolor venenatis pulvinar.
+```

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