diff --git a/sass/style.scss b/sass/style.scss
index 51129710f35c63ac92cadeb604d856bf4278133e..92d6198d2e846b9f81f22c39cb520653af32fd9a 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -11,27 +11,38 @@ $success-color: color("green", "base");
 $error-color: color("red", "base");
 $link-color: color("light-blue", "darken-1");
 
-$small-screen: 650px;
-$small-screen-up: 651px;
+/*$small-screen: 650px;
+$small-screen-up: 651px;*/
 
 @import "materialize.scss";
 
 /* overall page look */
+$p-max-width: 512px;
 #content, .container.nav-wrapper {
     width: 86%;
 }
+html {
+  font-size: 16px;
+}
+p:has(img) {
+  display: inline;
+  max-width: unset;
+}
 
 /* Article list style */
-.block.article {
+.article {
   overflow: hidden;
   text-align:justify;
   margin: 10px 0;
   background-color: white;
   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-}
-
-.article h5 {
-  font-size: 1.3rem;
+  h5 {
+    font-size: 1.3rem;
+    margin: 0 10px;
+  }
+  .head-title {
+    margin: 10px 0;
+  }
 }
 
 .leadimage {
@@ -52,13 +63,15 @@ footer.page-footer {
 	color: white;
 }
 #all {
+  background-color: #fafafa;
   position:relative;
   overflow-y: hidden;
   min-height: 100vh;
 }
 #content, #search {
-  margin-bottom: 90px;
-  margin-top: 104px;
+  padding-bottom: 20px;
+  padding-top: 104px;
+  margin: 0 auto;
 }
 html, body {
   min-height: 100vh;
@@ -115,6 +128,7 @@ html, body {
 }
 
 nav {
+  background-color: $primary-color;
   line-height: 64px;
 }
 @media #{$medium-and-down} {
@@ -124,6 +138,7 @@ nav {
 }
 
 nav.subnav {
+  background-color: $primary-color-light;
   margin-top: -16px;
   transition: 0.3s;
   height: 40px;
@@ -198,57 +213,98 @@ nav.subnav li {
 }
 
 /* Article */
-h2#title {
-  margin-bottom: 0px;
-}
+.type-article {
+  p {
+    padding: 0 .5rem;
+    text-align: justify;
+    display: block;
+    max-width: $p-max-width;
+    margin: 0 auto;
+  }
+  
+  h2#title {
+    margin: 0px;
+  }
 
-.author {
-  margin-bottom: 1rem;
-}
+  .metadata {
+    margin-bottom: 1rem;
+    text-align: center;
+  }
 
-.type-article .container {
-  max-width: 1024px;
-}
-.article article {
-  text-align: justify;
-}
-th {
-  padding: 5px 5px 0px 5px;
-  font-weight: unset;
-}
-td {
-  padding: 5px;
-}
-.article {
-  h3 {
-    font-size: 2rem;
-    padding-bottom: 3px;
-    border-bottom: solid #d0d0d0 1px ;
+  article {
+    text-align: center;
   }
-  h4 {
-    font-size: 1.6rem;
+  th {
+    padding: 5px 5px 0px 5px;
+    font-weight: unset;
   }
-  h5 {
-    font-size: 1.1rem;
+  td {
+    padding: 5px;
   }
-  h6 {
-    font-size: 1rem;
+  .section {
+    background-color:white;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+    .has-image {
+      text-align: center;
+    }
+    img {
+      max-width: 100%;
+    }
+    ul, ol {
+      text-align: left;
+      padding: 0 .5rem;
+      max-width: $p-max-width;
+      margin: 10px auto;
+    }
+    h3, h4, h5, h6 {
+      max-width: $p-max-width;
+      margin: 10px auto;
+      padding: 0 .5rem;
+      text-align: left;
+    }
+    h3 {
+      font-size: 2rem;
+      padding-bottom: 3px;
+      border-bottom: solid #d0d0d0 1px ;
+    }
+    h4 {
+      font-size: 1.6rem;
+    }
+    h5 {
+      font-size: 1.1rem;
+    }
+    h6 {
+      font-size: 1rem;
+    }
   }
-}
 
-pre {
-  padding: 2px 0 2px 10px;
-  background-color: #2b2b2b;
-}
-code {
-  padding: 2px 5px;
-  color: #bababa;
-  background-color: #2b2b2b;
-  font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
-}
-pre code {
-  padding: 0;
+  pre {
+    padding: 2px 0 2px 10px;
+    background-color: #2b2b2b;
+    display:inline-block;
+    text-align: left;
+    min-width: 508px;
+    max-width:100%;
+  }
+  code {
+    padding: 2px 5px;
+    color: #bababa;
+    background-color: #2b2b2b;
+    font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
+  }
+  pre code {
+    padding: 0;
+  }
+  article ul li {list-style: circle inside}
+  
+  @media #{$small-and-down} {
+    #content {
+      width: 100%;
+    }
+    pre {
+      min-width: 100%;
+    }
+  }
 }
-.article ul li {list-style: circle outside}
 
 @import "search.scss"
diff --git a/static/theme/favicons/android-chrome-144x144.png b/static/theme/favicons/android-chrome-144x144.png
index 00e29be7c65489fe6e61e282caf8cd2eab2a8908..a193a3f73f8b4ebad79acab78a4051761df325be 100644
Binary files a/static/theme/favicons/android-chrome-144x144.png and b/static/theme/favicons/android-chrome-144x144.png differ
diff --git a/static/theme/favicons/android-chrome-192x192.png b/static/theme/favicons/android-chrome-192x192.png
index a1a7e767ae459d5f703c18aec603713473bf1a4a..61b6ce624932f768fdc9bc2057c4f8821dc76fd6 100644
Binary files a/static/theme/favicons/android-chrome-192x192.png and b/static/theme/favicons/android-chrome-192x192.png differ
diff --git a/static/theme/favicons/android-chrome-36x36.png b/static/theme/favicons/android-chrome-36x36.png
index dcbcc995f88d2042474b798f4284f7a2373233ed..c8a8b95785f96b9e09303bd62ba25b7cfaea2fc0 100644
Binary files a/static/theme/favicons/android-chrome-36x36.png and b/static/theme/favicons/android-chrome-36x36.png differ
diff --git a/static/theme/favicons/android-chrome-48x48.png b/static/theme/favicons/android-chrome-48x48.png
index 3fd25339269c6d18e47e2bef03ddb718af1b58e0..1858bd1a0192a7df2394f89cf552c50ae0ad3419 100644
Binary files a/static/theme/favicons/android-chrome-48x48.png and b/static/theme/favicons/android-chrome-48x48.png differ
diff --git a/static/theme/favicons/android-chrome-72x72.png b/static/theme/favicons/android-chrome-72x72.png
index 319efa4a77f5beaa6ebfed2421379c8017e93605..bc67b3f77f0afccfac57a09a454ba7e84326da43 100644
Binary files a/static/theme/favicons/android-chrome-72x72.png and b/static/theme/favicons/android-chrome-72x72.png differ
diff --git a/static/theme/favicons/android-chrome-96x96.png b/static/theme/favicons/android-chrome-96x96.png
index f1b2bb46257a492d926689356b40bd3e2253dab6..f172b05106db66b3c2db0782e224e147056f3f89 100644
Binary files a/static/theme/favicons/android-chrome-96x96.png and b/static/theme/favicons/android-chrome-96x96.png differ
diff --git a/static/theme/favicons/apple-touch-icon-114x114.png b/static/theme/favicons/apple-touch-icon-114x114.png
index 6affe4739a8b59f5102a69ca58a259536dc42ede..fe2bd593040cd1d4cc43221d4d0e943d7b4f8023 100644
Binary files a/static/theme/favicons/apple-touch-icon-114x114.png and b/static/theme/favicons/apple-touch-icon-114x114.png differ
diff --git a/static/theme/favicons/apple-touch-icon-120x120.png b/static/theme/favicons/apple-touch-icon-120x120.png
index 4869ebbbb2e3a114e4e5f620d7dae87c0e240d41..b93885eb2dd5c1c433e9ae17220ac1ca69a31248 100644
Binary files a/static/theme/favicons/apple-touch-icon-120x120.png and b/static/theme/favicons/apple-touch-icon-120x120.png differ
diff --git a/static/theme/favicons/apple-touch-icon-144x144.png b/static/theme/favicons/apple-touch-icon-144x144.png
index b623e0e4a3e6e06120346dc996019b7156ce7da1..f6eadd2e5d512163e4edc12406a07255eb342cf7 100644
Binary files a/static/theme/favicons/apple-touch-icon-144x144.png and b/static/theme/favicons/apple-touch-icon-144x144.png differ
diff --git a/static/theme/favicons/apple-touch-icon-152x152.png b/static/theme/favicons/apple-touch-icon-152x152.png
index 6afed3aca4eda9110a7d8e6c35729326192747d6..52d886064bbc6280a187448ce59a5fd28ba40dce 100644
Binary files a/static/theme/favicons/apple-touch-icon-152x152.png and b/static/theme/favicons/apple-touch-icon-152x152.png differ
diff --git a/static/theme/favicons/apple-touch-icon-180x180.png b/static/theme/favicons/apple-touch-icon-180x180.png
index 2ea5f502af850c161942e0c972d17e1b2202ce3e..87e03ed00f9264e18a82d91a33bb35f0381f9161 100644
Binary files a/static/theme/favicons/apple-touch-icon-180x180.png and b/static/theme/favicons/apple-touch-icon-180x180.png differ
diff --git a/static/theme/favicons/apple-touch-icon-57x57.png b/static/theme/favicons/apple-touch-icon-57x57.png
index 58f68c6e8b56d1ca74713e7b3686ee9fbe3169bf..54e3c3c58fddd2772f581a35bdb4bb9d330c7c5b 100644
Binary files a/static/theme/favicons/apple-touch-icon-57x57.png and b/static/theme/favicons/apple-touch-icon-57x57.png differ
diff --git a/static/theme/favicons/apple-touch-icon-60x60.png b/static/theme/favicons/apple-touch-icon-60x60.png
index 1072442d055ad85a6a5099e3538ef8ef4b71016b..b3b498c16f35f4262a2e9ee08b695bdf44e5cff5 100644
Binary files a/static/theme/favicons/apple-touch-icon-60x60.png and b/static/theme/favicons/apple-touch-icon-60x60.png differ
diff --git a/static/theme/favicons/apple-touch-icon-72x72.png b/static/theme/favicons/apple-touch-icon-72x72.png
index a765500d8dba717c9435998e2b853510a491a229..33accd639ccafb8fcb860bdc7553c4fad01c495b 100644
Binary files a/static/theme/favicons/apple-touch-icon-72x72.png and b/static/theme/favicons/apple-touch-icon-72x72.png differ
diff --git a/static/theme/favicons/apple-touch-icon-76x76.png b/static/theme/favicons/apple-touch-icon-76x76.png
index a4a11e53cf520369314e4b0c7e0c051b88542fb2..9984dabfea14cde8701d8f35decfda5abc5faf21 100644
Binary files a/static/theme/favicons/apple-touch-icon-76x76.png and b/static/theme/favicons/apple-touch-icon-76x76.png differ
diff --git a/static/theme/favicons/apple-touch-icon-precomposed.png b/static/theme/favicons/apple-touch-icon-precomposed.png
index a4b95ecdf73d5fe0a14f55a9e989df3102c371a3..8a4724e3dd0d99656c500e0d145e3517ee37c364 100644
Binary files a/static/theme/favicons/apple-touch-icon-precomposed.png and b/static/theme/favicons/apple-touch-icon-precomposed.png differ
diff --git a/static/theme/favicons/apple-touch-icon.png b/static/theme/favicons/apple-touch-icon.png
index 2ea5f502af850c161942e0c972d17e1b2202ce3e..87e03ed00f9264e18a82d91a33bb35f0381f9161 100644
Binary files a/static/theme/favicons/apple-touch-icon.png and b/static/theme/favicons/apple-touch-icon.png differ
diff --git a/static/theme/favicons/browserconfig.xml b/static/theme/favicons/browserconfig.xml
index 9a877b33e3af99447217a17c41e66b4be02eb8e2..72a9cf5e043c92511313f5c2f57ef689c104bed1 100644
--- a/static/theme/favicons/browserconfig.xml
+++ b/static/theme/favicons/browserconfig.xml
@@ -2,10 +2,10 @@
 <browserconfig>
   <msapplication>
     <tile>
-      <square70x70logo src="/favicons/mstile-70x70.png"/>
-      <square150x150logo src="/favicons/mstile-150x150.png"/>
-      <square310x310logo src="/favicons/mstile-310x310.png"/>
-      <wide310x150logo src="/favicons/mstile-310x150.png"/>
+      <square70x70logo src="{{ config.baseurl }}/theme/favicons/mstile-70x70.png?v=lkk0Gr4nzB"/>
+      <square150x150logo src="{{ config.baseurl }}/theme/favicons/mstile-150x150.png?v=lkk0Gr4nzB"/>
+      <square310x310logo src="{{ config.baseurl }}/theme/favicons/mstile-310x310.png?v=lkk0Gr4nzB"/>
+      <wide310x150logo src="{{ config.baseurl }}/theme/favicons/mstile-310x150.png?v=lkk0Gr4nzB"/>
       <TileColor>#2d89ef</TileColor>
     </tile>
   </msapplication>
diff --git a/static/theme/favicons/favicon-16x16.png b/static/theme/favicons/favicon-16x16.png
index ffbc8ccd5b91ffd6b78a97048e229e7887a7a0a0..38ab82a2aa536168dcc3f63210c5643543403253 100644
Binary files a/static/theme/favicons/favicon-16x16.png and b/static/theme/favicons/favicon-16x16.png differ
diff --git a/static/theme/favicons/favicon-194x194.png b/static/theme/favicons/favicon-194x194.png
index 37c95d3642a4227795a437e9023c0ab6bd52f838..4721b3c572ceaad9c8b30a81db99c82b645cd794 100644
Binary files a/static/theme/favicons/favicon-194x194.png and b/static/theme/favicons/favicon-194x194.png differ
diff --git a/static/theme/favicons/favicon-32x32.png b/static/theme/favicons/favicon-32x32.png
index c67e967ffd8d7eaf52db69f4e85a3b3fa2387540..3213660a919773a4f3db3ec7d332453ac44da07c 100644
Binary files a/static/theme/favicons/favicon-32x32.png and b/static/theme/favicons/favicon-32x32.png differ
diff --git a/static/theme/favicons/favicon-96x96.png b/static/theme/favicons/favicon-96x96.png
index a8f976aeaeb8a8e770b9273da3ee6554883db482..eeabcb76a954d7885b2422c128c15aeace139718 100644
Binary files a/static/theme/favicons/favicon-96x96.png and b/static/theme/favicons/favicon-96x96.png differ
diff --git a/static/theme/favicons/favicon.ico b/static/theme/favicons/favicon.ico
index c276e5031e8a5eedaba6ab5472d64ff72b4b38d9..a3a4b70c4afa0f2006342664dcd2e9a532a919d3 100644
Binary files a/static/theme/favicons/favicon.ico and b/static/theme/favicons/favicon.ico differ
diff --git a/static/theme/favicons/manifest.json b/static/theme/favicons/manifest.json
index 3df87777a88ca0ac996a756822b0946a3d06b319..0cbc793fdd5a4c22336da648b2889a9c30818ba8 100644
--- a/static/theme/favicons/manifest.json
+++ b/static/theme/favicons/manifest.json
@@ -1,38 +1,38 @@
 {
-	"name": "ok1kvk.cz",
+	"name": "OK1KVK",
 	"icons": [
 		{
-			"src": "\/favicons\/android-chrome-36x36.png",
+			"src": "{{ config.baseurl }}\/theme\/favicons\/android-chrome-36x36.png?v=lkk0Gr4nzB",
 			"sizes": "36x36",
 			"type": "image\/png",
 			"density": 0.75
 		},
 		{
-			"src": "\/favicons\/android-chrome-48x48.png",
+			"src": "{{ config.baseurl }}\/theme\/favicons\/android-chrome-48x48.png?v=lkk0Gr4nzB",
 			"sizes": "48x48",
 			"type": "image\/png",
 			"density": 1
 		},
 		{
-			"src": "\/favicons\/android-chrome-72x72.png",
+			"src": "{{ config.baseurl }}\/theme\/favicons\/android-chrome-72x72.png?v=lkk0Gr4nzB",
 			"sizes": "72x72",
 			"type": "image\/png",
 			"density": 1.5
 		},
 		{
-			"src": "\/favicons\/android-chrome-96x96.png",
+			"src": "{{ config.baseurl }}\/theme\/favicons\/android-chrome-96x96.png?v=lkk0Gr4nzB",
 			"sizes": "96x96",
 			"type": "image\/png",
 			"density": 2
 		},
 		{
-			"src": "\/favicons\/android-chrome-144x144.png",
+			"src": "{{ config.baseurl }}\/theme\/favicons\/android-chrome-144x144.png?v=lkk0Gr4nzB",
 			"sizes": "144x144",
 			"type": "image\/png",
 			"density": 3
 		},
 		{
-			"src": "\/favicons\/android-chrome-192x192.png",
+			"src": "{{ config.baseurl }}\/theme\/favicons\/android-chrome-192x192.png?v=lkk0Gr4nzB",
 			"sizes": "192x192",
 			"type": "image\/png",
 			"density": 4
diff --git a/static/theme/favicons/mstile-144x144.png b/static/theme/favicons/mstile-144x144.png
index bb36d3aa80317f6b2646df96c49552f1dd18f839..a295c81ecfe263e24a9af63df0554c413bc4d994 100644
Binary files a/static/theme/favicons/mstile-144x144.png and b/static/theme/favicons/mstile-144x144.png differ
diff --git a/static/theme/favicons/mstile-150x150.png b/static/theme/favicons/mstile-150x150.png
index 8c2fadabec1d9154a2d0a281c25183e63cf0140d..0a13251b862bcd76b92c224367b3f8a23c5b1342 100644
Binary files a/static/theme/favicons/mstile-150x150.png and b/static/theme/favicons/mstile-150x150.png differ
diff --git a/static/theme/favicons/mstile-310x150.png b/static/theme/favicons/mstile-310x150.png
index 132ed61017b1b441409f4494b7c7d8c51841f0c0..c6b9246b90307ba45ffd11564bf0a7a47f56c1bf 100644
Binary files a/static/theme/favicons/mstile-310x150.png and b/static/theme/favicons/mstile-310x150.png differ
diff --git a/static/theme/favicons/mstile-310x310.png b/static/theme/favicons/mstile-310x310.png
index 3ecf5056ce407240b17b99dfd4b25fa8b9637414..12c26f89c4d6597bed321f2faf4bde52e03e00f6 100644
Binary files a/static/theme/favicons/mstile-310x310.png and b/static/theme/favicons/mstile-310x310.png differ
diff --git a/static/theme/favicons/mstile-70x70.png b/static/theme/favicons/mstile-70x70.png
index 8901c12d58a9728c73dddbdfbd01500d2c4adbbb..9f134403f33a8465e53a9e2a6a68b0c872377dd3 100644
Binary files a/static/theme/favicons/mstile-70x70.png and b/static/theme/favicons/mstile-70x70.png differ
diff --git a/static/theme/favicons/safari-pinned-tab.svg b/static/theme/favicons/safari-pinned-tab.svg
index 005ad004529d78e87530997774c6585485a2f739..d4ffd6a8d33fca5889b89fce0e57723e4f56b0ac 100644
--- a/static/theme/favicons/safari-pinned-tab.svg
+++ b/static/theme/favicons/safari-pinned-tab.svg
@@ -2,23 +2,19 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="1701.000000pt" height="1701.000000pt" viewBox="0 0 1701.000000 1701.000000"
+ width="846.000000pt" height="846.000000pt" viewBox="0 0 846.000000 846.000000"
  preserveAspectRatio="xMidYMid meet">
 <metadata>
 Created by potrace 1.11, written by Peter Selinger 2001-2013
 </metadata>
-<g transform="translate(0.000000,1701.000000) scale(0.100000,-0.100000)"
+<g transform="translate(0.000000,846.000000) scale(0.100000,-0.100000)"
 fill="#000000" stroke="none">
-<path d="M2465 15254 c-88 -19 -211 -77 -293 -139 -120 -91 -213 -234 -252
--389 -20 -79 -20 -120 -20 -6201 0 -6097 0 -6122 20 -6200 65 -255 256 -450
-510 -522 63 -17 275 -18 6220 -18 l6155 0 80 27 c114 39 199 92 286 178 121
-120 185 247 208 413 15 111 15 12133 0 12243 -43 308 -273 552 -575 610 -115
-21 -12234 20 -12339 -2z m2980 -2487 l700 -352 3 -4242 2 -4243 -700 0 -700 0
-0 3552 0 3553 -360 -360 -360 -360 -523 523 -522 522 880 880 c484 484 880
-880 880 880 0 -1 315 -159 700 -353z m3188 -354 c4 -388 7 -943 7 -1232 0
--688 11 -1562 20 -1559 4 2 800 789 1769 1751 l1761 1747 1048 0 1047 0 -2298
--2297 -2297 -2298 2297 -2297 2298 -2298 -1045 0 -1045 0 -1770 1770 c-973
-973 -1776 1770 -1782 1770 -10 0 -13 -360 -13 -1770 l0 -1770 -695 0 -695 0 0
-4595 0 4595 693 0 694 0 6 -707z"/>
+<path d="M10 4230 l0 -4230 800 0 800 0 0 4230 0 4230 -800 0 -800 0 0 -4230z"/>
+<path d="M3710 7398 l0 -1063 1060 1060 c583 583 1060 1061 1060 1062 0 2
+-477 3 -1060 3 l-1060 0 0 -1062z"/>
+<path d="M6341 6336 l-2104 -2104 2106 -2109 2106 -2108 1 4213 c0 2316 -1
+4212 -3 4212 -1 0 -949 -947 -2106 -2104z"/>
+<path d="M3710 1060 l0 -1060 1062 0 1063 0 -1060 1060 c-583 583 -1061 1060
+-1062 1060 -2 0 -3 -477 -3 -1060z"/>
 </g>
 </svg>
diff --git a/static/theme/icon56.png b/static/theme/icon56.png
index 17681d3aec3600e1773eeed727462336c40f8d4d..99d08a5e2dea3d0d721599f86cb28807f62c914a 100644
Binary files a/static/theme/icon56.png and b/static/theme/icon56.png differ
diff --git a/static/theme/icon64.png b/static/theme/icon64.png
index 189263c328013d3722d191b43493ba7277d4ff77..80a31d6769de0ec84df7c46e7c2e6af18428df91 100644
Binary files a/static/theme/icon64.png and b/static/theme/icon64.png differ
diff --git a/static/theme/logo.svg b/static/theme/logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..464b5530b76f3d3cc487db2da1ac82427663aadf
--- /dev/null
+++ b/static/theme/logo.svg
@@ -0,0 +1,468 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   id="svg2"
+   viewBox="0 0 1544.5629 344.4797"
+   height="16.056551cm"
+   width="71.955109cm"
+   version="1.1">
+  <metadata
+     id="metadata744">
+    <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>
+  <defs
+     id="defs742">
+    <clipPath
+       id="clip3">
+      <path
+         id="path38"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip4">
+      <path
+         id="path51"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip1">
+      <path
+         id="path11"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip2">
+      <path
+         id="path24"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip5">
+      <path
+         id="path65"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip6">
+      <path
+         id="path78"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip7">
+      <path
+         id="path91"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip8">
+      <path
+         id="path104"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip9">
+      <path
+         id="path117"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip10">
+      <path
+         id="path130"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip11">
+      <path
+         id="path143"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip12">
+      <path
+         id="path156"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip13">
+      <path
+         id="path169"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip14">
+      <path
+         id="path182"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip15">
+      <path
+         id="path195"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip16">
+      <path
+         id="path208"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip17">
+      <path
+         id="path221"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip18">
+      <path
+         id="path234"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip19">
+      <path
+         id="path247"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip20">
+      <path
+         id="path260"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip21">
+      <path
+         id="path273"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip22">
+      <path
+         id="path286"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip23">
+      <path
+         id="path299"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip24">
+      <path
+         id="path312"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip25">
+      <path
+         id="path325"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip26">
+      <path
+         id="path338"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip27">
+      <path
+         id="path351"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip28">
+      <path
+         id="path364"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip29">
+      <path
+         id="path377"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip30">
+      <path
+         id="path390"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip31">
+      <path
+         id="path403"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip32">
+      <path
+         id="path416"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip33">
+      <path
+         id="path429"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip34">
+      <path
+         id="path442"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip35">
+      <path
+         id="path455"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip36">
+      <path
+         id="path468"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip37">
+      <path
+         id="path481"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip38">
+      <path
+         id="path494"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip39">
+      <path
+         id="path507"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip40">
+      <path
+         id="path520"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip41">
+      <path
+         id="path533"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip42">
+      <path
+         id="path546"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip43">
+      <path
+         id="path559"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip44">
+      <path
+         id="path572"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip45">
+      <path
+         id="path585"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip46">
+      <path
+         id="path598"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip47">
+      <path
+         id="path611"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip48">
+      <path
+         id="path624"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip49">
+      <path
+         id="path637"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip50">
+      <path
+         id="path650"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip51">
+      <path
+         id="path663"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip52">
+      <path
+         id="path676"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip53">
+      <path
+         id="path689"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip54">
+      <path
+         id="path702"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip55">
+      <path
+         id="path715"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+    <clipPath
+       id="clip56">
+      <path
+         id="path728"
+         d="m 0,0 0,890 1699,0 0,-890 z" />
+    </clipPath>
+  </defs>
+  <g
+     id="misc"
+     style="stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0"
+     transform="translate(-67.144238,-491.121)" />
+  <g
+     id="a"
+     style="fill:#ffffff;fill-rule:evenodd"
+     transform="translate(-67.144238,-491.121)">
+    <path
+       id="outer"
+       d="m 215.13,541.71 c -47.45,0 -85.92,54.4 -85.92,121.5 0,67.1 38.47,121.5 85.92,121.5 47.45,0 85.91,-54.4 85.91,-121.5 0,-67.1 -38.46,-121.5 -85.91,-121.5 z m 0.82324,-49.87195 c -82.19,0 -148.809002,76.92 -148.809002,171.82 0,94.9 66.619002,171.83 148.809002,171.83 82.18,0 148.8,-76.93 148.8,-171.83 0,-94.9 -66.62,-171.82 -148.8,-171.82 z"
+       style="fill:#ffffff" />
+  </g>
+  <g
+     transform="translate(-67.144238,-491.121)"
+     id="g67"
+     clip-path="url(#clip5)"
+     style="stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0">
+    <g
+       style="fill:#ffffff"
+       id="g69">
+      <path
+         id="path71"
+         d="m 687.65,577.3 -64.44,64.43 -42.95,-42.95 107.39,-107.39 64.43,21.47 0,322.18 -64.43,0 z" />
+      <title
+         id="title73">Mnohoúhelník mnohoúhelník2</title>
+      <desc
+         id="desc75">Mnohoúhelník mnohoúhelník2: Mnohoúhelník J, I, H, G, Q_3, F, K</desc>
+    </g>
+    <!-- drawing style -->
+  </g>
+  <g
+     transform="translate(-67.144238,-491.121)"
+     id="g80"
+     clip-path="url(#clip6)"
+     style="stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0">
+    <g
+       style="fill:#ffffff"
+       id="g82">
+      <path
+         id="path84"
+         d="m 386.95,491.39 64.44,0 0,107.39 107.39,-107.39 85.91,0 -171.82,171.82 171.82,171.83 -85.91,0 -107.39,-107.39 0,107.39 -64.44,0 z" />
+      <title
+         id="title86">Mnohoúhelník mnohoúhelník3</title>
+      <desc
+         id="desc88">Mnohoúhelník mnohoúhelník3: Mnohoúhelník G_2, F_2, E_2, D_2, T_1, U_1, V_1, Z_1, W_1, A_2, H_2</desc>
+    </g>
+    <!-- drawing style -->
+  </g>
+  <g
+     transform="translate(-67.144238,-491.121)"
+     id="g93"
+     clip-path="url(#clip7)"
+     style="stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0">
+    <g
+       style="fill:#ffffff"
+       id="g95">
+      <path
+         id="path97"
+         d="m 795.04,491.39 0,343.65 64.44,0 0,-107.39 107.39,107.39 85.93,0 -171.85,-171.83 171.85,-171.82 -85.93,0 -107.39,107.39 0,-107.39 z" />
+      <title
+         id="title99">Mnohoúhelník mnohoúhelník4</title>
+      <desc
+         id="desc101">Mnohoúhelník mnohoúhelník4: Mnohoúhelník M, L, S, E, D, W, T, A_1, C, I_2, N</desc>
+    </g>
+    <!-- drawing style -->
+  </g>
+  <g
+     transform="translate(-67.144238,-491.121)"
+     id="g106"
+     clip-path="url(#clip8)"
+     style="stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0">
+    <g
+       style="fill:#ffffff"
+       id="g108">
+      <path
+         id="path110"
+         d="m 1052.8,491.39 107.4,343.65 64.4,0 107.4,-343.65 -64.4,0 -75.2,240.55 -75.2,-240.55 z" />
+      <title
+         id="title112">Mnohoúhelník mnohoúhelník5</title>
+      <desc
+         id="desc114">Mnohoúhelník mnohoúhelník5: Mnohoúhelník O, R, Z, B_1, C_1, D_1, E_1</desc>
+    </g>
+    <!-- drawing style -->
+  </g>
+  <g
+     transform="translate(-67.144238,-491.121)"
+     id="g119"
+     clip-path="url(#clip9)"
+     style="stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0">
+    <g
+       style="fill:#ffffff"
+       id="g121">
+      <path
+         id="path123"
+         d="m 1353.5,491.39 0,343.65 64.4,0 0,-107.39 107.4,107.39 85.9,0 -171.8,-171.83 171.8,-171.82 -85.9,0 -107.4,107.39 0,-107.39 z" />
+      <title
+         id="title125">Mnohoúhelník mnohoúhelník6</title>
+      <desc
+         id="desc127">Mnohoúhelník mnohoúhelník6: Mnohoúhelník F_1, G_1, H_1, I_1, J_1, K_1, L_1, M_1, N_1, O_1, P_1</desc>
+    </g>
+    <!-- drawing style -->
+  </g>
+  <!-- default stroke -->
+</svg>
diff --git a/static/theme/logo56.png b/static/theme/logo56.png
index 40102b976b66b33e9bef328309b678ef9915fc6b..406e6fcfc5aa020b51dbb6141612d11f9281257a 100644
Binary files a/static/theme/logo56.png and b/static/theme/logo56.png differ
diff --git a/static/theme/logo64.png b/static/theme/logo64.png
index 5cf05392b6347c8d98d6477324257a3b636d888d..7b97e47441005a295deb83a4bfcd312da9b62dd6 100644
Binary files a/static/theme/logo64.png and b/static/theme/logo64.png differ
diff --git a/templates/article.html.nunjucks b/templates/article.html.nunjucks
index d2c8d0125e7e497dd3d2e9cc2c0d22b7726006b7..090aeadf9f8bab3e183d9765c6bc61b933e7cc2e 100644
--- a/templates/article.html.nunjucks
+++ b/templates/article.html.nunjucks
@@ -1,34 +1,33 @@
 {% include "partials/header" %}
-<div id=content class="container article">
-  <div class="section">
-    <h2 id="title">{{ metadata.title }}</h2>
-    <div class="author" style="color: #a2a2a2">
-      {% if not metadata.nodate %}
-        {% if metadata.date %}
-          <span style="color: #626262">{{ metadata.date.creation | date("D. M. YYYY") }}</span>
-          napsal
-          <span style="color: #626262">{{ metadata.author.name }}</span>
-          {% if metadata.date.modified %}
-            naposledy upraveno <span style="color: #626262">{{ metadata.date.modification | date("D. M. YYYY") }}</span>
+  <div class="section container" id="content">
+    <div class="metadata">
+      <h2 id="title">{{ metadata.title }}</h2>
+      <div class="author" style="color: #a2a2a2">
+        {% if not metadata.nodate %}
+          {% if metadata.date %}
+            <span style="color: #626262">{{ metadata.date.creation | date("D. M. YYYY") }}</span>
+            napsal
+            <span style="color: #626262">{{ metadata.author.name }}</span>
+            {% if metadata.date.modified %}
+              naposledy upraveno <span style="color: #626262">{{ metadata.date.modification | date("D. M. YYYY") }}</span>
+            {% endif %}
+          {% else %}
+            Článek není v gitu
           {% endif %}
-        {% else %}
-          Článek není v gitu
         {% endif %}
-      {% endif %}
-    </div>
-    <div>
-      {% for tag in metadata.tags %}
-        {% if tag.url != "clanek" %}
-          <a href="{{ config.baseurl }}/tag/{{ tag.url }}"><div class="chip">{{ tag.text }}</div></a>
-        {% endif %}
-      {% endfor %}
-
-      <article>
-        <p>
-         {{ content | safe }}
-        </p>
-      </article>
+      </div>
+      <div class="tags">
+        {% for tag in metadata.tags %}
+          {% if tag.url != "clanek" %}
+            <a href="{{ config.baseurl }}/tag/{{ tag.url }}"><div class="chip">{{ tag.text }}</div></a>
+          {% endif %}
+        {% endfor %}
+      </div>
     </div>
+    <article>
+      <p>
+       {{ content | safe }}
+      </p>
+    </article>
   </div>
-</div> <!-- #content -->
 {% include "partials/footer" %}
diff --git a/templates/gallery.html.nunjucks b/templates/gallery.html.nunjucks
new file mode 100644
index 0000000000000000000000000000000000000000..8cea0527492445075ae5c2e34944234b8d938bbe
--- /dev/null
+++ b/templates/gallery.html.nunjucks
@@ -0,0 +1,3 @@
+{{ include "partials/header.html" }}
+  
+{{ include "partials/footer.html" }}
diff --git a/templates/partials/footer.html.nunjucks b/templates/partials/footer.html.nunjucks
index 47b21924717da18582a445c1f33c84bddcbdc8c0..cdae78d61b3ad503850e3a8ee36b7eca2ed1a383 100644
--- a/templates/partials/footer.html.nunjucks
+++ b/templates/partials/footer.html.nunjucks
@@ -27,25 +27,6 @@
       $(document).ready(onresize);
     })(jQuery);
     </script>
-    {% if config.devel %}
-      <script>
-        var socket = io();
-        console.log("starting...");
-        var socket = io();
-        socket.io.reconnectionDelay(150);
-        socket.on('connect', function(){
-          console.log("connected");
-	        socket.emit('authenticate', {token: 'test'});
-	        socket.on('authenticated', function(){
-		        // now it is an authenticated socket and works as before
-	        });
-        });
-        socket.on("reload",function() {
-	        console.log("reloading");
-	        location.reload();
-        });
-      </script>
-    {% endif %}
     <script src="{{ config.baseurl }}/theme/lightbox2/dist/js/lightbox.min.js"></script>
   </body>
 </html>
diff --git a/templates/partials/header.html.nunjucks b/templates/partials/header.html.nunjucks
index 70ef4c38929b9e44c2d5cf83059a952952916c82..623db24584b5163887c103ca63d493069164e4b1 100644
--- a/templates/partials/header.html.nunjucks
+++ b/templates/partials/header.html.nunjucks
@@ -12,27 +12,27 @@
 
   <script src="{{ config.baseurl }}/theme/js/jquery-1.12.0.min.js"></script>
 
-  <link rel="apple-touch-icon" sizes="57x57" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-57x57.png">
-  <link rel="apple-touch-icon" sizes="60x60" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-60x60.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-72x72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-76x76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-114x114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-120x120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-144x144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-152x152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-180x180.png">
-  <link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/favicon-32x32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/favicon-194x194.png" sizes="194x194">
-  <link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/favicon-96x96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/android-chrome-192x192.png" sizes="192x192">
-  <link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/favicon-16x16.png" sizes="16x16">
-  <link rel="manifest" href="{{ config.baseurl }}/theme/favicons/manifest.json">
-  <link rel="mask-icon" href="{{ config.baseurl }}/theme/favicons/safari-pinned-tab.svg" color="#5bbad5">
-  <link rel="shortcut icon" href="{{ config.baseurl }}/theme/favicons/favicon.ico">
+  <link rel="apple-touch-icon" sizes="57x57" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-57x57.png?v=lkk0Gr4nzB">
+  <link rel="apple-touch-icon" sizes="60x60" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-60x60.png?v=lkk0Gr4nzB">
+  <link rel="apple-touch-icon" sizes="72x72" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-72x72.png?v=lkk0Gr4nzB">
+  <link rel="apple-touch-icon" sizes="76x76" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-76x76.png?v=lkk0Gr4nzB">
+  <link rel="apple-touch-icon" sizes="114x114" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-114x114.png?v=lkk0Gr4nzB">
+  <link rel="apple-touch-icon" sizes="120x120" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-120x120.png?v=lkk0Gr4nzB">
+  <link rel="apple-touch-icon" sizes="144x144" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-144x144.png?v=lkk0Gr4nzB">
+  <link rel="apple-touch-icon" sizes="152x152" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-152x152.png?v=lkk0Gr4nzB">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ config.baseurl }}/theme/favicons/apple-touch-icon-180x180.png?v=lkk0Gr4nzB">
+  <link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/favicon-32x32.png?v=lkk0Gr4nzB" sizes="32x32">
+  <link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/favicon-194x194.png?v=lkk0Gr4nzB" sizes="194x194">
+  <link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/favicon-96x96.png?v=lkk0Gr4nzB" sizes="96x96">
+  <link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/android-chrome-192x192.png?v=lkk0Gr4nzB" sizes="192x192">
+  <link rel="icon" type="image/png" href="{{ config.baseurl }}/theme/favicons/favicon-16x16.png?v=lkk0Gr4nzB" sizes="16x16">
+  <link rel="manifest" href="{{ config.baseurl }}/theme/favicons/manifest.json?v=lkk0Gr4nzB">
+  <link rel="mask-icon" href="{{ config.baseurl }}/theme/favicons/safari-pinned-tab.svg?v=lkk0Gr4nzB" color="#0288d1">
+  <link rel="shortcut icon" href="{{ config.baseurl }}/theme/favicons/favicon.ico?v=lkk0Gr4nzB">
   <meta name="msapplication-TileColor" content="#2d89ef">
-  <meta name="msapplication-TileImage" content="{{ config.baseurl }}/theme/favicons/mstile-144x144.png">
-  <meta name="msapplication-config" content="{{ config.baseurl }}/theme/favicons/browserconfig.xml">
-  <meta name="theme-color" content="#0288D1">
+  <meta name="msapplication-TileImage" content="{{ config.baseurl }}/theme/favicons/mstile-144x144.png?v=lkk0Gr4nzB">
+  <meta name="msapplication-config" content="{{ config.baseurl }}/theme/favicons/browserconfig.xml?v=lkk0Gr4nzB">
+  <meta name="theme-color" content="#0288d1">
   {% if config.devel %}
     <script src="{{ config.baseurl }}/theme/js/socket.io-1.4.5.js"></script>
   {% endif %}
@@ -42,7 +42,7 @@
   {% import "partials/svgs" as svgs %}
   <div id="all">
     <!-- Top nav -->
-    <nav class="light-blue supernav" role="navigation" style="z-index:5;position:absolute;">
+    <nav class="supernav" role="navigation" style="z-index:5;position:absolute;">
       <div class="nav-wrapper container">
         <a data-activates="nav-mobile" class="menu-icon hide-on-med-and-up" style="float:left">
           {{ svgs.menu("#fff",false) }}
@@ -117,7 +117,7 @@
     </ul>
 
     <!-- Lower nav -->
-    <nav class="light-blue lighten-1 subnav subnav1 hide-on-small-and-down" role="navigation">
+    <nav class="subnav subnav1 hide-on-small-and-down" role="navigation">
       <div class="nav-wrapper container">
         <ul class="right">
           <li><a href="{{ config.baseurl }}/clanek/2008/o-radioklubu">O Radioklubu</a></li>
@@ -128,7 +128,7 @@
       </div>
     </nav>
     <!-- Lower nav 2 -->
-    <nav class="light-blue lighten-1 subnav subnav2 hide-on-small-and-down" role="navigation">
+    <nav class="subnav subnav2 hide-on-small-and-down" role="navigation">
       <div class="nav-wrapper container">
         <ul class="right">
           <li><a href="{{ config.baseurl }}/tag/clanek">Všechny články</a></li>
diff --git a/templates/partials/list.html.nunjucks b/templates/partials/list.html.nunjucks
index 6a9de4c162e9881306d3c64635b4009d97e12108..8c4a2f7f4c9631e4ee71a81c8fc936b198bea75a 100644
--- a/templates/partials/list.html.nunjucks
+++ b/templates/partials/list.html.nunjucks
@@ -11,7 +11,7 @@
                   {% if page.metadata.image %}background-image: url('{{config.baseurl}}/{{ page.metadata.image }}'){% endif %}
                   " class="leadimage light-blue darken-2"></div>
               </a>
-              <div class="head-title" style="margin-bottom: 10px">
+              <div class="head-title">
                 <a href="{{ config.baseurl }}/{{ page.file }}"><h5 class="center">{{ page.metadata.title }}</h5></a>
               </div>
               <div style="padding: 0px 10px;" class="head-perex">
diff --git a/templates/partials/search.html.nunjucks b/templates/partials/search.html.nunjucks
index 4a931d68b1e4dc9c4d7b6c7d85795202b91cf799..cd5a5ac21b45b19a142d39e3c5274dbb360900db 100644
--- a/templates/partials/search.html.nunjucks
+++ b/templates/partials/search.html.nunjucks
@@ -1,15 +1,33 @@
 <div class="hidden" id="search" style="display:none">
   <div><div><div><div style="background-color: white">
-      <div id="searchbox" style="padding: 0 10px;">
+      <div id="searchbox" style="padding: 0 60px 0 10px">
         <form>
-          <input style="padding: 0 10px; margin: 0 -10px; width:100%;" placeholder="Vyhledávejte psaním...">
+          <input style="padding: 0 60px 0 10px; margin: 0 -10px; width:100%;" placeholder="Vyhledávejte psaním...">
         <form>
+        <div style="right: 0px; position: absolute; top: 0px; width: 50px; height: 50px; line-height: 50px;" class="">
+          X
+        </div>
       </div>
       <div id="searchresults"></div>
   </div></div></div></div>
 </div>
 <div id="search-overlay" style="display:none"></div>
 <script>
+  function debounce(func, wait, immediate) {
+	  var timeout;
+	  return function() {
+		  var context = this, args = arguments;
+		  var later = function() {
+			  timeout = null;
+			  if (!immediate) func.apply(context, args);
+		  };
+		  var callNow = immediate && !timeout;
+		  clearTimeout(timeout);
+		  timeout = setTimeout(later, wait);
+		  if (callNow) func.apply(context, args);
+	  };
+  };
+
   var myCallback = function() {
     var doRender = function() {
       google.search.cse.element.render({
@@ -45,14 +63,14 @@
     e.preventDefault();
   });
   
-  $("#searchbox form").on("input", function(e) {
+  $("#searchbox form").on("input", debounce(function(e) {
     var s = $("#searchbox input").val()
     if(s == "") {
       $("#searchresults").html("");
       myCallback();
     } else
       google.search.cse.element.getElement('searchresults').execute(s);
-  });
+  },250));
 
   (function() {
     var searchHeight = $('#search').height();