Update tutorial.html

Jamster3000 · Sep 29, 2024 · 72034d2 · 72034d2
1 parent 870e30f
commit 72034d2
Showing 1 changed file with 1 addition and 41 deletions.
diff --git a/public/pages/tutorial.html b/public/pages/tutorial.html
@@ -8,47 +8,7 @@
   <link rel="stylesheet" href="../styles/tutorial.css">
   <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
   <script src="../components/components.js"></script>
-  <script>
-    document.addEventListener("DOMContentLoaded", async function () {
-        const tutorialContent = document.getElementById('tutorial-content');
-        const tutorialTitle = document.getElementById('tutorial-title');
-
-        function getQueryParam(param) {
-            const urlParams = new URLSearchParams(window.location.search);
-            return urlParams.get(param);
-        }
-
-        async function fetchMarkdownFile(filename) {
-            const response = await fetch(`../tutorials/${filename}`);
-            if (!response.ok) {
-                throw new Error(`Error fetching ${filename}`);
-            }
-            return await response.text();
-        }
-
-        try {
-            const file = getQueryParam('file');
-            if (!file) {
-                throw new Error('No file specified in query parameter.');
-            }
-            const markdown = await fetchMarkdownFile(file);
-            const htmlContent = marked.parse(markdown);
-
-            // Display title dynamically from the filename
-            const title = file.split('-').slice(3).join(' ').replace('.md', '');
-            if (tutorialTitle) {
-                tutorialTitle.textContent = title;
-            } else {
-                console.error('Element with ID "tutorial-title" not found.');
-            }
-
-            tutorialContent.innerHTML = htmlContent;
-        } catch (error) {
-            console.error('Error loading tutorial:', error);
-            tutorialContent.innerHTML = '<p>Sorry, this tutorial could not be loaded.</p>';
-        }
-    });
-  </script>
+  <script src="../scripts/tutorial.js"></style>
 </head>
 <body>
   <div id="header-placeholder"></div>