make 404 page more fancy 🚀

assets/css/its.css

@@ -9,6 +9,10 @@
 	padding: 0;
 }
 
+.error__404 {
+	font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
+}
+
 
 /*** FONTS ***/
 @font-face {

i18n/de.yaml

@@ -1,2 +1,4 @@
 - id: sidemenu_title
   translation: "Goto"
+- id: 404_title
+  translation: "Error 404 - Looks like you are lost in space"

i18n/en.yaml

@@ -1,2 +1,4 @@
 - id: sidemenu_title
   translation: "Goto"
+- id: 404_title
+  translation: "Error 404 - Looks like you are lost in space"

layouts/404.html

@@ -0,0 +1,9 @@
+{{ define "main" }}
+<main class="main" role="main">
+	<div class="warning error__404">
+		<h1 class="warning__headline">{{ T "404_title" }}</h1>
+		{{ partial "svg/rocket.svg" (dict "class" "404-rocket") }}
+		<p class="warning__text">{{ T "404_text" }} <a href="{{ "" | relLangURL }}">{{ T "404_linktext" }}</a>.</p>
+	</div>
+</main>
+{{ end }}

layouts/partials/svg/rocket.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150px" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"><g><path d="M38.986,23.959c1.156-1.734,2.048-3.478,2.748-5.164c0.018-0.038,0.032-0.075,0.045-0.114   C44.521,12,44.145,6.277,44.121,5.977c-0.036-0.488-0.424-0.88-0.912-0.923c-0.001-0.001-5.861-0.49-12.747,2.349   c-0.021,0.007-0.039,0.015-0.06,0.023c-1.692,0.702-3.443,1.598-5.188,2.761c-1.513,1.009-2.843,2.159-4.04,3.365   c-2.083-0.975-8.212-2.834-14.847,4.745c-0.244,0.279-0.314,0.669-0.182,1.016c0.132,0.346,0.444,0.59,0.812,0.636   c0.05,0.006,4.982,0.643,8.084,3.745l4.513,4.513l-1.612,1.612c-0.391,0.391-0.391,1.023,0,1.414   c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293l1.612-1.612l4.511,4.512c0.044,0.044,0.1,0.065,0.149,0.1   c0.034,0.049,0.055,0.104,0.099,0.148c3.089,3.089,3.739,8.036,3.746,8.086c0.046,0.367,0.291,0.68,0.637,0.811   c0.115,0.045,0.236,0.066,0.356,0.066c0.238,0,0.473-0.086,0.658-0.248c8.036-7.037,5.461-13.501,4.58-15.176   C36.882,26.742,38.002,25.437,38.986,23.959z M40.452,16.568l-7.855-7.854c4.225-1.502,7.859-1.704,9.556-1.696   C42.154,8.637,41.958,12.306,40.452,16.568z M19.746,15.091c-1.838,2.133-3.251,4.347-4.293,6.296   c-2.167-1.733-4.719-2.625-6.407-3.056C13.819,13.689,17.897,14.383,19.746,15.091z M28.583,20.592   c-0.391-0.391-1.023-0.391-1.414,0l-6.199,6.199l-4.001-4.001c1.765-3.415,4.753-7.871,9.355-10.939   c1.429-0.953,2.859-1.71,4.253-2.327l9.068,9.067c-0.615,1.399-1.372,2.833-2.323,4.26c-3.068,4.604-7.524,7.592-10.938,9.355l-4-4   l6.199-6.199C28.974,21.615,28.974,20.982,28.583,20.592z M31.09,40.377c-0.449-1.757-1.399-4.448-3.276-6.67   c1.976-1.058,4.221-2.493,6.377-4.367C34.922,30.982,36.046,35.279,31.09,40.377z"></path><path d="M13.096,30.296c-1.544,0-2.997,0.602-4.089,1.694c-1.099,1.097-2.571,3.443-3.502,5.579   c-1.341,3.078-1.436,5.225-0.28,6.38c0.529,0.529,1.281,0.798,2.233,0.798c3.144,0,8.156-3.006,9.728-4.578   c1.093-1.093,1.695-2.546,1.694-4.091c0-1.545-0.602-2.997-1.694-4.088C16.093,30.897,14.641,30.295,13.096,30.296z M15.771,38.755   c-1.332,1.332-5.861,3.992-8.313,3.992c-0.392,0-0.682-0.075-0.819-0.212c-0.375-0.375-0.315-1.838,0.7-4.167   c0.945-2.168,2.293-4.176,3.083-4.964c0.715-0.715,1.665-1.108,2.675-1.108s1.96,0.394,2.676,1.108   c0.714,0.714,1.108,1.664,1.108,2.674C16.88,37.09,16.486,38.04,15.771,38.755z"></path></g></svg>