Merge pull request #2 from J-onasJones/prefers-color-scheme

merge to main

src/lib/components/Footer.svelte

@@ -1,3 +1,7 @@
+<script>
+	import "$lib/styles/style.css";
+</script>
+
 <!-- Footer.svelte -->
 <footer>
 	<a href="/">Home</a>
@@ -16,10 +20,6 @@
 	</nav>
 </footer>
 
-<script>
-	import '$lib/styles/style.css';
-</script>
-
 <style>
 	footer {
 		padding: 1rem;

src/lib/components/Header.svelte

@@ -1,7 +1,10 @@
 <!-- Header.svelte -->
 <header>
 	<div class="header-title">
-		<a href="/"><img src="/favicon.png" alt="logo" width="50" height="50"><h1 style="">wiki.jonasjones.dev</h1></a>
+		<a href="/"
+			><img src="/favicon.png" alt="logo" width="50" height="50" />
+			<h1 style="">wiki.jonasjones.dev</h1></a
+		>
 	</div>
 	<nav>
 		<ul>
@@ -45,10 +48,10 @@
 	}
 
 	h1 {
-		font-size:35px;
-		padding:0;
-		margin:0;
-		margin-left:20px;
+		font-size: 35px;
+		padding: 0;
+		margin: 0;
+		margin-left: 20px;
 		float: left;
 	}
 

src/lib/components/Navbar.svelte

@@ -1,23 +1,33 @@
 <script>
-	let data = import.meta.glob('/src/routes/**/+page.md');
+	// @ts-nocheck
+
+	let data = import.meta.glob("/src/routes/**/+page.md");
 	let paths = data;
-  
+
+	/**
+	 * @param {Record<string, () => Promise<unknown>>} paths
+	 */
 	function buildHierarchy(paths) {
 		const nestedList = {};
 		let fixedpaths = [];
+		/**
+		 * @type {string[]}
+		 */
 		let fixedpaths2 = [];
 		fixedpaths = Object.keys(paths);
 		fixedpaths.forEach((path) => {
-			const fixedpath = path.replace("/+page.md", "").replace("/src/routes", "");
+			const fixedpath = path
+				.replace("/+page.md", "")
+				.replace("/src/routes", "");
 			fixedpaths2.push(fixedpath);
 		});
 		fixedpaths2.forEach((folder) => {
-			const parts = folder.split('/').filter(Boolean);
+			const parts = folder.split("/").filter(Boolean);
 			let currentNode = nestedList;
 
 			parts.forEach((part) => {
 				if (!currentNode[part]) {
-				currentNode[part] = {};
+					currentNode[part] = {};
 				}
 				currentNode = currentNode[part];
 			});
@@ -26,17 +36,25 @@
 		return nestedList;
 	}
 
-  const nestedFolders = buildHierarchy(paths);
+	const nestedFolders = buildHierarchy(paths);
 
-  // Helper function to recursively render the nested list
-  function renderNestedList(node, prefix = '') {
-    return Object.keys(node).map((key) => {
-      const fullPath = `${prefix}/${key}`;
-      return `<li><a href="${fullPath}">${key}</a><ul>${renderNestedList(node[key], fullPath)}</ul></li>`;
-    }).join('');
-  }
+	// Helper function to recursively render the nested list
+	/**
+	 * @param {{ [x: string]: any; }} node
+	 */
+	function renderNestedList(node, prefix = "") {
+		return Object.keys(node)
+			.map((key) => {
+				const fullPath = `${prefix}/${key}`;
+				return `<li><a href="${fullPath}">${key}</a><ul>${renderNestedList(
+					node[key],
+					fullPath
+				)}</ul></li>`;
+			})
+			.join("");
+	}
 
-  const renderedList = `<ul>${renderNestedList(nestedFolders)}</ul>`;
+	const renderedList = `<ul>${renderNestedList(nestedFolders)}</ul>`;
 </script>
 
 <div class="container navbar">
@@ -46,4 +64,4 @@
 			{@html renderedList}
 		</div>
 	</div>
-</div>
+</div>

src/lib/styles/style.css

@@ -1,14 +1,12 @@
 /* style.css */
-
 @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');
 
 @font-face {
-  font-family: 'sary_soft_semiboldregular';
-  src: url('/font/sary-soft.soft-semibold-webfont.woff2') format('woff2'),
-       url('/font/sary-soft.soft-semibold-webfont.woff') format('woff');
-  font-weight: normal;
-  font-style: normal;
-
+	font-family: 'sary_soft_semiboldregular';
+	src: url('/font/sary-soft.soft-semibold-webfont.woff2') format('woff2'),
+		url('/font/sary-soft.soft-semibold-webfont.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
 }
 
 :root {
@@ -49,6 +47,7 @@ body {
 main {
 	padding: 2rem;
 	margin: 2rem;
+	margin-top: 0;
 	background-color: var(--container-background-color);
 	border-radius: 0.5rem;
 	float: left;
@@ -63,46 +62,46 @@ main {
 	margin: 2rem;
 	background-color: var(--container-background-color);
 	border-radius: 0.5rem;
-	overflow:visible;
-  }
+	overflow: visible;
+}
 
-  .flex_grow {
+.flex_grow {
 	flex-grow: 1;
-  }
+}
 
-  .navbar {
+.navbar {
 	float: left;
 	padding: 2rem;
-  }
+}
 
-  ul {
+ul {
 	padding-left: 10px;
-  }
+}
 
-  .container {
+.container {
 	display: flex;
-  }
-  
-  .row:after {
+}
+
+.row:after {
 	content: "";
 	display: table;
 	clear: both;
-  }
+}
 
-  .not-selectable {
+.not-selectable {
 	-webkit-touch-callout: none;
 	-webkit-user-select: none;
 	-khtml-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
-  }
+}
 
-  a {
+a {
 	color: var(--link-text-color);
 	text-decoration: none;
-  }
+}
 
-  a:hover {
+a:hover {
 	color: var(--text-color);
-  }
+}

src/routes/+layout.svelte

@@ -1,10 +1,10 @@
 <script>
-	import Header from '$lib/components/Header.svelte';
-    import Footer from '$lib/components/Footer.svelte';
-    import Navbar from '$lib/components/Navbar.svelte';
-
+    import Header from "$lib/components/Header.svelte";
+    import Footer from "$lib/components/Footer.svelte";
+    import Navbar from "$lib/components/Navbar.svelte";
 </script>
-<div style="height:2rem"></div>
+
+<div style="height:2rem" />
 <Header />
 <div class="container">
     <div class="column"><Navbar /></div>
@@ -12,10 +12,16 @@
         <main>
             <slot />
             <!-- Please god forgive me -->
-            <h1 style="color: var(--container-background-color);margin:0;padding:0" class="unselectable">YOU CANT SEE THIS YOU CANT SEE THIS YOU CANT SEE THIS YOU CANT SEE THIS</h1>
+            <h1
+                style="color: var(--container-background-color);margin:0;padding:0"
+                class="unselectable"
+            >
+                YOU CANT SEE THIS YOU CANT SEE THIS YOU CANT SEE THIS YOU CANT
+                SEE THIS
+            </h1>
         </main>
     </div>
 </div>
 
 <Footer />
-<div style="height:2rem"></div>
+<div style="height:2rem" />

src/routes/+page.md

@@ -4,6 +4,8 @@ Every project of mine that requires a wiki will be hosted here.
 
 ---
 
+If you notice any bugs, mistakes, or have any suggestions, feel free to open an issue on [GitHub](https://github.com/J-onasJones/wiki.jonasjones.dev/issues).
+
 <script>
   import Navbar from '$lib/components/Navbar.svelte';
 </script>

src/routes/Microcraft/+page.md

@@ -1,8 +0,0 @@
-# Microcraft
----
-
-A mod that aims to provide tools to connect Microcontrollers to Minecraft.
-
-This is still in the making but a wiki page will be made soon.
-
-As of right now, only the GitHub wiki has been copied over.

src/routes/Microcraft/BoardProgramEditors/+page.md

@@ -1,16 +0,0 @@
-# > Board Program Editors
----
-
-A Board Program Editor is an editor that will be used to edit the Program that will be uploaded to the Microcontroller. This mod offers a sample program for each board that will manually be updated as pi-map entries are added by the user.
-### Available Editors
-The available editors and their ID for the config file are:
-
-| Editor        | config ID           | Default  |
-| ------------- |:-------------:| -----:|
-| The ingame editor provided by the mod itself | `igname` | YES |
-| Arduino IDE | `arduinoide` | - |
-| Notepad++ | `notepadpp` | - |
-| Visual Studio Code | `code` | - |
-| Sublime Text | `sublime` | - |
-| Custom editor | `custom` | - |
-| Open in file explorer | `filepath` | - |

src/routes/Microcraft/MicrocontrollerBoards/+page.md

@@ -1,24 +0,0 @@
-# > Microcontroller Boards
----
-
-### Supported Boards
-As of the latest version the following boards are supported (and their's ID's for the config file):
-- Arduino Nano [tested]: `A-nano`
-- Arduino Pro Mini: `A-pro_mini`
-- Arduino Uno: `A-uno`
-
-| Board Name | config ID | Default |
-| ------------- |:-------------:| -----:|
-| Arduino Nano | `A-nano` | YES |
-| Arduino Pro Mini | `A-pro_mini` | - |
-| Arduino Uno | `A-uno` | - |
-
-### Planned Boards
-The following boards are planned to be added to the mod but are not yet implemented:
-- Raspberry PI Pico
-- Arduino Micro
-- Arduino Zero
-
-### What to do if my Microcontroller is not (yet) supported?
-The mod offers a way for you to manually map functions to pins. Just select the `Custom` Board and add a pin entry.
-You can also write an issue and **mark it as a board-request**

src/routes/Microcraft/PinmapEntries/+page.md

@@ -1,10 +0,0 @@
-# > Pin Map Entries
----
-
-A Pin-Map-Entry is an entry that can be mapped to a pin of a Microcontroller.
-### List of all Entries
-All currently supported entries are:
-- no entries //TODO for later me: add entries (shout at me if I forget to add them when the first official version of the mod get's released and this is still not updated)
-
-### Not supported Entries
-If an entry is not supported by the mod it cannot be used natively. There are plans for a library that can be implemented into any mod to make any entry possible. This would open the doors to the implementation of any (even mod-specific) feature. BUT: Don't get too excited yet, it's only a plan.

src/routes/Minecraft-Server-Status/+page.md

@@ -1,16 +0,0 @@
-# Minecraft-server-Status
----
-
-This small python script allows you to view any Minecraft server's status Information
-##### Usage
-Download the file, install python (if not already installed), install `mcstatus` (`pip install mcstatus`) and `time` (`pip install time`) and launch the program by executing it with `python cmd.py` on windows and `python3 cmd.py` on MacOS and Linux (replace 'cmd.py' with correct filename). Make sure that you first locate your download location with the command `cd Downloads` (replace 'Downloads' with your custom location if needed).
-
-##### Status Infos
-1. Minecraft Version
-2. MOTD (message of the day)
-3. host (IP address of the server and port)
-4. Software (Minecraft version and Mod/Plugin Loader if any installed on the server)
-5. Plugins (if any installed)
-6. Ping (number of miliseconds it took for the script to reach the server)
-7. Players (`online Players`/`Max Players`)
-8. Players Online (list of online Players)