From 11869dbf93232be8cc6088911050134cd84de5c0 Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Tue, 11 Jan 2022 14:34:08 +0100
Subject: [PATCH] =?UTF-8?q?Vyu=C5=BEit=C3=AD=20ikon=20v=20metadatech=20a?=
 =?UTF-8?q?=20u=20str=C3=A1nkov=C3=A1n=C3=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/_tags.scss              |   2 +-
 sass/style.scss              |  27 ++++++++++++++++++++++++---
 static/fonts/icons.eot       | Bin 1944 -> 2692 bytes
 static/fonts/icons.svg       |   5 +++++
 static/fonts/icons.ttf       | Bin 1788 -> 2536 bytes
 static/fonts/icons.woff      | Bin 1864 -> 2612 bytes
 static/{fonts => }/icons.css |  25 ++++++++++++++++++++-----
 templates/index.html         |   2 +-
 templates/macros.html        |  10 +++++-----
 9 files changed, 56 insertions(+), 15 deletions(-)
 rename static/{fonts => }/icons.css (57%)

diff --git a/sass/_tags.scss b/sass/_tags.scss
index ad40ede..e664672 100644
--- a/sass/_tags.scss
+++ b/sass/_tags.scss
@@ -1,4 +1,4 @@
-span.tag {
+.taglist .tag {
 	margin-right:$tag-margin-right;
 	padding:$tag-padding;
 	background:$tag-background;
diff --git a/sass/style.scss b/sass/style.scss
index c9fa821..260dbc2 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -79,14 +79,29 @@ main {
 
 	.meta {
 		display: flex;
-		align-items: center;
+		align-items: flex-end;
 		flex-wrap: wrap;
 		margin-bottom: 3em;
 
-		&>.edit {
+		.edit {
 			margin-left: auto;
 			font-size: 1.2em;
 		}
+
+		.item {
+			display: flex;
+			align-items: baseline;
+			margin-right: 1.5em;
+			font-size: .9rem;
+			font-weight: bold;
+			color: #333;
+			cursor: default;
+
+			.icon {
+				margin-right: .3em;
+				font-size: 1.2em;
+			}
+		}
 	}
 
 	.taglist {
@@ -96,7 +111,13 @@ main {
 	}
 
 	.pagination {
-		text-align:center;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+		.icon {
+			margin: 0 1em;
+		}
 	}
 
 	section {	
diff --git a/static/fonts/icons.eot b/static/fonts/icons.eot
index 85fc640ebbab52e0d7bccb4b2fac45a55db5f269..0d746439167ac87d8724dad08a7197d08099b73d 100644
GIT binary patch
delta 1080
zcmah{O=uHA6n-<)Y?|0LCY#-qY;FF!$yTt?G`o#xWe?U%#THUf&}xH5YiVr39#Rw%
zi|9cQ%8I`iLGd6cf)@`8K|};mu<@WEA{Mm?=t(c)Hoi@(6hxe1c<+1Py!qannM<A%
zB6q?Ku;4n!=}n4Om_KJs7T*ED16-r~^4Y0}yN+!DAZ>`xAIu(^Lc0d>U9`;yCuR=x
zzU^;Cd>_E^YAl!CA5yLa0Gwx#*T*p6e8gTLevG(dEI(aX2ZTesfH*ZVxi8CIXpZ7h
z_W5o3Y+(v~T`-J+GzP+lv-#Z1+5Bb1J5l8D)Z~$AV90>$sm%jp&&}QB=#B!SAQr~J
z4FtkfM>SO4UOid8UTdjssu{J<b*o;t^Zv<^`n*(^K1uhb<5Etv#24Z-Q8Cw0(LC#H
zHe>Wg(WsXhPVhq<Yw<>+aV@3yM9|?xuU|rsbf-x-A_Qr&fkd<jD_NszI<3-CtE3GK
zXbh|{F9<y1Ys~mrPOEB~!GLCgHh_B#f#(Io?yz2N0@QLq1o{A!gtv!^0rLq<7pYk(
z-TpE@vgfpl<Mf`9@s<8i|JFn8I1X*?A6ns8=7{|94mJNySW5m``YUBQ9e`pruh{}t
zqrw(2EA&Z`LKrWjgrPRT-yuYutBKR@JHR+;BT4EBwwY+DL>EcKBP_Nw@s2i<KYUM8
z*SxX!YAlxWc!rHI?Ffd09W-nVdpxOFjE-ok9F$c}7WhnPnG9ukL1txNkGHS0vukk1
zXZ;Aq<3Y;#W(K=DJNvx8#WFD(Ym^rjp+SPclWPFxMfR;|K!)9B>tQWkDbZ625|27L
ze~8#mXulw~VK*TqX`UE@uvqr#K0%nXuF8rc)7+ff<#PM<3^6cnZ$MK~WLc@WT3cFL
zT>}0K$e>2~w?;hGOY~$w@_R@mDfNqfE*1&2qX_5ZqQqP*3qs>C6rnj=#Jc)l5%W~j
zo3{CartI}>`VOm_8sGXITld^{Y-=8K^zPu7;tkS%La;F|W7*n%cttFOKGu)JjX%5{
bw!tiXAlt}I+D?b)EUjT{0Q|kLj$7mx6@vOR

delta 377
zcmZn>ox#sGgPnol58FgGGnRu@+PV`R^6OVKFfi-^;)LYf#DXhZFW+ZiV3Yy!bJ7!w
z3xKo$klz8MInr|~)5N}By9DG<U|?X@$w*C1k^Zk3%)r0`(r=al6ktEZd=kk20_3Y?
z<d#&3F)#=-FtADh`3gDt$%#xQjD0}91&}Y4n^;l6z^lg)0u=B8DacFAO}*HZI}^yy
z0a}t*kY8NFzzmdOV7mj7XJBTYH93Z{+BN{l697Vx93z9mOV*cduXtWP|Nr;@f1n6Z
zC5i~+|Hoqg#p*?Wi2_YvV4Q5jw0W{L%caQ+SwBsVX1^+<t6g<4p5Nvx12+p;_nrKA
z*&qgpp6tV6Zp{G^2TL+A0Vxn42?Koy1Y8Uv3~~%U4BHs>7^eaGj6lq>`4-12MgW7N
BT>t<8

diff --git a/static/fonts/icons.svg b/static/fonts/icons.svg
index 516582d..f952856 100644
--- a/static/fonts/icons.svg
+++ b/static/fonts/icons.svg
@@ -8,7 +8,12 @@
 <missing-glyph horiz-adv-x="1024" />
 <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
 <glyph unicode="&#xe905;" glyph-name="pencil" d="M864 960c88.364 0 160-71.634 160-160 0-36.020-11.91-69.258-32-96l-64-64-224 224 64 64c26.742 20.090 59.978 32 96 32zM64 224l-64-288 288 64 592 592-224 224-592-592zM715.578 596.422l-448-448-55.156 55.156 448 448 55.156-55.156z" />
+<glyph unicode="&#xe91f;" glyph-name="book" d="M896 832v-832h-672c-53.026 0-96 42.98-96 96s42.974 96 96 96h608v768h-640c-70.398 0-128-57.6-128-128v-768c0-70.4 57.602-128 128-128h768v896h-64zM224.056 128v0c-0.018-0.002-0.038 0-0.056 0-17.672 0-32-14.326-32-32s14.328-32 32-32c0.018 0 0.038 0.002 0.056 0.002v-0.002h607.89v64h-607.89z" />
+<glyph unicode="&#xe94e;" glyph-name="clock" d="M658.744 210.744l-210.744 210.746v282.51h128v-229.49l173.256-173.254zM512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM512 64c-212.078 0-384 171.922-384 384s171.922 384 384 384c212.078 0 384-171.922 384-384s-171.922-384-384-384z" />
 <glyph unicode="&#xe986;" glyph-name="search" d="M992.262 88.604l-242.552 206.294c-25.074 22.566-51.89 32.926-73.552 31.926 57.256 67.068 91.842 154.078 91.842 249.176 0 212.078-171.922 384-384 384-212.076 0-384-171.922-384-384s171.922-384 384-384c95.098 0 182.108 34.586 249.176 91.844-1-21.662 9.36-48.478 31.926-73.552l206.294-242.552c35.322-39.246 93.022-42.554 128.22-7.356s31.892 92.898-7.354 128.22zM384 320c-141.384 0-256 114.616-256 256s114.616 256 256 256 256-114.616 256-256-114.614-256-256-256z" />
+<glyph unicode="&#xe9a3;" glyph-name="spoon-knife" d="M224 960c-106.040 0-192-100.288-192-224 0-105.924 63.022-194.666 147.706-217.998l-31.788-518.124c-2.154-35.132 24.882-63.878 60.082-63.878h32c35.2 0 62.236 28.746 60.082 63.878l-31.788 518.124c84.684 23.332 147.706 112.074 147.706 217.998 0 123.712-85.96 224-192 224zM869.334 960l-53.334-320h-40l-26.666 320h-26.668l-26.666-320h-40l-53.334 320h-26.666v-416c0-17.672 14.326-32 32-32h83.338l-31.42-512.122c-2.154-35.132 24.882-63.878 60.082-63.878h32c35.2 0 62.236 28.746 60.082 63.878l-31.42 512.122h83.338c17.674 0 32 14.328 32 32v416h-26.666z" />
 <glyph unicode="&#xea0c;" glyph-name="info" d="M448 656c0 26.4 21.6 48 48 48h32c26.4 0 48-21.6 48-48v-32c0-26.4-21.6-48-48-48h-32c-26.4 0-48 21.6-48 48v32zM640 192h-256v64h64v192h-64v64h192v-256h64zM512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM512 32c-229.75 0-416 186.25-416 416s186.25 416 416 416 416-186.25 416-416-186.25-416-416-416z" />
+<glyph unicode="&#xea3c;" glyph-name="arrow-right2" d="M621.254 82.746l320 320c24.994 24.992 24.994 65.516 0 90.51l-320 320c-24.994 24.992-65.516 24.992-90.51 0-24.994-24.994-24.994-65.516 0-90.51l210.746-210.746h-613.49c-35.346 0-64-28.654-64-64s28.654-64 64-64h613.49l-210.746-210.746c-12.496-12.496-18.744-28.876-18.744-45.254s6.248-32.758 18.744-45.254c24.994-24.994 65.516-24.994 90.51 0z" />
+<glyph unicode="&#xea40;" glyph-name="arrow-left2" d="M402.746 82.746l-320 320c-24.994 24.992-24.994 65.516 0 90.51l320 320c24.994 24.992 65.516 24.992 90.51 0 24.994-24.994 24.994-65.516 0-90.51l-210.746-210.746h613.49c35.346 0 64-28.654 64-64s-28.654-64-64-64h-613.49l210.746-210.746c12.496-12.496 18.744-28.876 18.744-45.254s-6.248-32.758-18.744-45.254c-24.994-24.994-65.516-24.994-90.51 0z" />
 <glyph unicode="&#xeae7;" glyph-name="git" d="M1004.692 493.606l-447.096 447.080c-25.738 25.754-67.496 25.754-93.268 0l-103.882-103.876 78.17-78.17c12.532 5.996 26.564 9.36 41.384 9.36 53.020 0 96-42.98 96-96 0-14.82-3.364-28.854-9.362-41.386l127.976-127.974c12.532 5.996 26.566 9.36 41.386 9.36 53.020 0 96-42.98 96-96s-42.98-96-96-96-96 42.98-96 96c0 14.82 3.364 28.854 9.362 41.386l-127.976 127.974c-3.042-1.456-6.176-2.742-9.384-3.876v-266.968c37.282-13.182 64-48.718 64-90.516 0-53.020-42.98-96-96-96s-96 42.98-96 96c0 41.796 26.718 77.334 64 90.516v266.968c-37.282 13.18-64 48.72-64 90.516 0 14.82 3.364 28.852 9.36 41.384l-78.17 78.17-295.892-295.876c-25.75-25.776-25.75-67.534 0-93.288l447.12-447.080c25.738-25.75 67.484-25.75 93.268 0l445.006 445.006c25.758 25.762 25.758 67.54-0.002 93.29z" />
 </font></defs></svg>
\ No newline at end of file
diff --git a/static/fonts/icons.ttf b/static/fonts/icons.ttf
index fcd9b74e1442396b57ecc1c0719d2c5caa29b33d..9b08dd38f7b5064c150edc6575437b0ef1627f0f 100644
GIT binary patch
delta 1094
zcmah|O=uHQ5T5s5yJ_04G5eBD$=2qtNwx*6O|xl4D=Szp6<bUXg0wbhY!zb*?V&{>
zu?IoagRBVZMHIYM1TP*G77-Cd!PbL<h(D-J#G78U+c=w6DTp}BW9FNA^S+t)W|zc8
zUH}3B4NwFIoBK1H5-!Q{20iz1jU3EpC+_b*xdnhUBfdDAot!|u9`S9|b)&~-4tKxq
zZ9;q(p!UUBE_)~tz2XCKoWpo(3>}UK>>1*Rh+D_<Q`7B01jLJolgGvn?#K$4>cV)I
zP0*arPEUXYgNW0JgU7S^-1FJ|WyJfC<oLw+<P;W);(Tn!fw89-%oF>k5%{q#2KCra
zuvA+Ll=hTPmu{3B%iGF&`E$jpRP3~W#z^IZT#-M?cjZ%Z&TDy}d7pTrcpfp{35s!s
zTrcPqli>#*h+!%2P&lR~Q(Yl61h3m8qeVK?q!ST>G}%HzT8I^`5jCAw>4;U-`ua2m
zR#4<zM0}0uOJ-VC(+v7F3$#Amt8-E0y4_&KtO4Yzg%I=rMC0x*>h&4zEM1_+LUHcv
z(V^k9D$3d6p`&Z<f!<w5T2PMc>K#~PFU%9=<1K3Zov@O;RQxMtH64IrH80sBR-?jB
zFuLiZ0)-%6MiE`jfWyJVj&;Og_w8eXyp<$Uakiak$#@5e$3iT!^5GqAC4b^wiInD!
zyj3HSq{}s^2WhK6=x?P#ebD7fMj~`bQx(6WY6=%Kfz@CjBXWhAQkT1@t*xVfMzVhR
zV=+G!q?!JXwzeL(v}_W+x<*944AmfTkz4~Xe$sCR9Wrc=ZG;VYr6iS%lUUdxcml+J
zLi+`=4Z8_BLGwiCeA$#z66f>QRV5l#Xl}mV>8zJh8KR@#-hgT$swmL~XH#Qilau3I
zKn6L?-yE@IH%TRYvd2Y23Axwn5h5X93z7&9Axw;Alk@6fNJ4WqiFNhAB*qu^s`<mT
z7CqqF_8l5(s$>0zwLi5DTN`g{y0hYnzZ$fk5NwP~U)8o9T;t22jrF6{<Ak@sZkUDl
fWH-4<Tj&6trDbdlK!m+^A_~R-g5MdhJx_iCgHHKk

delta 377
zcmaDM{D-%mfsuiMft#U$ftkU;KUm+0Ux<A*P-G7fCnV=47F^kS`91>!qYRLrlb%>y
z0Hg(g{0<<^k)BhTCieB(B_MwS0|T>8MrvY;^nb-*1_l<8ezOdq0Q({4lR*9#AYUaT
zx1>UhfkBvofmH&?SIEgvc1&a{VeA76SO5itauX{G7<d^%fP5d2g1p4s)Qe5IGlBdZ
zpe1<)`NbtbhXMiH9gsW&GxMy82dZrYfE)oJ1W7S6D7<8S+4hR()${*<|NjSy02QK$
zF#dlm_Ft@C^p_~m00zd%3m7*~u4le9nU(d^<o#?{WpuTx4#xA_d}ZKf0qee#|1KNE
z0MU~-u$x<RK*Yh43`{@@#7DwF4*~%fg9w8hgAc<tMm@%9Kt3p-IX2sItYQQJT<cpa

diff --git a/static/fonts/icons.woff b/static/fonts/icons.woff
index a5335578f856dcc3b24b8c4b5799c892efa147d7..b21757136680b63da47111ee07ea11df291ed5d7 100644
GIT binary patch
delta 1124
zcmah{O=uHa6h8OfX7XdlG`Y#7WNP!*Bva8s(@dJ8m07&jMT;$@;6kbm8m(efP_#uM
zv5Fg4G9tVuJcK7M1mEVpg&SdTA%ZB_xKI!gi`oR-=|(z@=cZK(BHrQSp7Wh^<~!%!
z`*`#J0p;Ap=qM1t<;lV(vAdUnnEg)W+BRN!bFf@I1wdwzzb^1#--V$g#nXaYLEp8G
zjw8qC4+GFP0LKe~!Pg_5v!&u80Ow20$q7V~e}!g|#Ig?bdjy;h*|XX5nK|UL=(n&H
zh;;nqLCo9Z62e^q(hXO<T%1E;*JbphE%;&TM6p~#?lv}bLg4vA`Oi})PoKeg0zdK?
zT8uq4+sXO8C<S5Y00thMJ6d<tBlSJ?EA@XG?Twucqw%q6H=CG)8o!8<=91D>J}CE<
zi%KbI2cHF>1e2ykf~MhgnKg2|Vl*v=9|RzUJ^5nsl%CBE#L$p}zJP)j>CcmX^w7zZ
zArjMLtZL6_`MgGF?5aLCrZcdkGUqb-x0tbF<uxtOU`)3`AH!UO%Q81`3TRqwfLacS
z!7xBF?Hi!Mka?EnE7Yu2?|nKpz5l9)>+1gLV;k+sk<p{wxQ>pFOm47ii$s0@FExKI
zSSwzs{#3GFj`xq<ykyJRjRt>!d5J!%P>AATRFUd}ApjnCZYEAKcZf;K4wA{G*)F1I
z(|shJim}Anhi9~d{D==^a=I_^R!bzZUhk9<r9I(jxQ9lKDX%x1NYH6rQ^TsJt6VNb
z)`O9P%vEOj2Ykc5y?qn&e*0@Ul?qeIKR?me+dJ&@uUf=tVMgYw&<X;V$t?hLH~U;M
zpuq02?XU%pl;pB$l8QT}K!k`Z6gP-th#`~=Efa(DRm-3AbG~TbRFg@SmKHs3x5u9=
z5CeIUfLkr8s>zzWv%S63&GB780X3}e8ma6c$z?)Hz)NBoWh5Ao60uM>ibzf=PRvz{
z^VZK$gqDPeee<^>=3v{auBACWdBD5#3v6m@J?l4Y>r-Kf-Q4CF+$*o~t)RF<5I(|K
q--R9Bz!lKO{&9Kmg?Ga^EWkT5PVUfdI!PC314jdp|NGl<mwW@Cu=z&-

delta 419
zcmdlYa)M8!+~3WOfsp|S*gY7yK{VT+$qyJMCh7>+uTIWQEMQ<@%m9k!fbf;Am+z-1
z7K6mD0QnqHERdd4nFbWQ!@$6-1HxiouU*PWO-x~6U<Ii$17Yd^ioqE`L7<oekgo#5
z?1z|7X5^Ms0L6f685BTRjDbNoCqEge&X2VPC?EvFOeKtcxrr4(i&<xY6oD}>Lr7j?
zZYof02hj375Wd)yJF_6axCH1M4Y)dHAd8uK)?^;WYTE!HTL1__VvGz5FIiu<z2bTG
z{Quwo|A8VvlTkz%|34P{FIF%5OH=`<gK_d3#?6yYGhdn<$ogqAH~Uo?UG1ua@%%Pl
z8Ms-%y6@z_%LXw(^yEM6=GGh#aj+x<6OaP&k+3jWhKoUjL5{(PVH=|!<20ZMBM@_J
J?&4U*2mt9vUfcix

diff --git a/static/fonts/icons.css b/static/icons.css
similarity index 57%
rename from static/fonts/icons.css
rename to static/icons.css
index 76a7121..1cd79a5 100644
--- a/static/fonts/icons.css
+++ b/static/icons.css
@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icons';
-  src:  url('icons.eot?3nfdne');
-  src:  url('icons.eot?3nfdne#iefix') format('embedded-opentype'),
-    url('icons.ttf?3nfdne') format('truetype'),
-    url('icons.woff?3nfdne') format('woff'),
-    url('icons.svg?3nfdne#icons') format('svg');
+  src:  url('fonts/icons.eot?zcunvu');
+  src:  url('fonts/icons.eot?zcunvu#iefix') format('embedded-opentype'),
+    url('fonts/icons.ttf?zcunvu') format('truetype'),
+    url('fonts/icons.woff?zcunvu') format('woff'),
+    url('fonts/icons.svg?zcunvu#icons') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -28,12 +28,27 @@
 .icon-pencil:before {
   content: "\e905";
 }
+.icon-book:before {
+  content: "\e91f";
+}
+.icon-clock:before {
+  content: "\e94e";
+}
 .icon-search:before {
   content: "\e986";
 }
+.icon-spoon-knife:before {
+  content: "\e9a3";
+}
 .icon-info:before {
   content: "\ea0c";
 }
+.icon-arrow-right2:before {
+  content: "\ea3c";
+}
+.icon-arrow-left2:before {
+  content: "\ea40";
+}
 .icon-git:before {
   content: "\eae7";
 }
diff --git a/templates/index.html b/templates/index.html
index 4599fed..35959dd 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,7 +6,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>{% block title %}{{ config.title }}{% endblock title %}</title>
 	<link rel="stylesheet" href="/style.css" type="text/css">
-	<link rel="stylesheet" href="/fonts/icons.css" type="text/css">
+	<link rel="stylesheet" href="/icons.css" type="text/css">
 </head>
 <body>
 
diff --git a/templates/macros.html b/templates/macros.html
index 6b5e729..0ba4667 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -26,9 +26,9 @@
 {% endmacro print_recipe %}
 
 {% macro pagination() %}
-	{% if paginator.previous %}<a href="{{ paginator.previous }}">&laquo; Předchozí stránka</a> |{% endif %}
+	{% if paginator.previous %}<a href="{{ paginator.previous }}"><span class="icon icon-arrow-left2"></span></a>{% endif %}
 	<span>{{ paginator.current_index }} / {{ paginator.number_pagers }}</span>
-	{% if paginator.next %}| <a href="{{ paginator.next }}">Další stránka &raquo;</a>{% endif %}
+	{% if paginator.next %}<a href="{{ paginator.next }}"><span class="icon icon-arrow-right2"></span></a>{% endif %}
 {% endmacro pagination %}
 
 {% macro subnav() %}
@@ -50,9 +50,9 @@
 {% endmacro recipe_image %}
 
 {% macro recipe_meta() %}
-	{% if page.extra.portions %}<span class="tag">Porce: <strong>{{ page.extra.portions }}</strong></span>{% endif %}
-	{% if page.extra.time %}<span class="tag">Doba přípravy: <strong>{{ page.extra.time }} min</strong></span>{% endif %}
-	{% if page.extra.source %}<span class="tag">Zdroj: <strong>{{ page.extra.source }}</strong></span>{% endif %}
+	{% if page.extra.portions %}<span class="item" title="Porce"><span class="icon icon-spoon-knife"></span>{{ page.extra.portions }}</span>{% endif %}
+	{% if page.extra.time %}<span class="item" title="Doba přípravy"><span class="icon icon-clock"></span>{{ page.extra.time }} min</span>{% endif %}
+	{% if page.extra.source %}<span class="item" title="Zdroj"><span class="icon icon-book"></span>{{ page.extra.source }}</span>{% endif %}
 	<a href="{{ config.extra.git }}/_edit/master/content/{{ page.relative_path }}" class="edit" title="Upravit"><span class="icon-pencil"></span></a>
 {% endmacro recipe_meta %}