Fix variabilní velikosti obrázků náhledu

Normalizace názvu probíhá na klientovi, ale lepší by bylo napsat filtr
to Teru, který provede normalizaci při kompilování webu.

sass/style.scss

@@ -148,6 +148,7 @@ main {
 			}
 
 			a {
+				width: 100%;
 				height: 100%;
 				display: flex;
 				flex-direction: column;

templates/macros.html

@@ -1,5 +1,5 @@
 {% macro print_recipe(recipe) %}
-<article
+<article data-title="{{ recipe.title | lower }}"
 	{% if recipe.taxonomies.tagy %}
 		{% for tag in recipe.taxonomies.tagy %}
 			{% if tag == "pikantní" %}

templates/search.html

@@ -21,6 +21,10 @@ let input = document.getElementById("input");
 input.oninput = function() { filter_name(input.value) };
 let articles = document.getElementsByTagName("article");
 
+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, "");
 
@@ -30,12 +34,7 @@ function filter_name(str) {
 		}
 	} else {
 		for (let i=0; i<articles.length; i++) {
-			let name = articles[i].getElementsByClassName("title")[0].innerHTML.toLowerCase().normalize("NFD").replace(/\p{Diacritic}/gu, "");
+			articles[i].style.display = !articles[i].dataset.title.includes(str) ? "none" : "flex";
-			if (!name.includes(str)) {
-				articles[i].style.display = "none";
-			} else {
-				articles[i].style.display = "flex";
-			}
 		}
 	}
 }