Add example index.html and Caddyfile for development

To make it easier to develop the navbar, add an example html file with Caddyfile to serve the files.

Add example index.html and Caddyfile for development
To make it easier to develop the navbar, add an example html file with Caddyfile to serve the files.
229541c0 · Jelle van der Waa · a6008aeb · 229541c0 · 229541c0 · 229541c0
Verified Commit 229541c0 authored Nov 05, 2021 by Jelle van der Waa 🚧
--- a/Caddyfile
+++ b/Caddyfile
+http://localhost:8000
+
+log 
+
+encode gzip
+
+handle /css/*.svg {
+	uri replace css img
+}
+
+file_server
--- a/README.md
+++ b/README.md
 # Arch Linux common CSS Styles

 Common Arch Linux SASS and CSS styles.
+
+## Navbar development
+
+```
+make sass-watcher
+caddy
+xdg-open http://localhost:8000/example/index.html
+```
--- a/example/index.html
+++ b/example/index.html
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width">
+		<title>Arch Linux Navigation Bar</title>
+		<link rel="stylesheet" href="../css/navbar.css" type="text/css" media="screen" title="no title" charset="utf-8">
+	</head>
+	<body>
+	</body>
+
+	<script>
+		document.addEventListener('DOMContentLoaded', (event) => {
+			fetch("/html/navbar.html")
+			.then(response => {
+				return response.text()
+			})
+			.then(data => {
+				document.querySelector("body").innerHTML = data;
+			});
+		});
+	</script>
+</html>