Simple presentations with Markdown

note, Jun 21, 2023 on Mitja Felicijan's blog

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.

<!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.

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.
+