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();