No more inline styles and scripts

footer.html

@@ -12,62 +12,8 @@
 				</small>
 			</footer>
 			<script src="https://siphalor.de/assets/js/main.js" defer="defer"></script>
-			<script src="/Nginx-Fancyindex-Theme/marked.min.js"></script>
-			<script>
-				let directoryHeading = document.getElementById("directory");
-				let directory = directoryHeading.innerHTML;
-				document.title = "Directory Listing for " + directory;
-
-				let table = document.getElementById("list");
-
-				if (table.tBodies[0].rows[0].cells[0].children[0].innerHTML == "Parent directory/") {
-					directoryHeading.innerHTML = directory.replaceAll(/[^/]+/g, (match, offset) =>
-						`<a href="${directory.substr(0, offset+match.length+1)}">${match}</a>`
-					);
-				}
-
-				let searchContainer = document.getElementById("search-container");
-				searchContainer.remove();
-				table.before(searchContainer);
-				searchContainer.hidden = false;
-				let searchInput = document.getElementById("search-input");
-				searchInput.addEventListener("input", filterTable);
-				filterTable();
-
-				function filterTable() {
-					let value = searchInput.value.toLowerCase();
-					let rows = table.tBodies[0].rows;
-					if (value) {
-						for (let row of rows) {
-							row.hidden = row.cells[0].children[0].innerHTML.toLowerCase()
-									.indexOf(value) < 0;
-						}
-					} else {
-						for (let row of rows) {
-							row.hidden = false;
-						}
-					}
-				}
-
-				fetch("README.md").then(response => {
-					if (response.ok) {
-						response.text().then(text => {
-							let description = document.createElement("details");
-							description.innerHTML = marked.parse(text);
-							let summary = document.createElement("summary");
-							summary.innerHTML = "Description";
-							description.prepend(summary);
-							directoryHeading.after(description);
-						});
-					}
-				});
-
-				[...document.querySelectorAll(".link a")].forEach(link => {
-					if (link.href.endsWith(".ics")) {
-						link.href = link.href.replace(/https?/, "webcal");
-					}
-				})
-			</script>
+			<script src="/Nginx-Fancyindex-Theme/marked.min.js" defer="defer"></script>
+			<script src="/Nginx-Fancyindex-Theme/index.js" defer="defer"></script>
 		</div>
 	</body>
 </html>