Add documentation to application

justfile

@@ -22,6 +22,7 @@ wordlist-build:
     . wordlist/venv/bin/activate && cd wordlist && for i in *.py; do "./${i}"; done
 
 js-build: output-clean wasm-build docs-build
+    for f in "${PWD}/web-frontend/src/lib/docs/"*.html; do ./web-frontend/node_modules/.bin/inliner "${f}" >"${f}-2" && mv -v -- "${f}-2" "${f}"; done
     yarn --cwd ./web-frontend/ build
     rsync -ha ./web-frontend/build/ ./build/
 

web-frontend/package.json

@@ -20,6 +20,7 @@
 		"eslint-config-prettier": "^8.5.0",
 		"eslint-plugin-svelte3": "^4.0.0",
 		"html-minifier": "^4.0.0",
+		"inliner": "^1.13.1",
 		"leaflet": "^1.9.3",
 		"postcss": "^8.4.21",
 		"prettier": "^2.8.0",

web-frontend/src/routes/+layout.svelte

@@ -29,10 +29,7 @@
 			<div class="block">
 				<div class="text-sm">
 					<a href="/" class="block inline-block text-white hover:text-gray-500 mr-4 p-2">Home</a>
-					<a
+					<a href="/docs" class="block inline-block text-white hover:text-gray-500 mr-4 p-2">Docs</a
-						href="/docs"
-						class="block inline-block text-white hover:text-gray-500 mr-4 p-2"
-						>Docs</a
 					>
 					<a href="/app" class="block inline-block text-white hover:text-gray-500 mr-4 p-2">App</a>
 				</div>

web-frontend/src/routes/docs/+page.svelte

@@ -1,9 +1,7 @@
 <a href="/docs/algorithm" class="block inline-block text-white hover:text-gray-500 mr-4 p-2"
 	>Algorithm</a
 >
-<a href="/docs/design" class="block inline-block text-white hover:text-gray-500 mr-4 p-2"
+<a href="/docs/design" class="block inline-block text-white hover:text-gray-500 mr-4 p-2">Design</a>
-	>Design</a
->
 <a href="/docs/wordlist" class="block inline-block text-white hover:text-gray-500 mr-4 p-2"
 	>Wordlist</a
 >