Vyhledávací položka v menu

sass/_nav.scss

@@ -36,6 +36,11 @@ nav {
 		}
 	}
 
+	img {
+		height:1em;
+		width:1em;
+	}
+
 	.mainnav {
 		display:flex;
 		justify-content:space-between;

sass/style.scss

@@ -14,6 +14,7 @@ body {
 	background:$body-background-image repeat $body-background;
 	color:$body-color;
 	font-family:sofia;
+	font-size:1em;
 }
 
 a {

static/mglass.svg

@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="26.458332mm"
+   height="26.458332mm"
+   viewBox="0 0 26.458332 26.458332"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="mglass.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="72.012926"
+     inkscape:cy="93.419089"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1180"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-87.990408,-87.289847)">
+    <path
+       style="opacity:1;fill:#feffff;fill-opacity:1;stroke:none;stroke-width:0.48556364;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
+       d="m 105.24442,87.289847 a 9.2042697,9.2239847 0 0 0 -9.204329,9.22404 9.2042697,9.2239847 0 0 0 1.718661,5.354313 l -9.627949,9.64857 c -0.187193,0.18759 -0.187193,0.48965 0,0.67724 l 1.410453,1.41347 c 0.187192,0.1876 0.488603,0.1876 0.675795,0 l 9.621524,-9.64213 a 9.2042697,9.2239847 0 0 0 5.405845,1.77232 9.2042697,9.2239847 0 0 0 9.20432,-9.223783 9.2042697,9.2239847 0 0 0 -9.20432,-9.22404 z m 0,2.372279 a 6.8370756,6.8517205 0 0 1 6.83711,6.851761 6.8370756,6.8517205 0 0 1 -6.83711,6.851503 6.8370756,6.8517205 0 0 1 -6.83712,-6.851503 6.8370756,6.8517205 0 0 1 6.83712,-6.851761 z"
+       id="path815"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

templates/index.html

@@ -12,6 +12,7 @@
 		<div class="mainnav">
 			<h1><a href="/">Recepty na cesty</a></h1>
 			<ul>
+				<li><a href="/vyhledavani/"><img src="mglass.svg" alt="Hledat"></a></li>
 				<li><a href="/kategorie/">Kategorie</a></li>
 				<li><a href="/tagy/">Tagy</a></li>
 			</ul>