From cd6644ea4ddc78597934ab0ef5ba50e3c3daa927 Mon Sep 17 00:00:00 2001 From: Mitja Felicijan Date: Sat, 8 Jul 2023 23:25:41 +0200 Subject: Moved to a simpler SSG --- public/presentations-with-markdown.html | 69 +++++++++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100755 public/presentations-with-markdown.html (limited to 'public/presentations-with-markdown.html') diff --git a/public/presentations-with-markdown.html b/public/presentations-with-markdown.html new file mode 100755 index 0000000..470ed59 --- /dev/null +++ b/public/presentations-with-markdown.html @@ -0,0 +1,69 @@ +Simple presentations with Markdown

Simple presentations with Markdown

Jun 21, 2023

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.
+
\ No newline at end of file -- cgit v1.2.3