Add course side nav with page navigation

2021-05-08 11:47:18 +03:00
parent ae1f51684e
commit 026be1911f
29 changed files with 884 additions and 594 deletions
@@ -0,0 +1,38 @@
+<script>
+  import marked from "marked";
+  import PageNav from "../PageNav/index.svelte";
+
+  const readme = `
+# Introduction
+ Welcome to this course, we are glad you made it here
+
+ ## What you'l learn
+
+      1. Build powerful, fast, user-friendly and reactive web apps.
+      2. Provide amazing user experiences by leveraging the power of JavaScript with ease.
+      3. Apply for high-paid jobs or work as a freelancer in one the most-demanded sectors you can find in web dev right now.
+      4. Learn all about React Hooks and React Components.
+`;
+</script>
+
+<div class="root">
+  <PageNav title="Overview" />
+
+  <div class="body">
+    {@html marked(readme, {
+      breaks: true,
+      gfm: true,
+    })}
+  </div>
+</div>
+
+<style>
+  .root {
+    width: 100%;
+  }
+
+  .body {
+    max-width: 600px;
+    margin: 10px;
+  }
+</style>