.gitignore

@@ -1,3 +1,4 @@
 public
 static/processed_images
+Makefile
 *.swp

sass/_filters.scss

@@ -6,7 +6,6 @@
 
 	input {
 		padding: .6em 1em;
-		font-family: inherit;
 		font-size: 1em;
 		background: #fff;
 		border: 1px solid $border;

templates/search.html

@@ -19,17 +19,23 @@
 <script>
 let input = document.getElementById("input");
 input.oninput = function() { filter_name(input.value) };
-let articles = Array.from(document.getElementsByTagName("article"));
+let articles = document.getElementsByTagName("article");
 
-articles.forEach(article => article.dataset.title = article.dataset.title.normalize("NFD").replace(/\p{Diacritic}/gu, ""));
+for (let i=0; i<articles.length; i++) {
+	articles[i].dataset.title = articles[i].dataset.title.normalize("NFD").replace(/\p{Diacritic}/gu, "");
+}
 
 function filter_name(str) {
 	str = str.toLowerCase().normalize("NFD").replace(/\p{Diacritic}/gu, "");
 
 	if (str.length==0) {
-		articles.forEach(article => article.style.display = "flex");
+		for (let i=0; i<articles.length; i++) {
+			articles[i].style.display = "flex";
+		}
 	} else {
-		articles.forEach(article => article.style.display = article.dataset.title.indexOf(str.toLowerCase()) === -1 ? "none" : "flex");
+		for (let i=0; i<articles.length; i++) {
+			articles[i].style.display = !articles[i].dataset.title.includes(str) ? "none" : "flex";
+		}
 	}
 }
 </script>