{"id":566,"date":"2026-03-29T15:14:40","date_gmt":"2026-03-29T15:14:40","guid":{"rendered":"https:\/\/www.pochoden.cz\/wordpress\/?page_id=566"},"modified":"2026-04-20T13:54:52","modified_gmt":"2026-04-20T13:54:52","slug":"na-vic","status":"publish","type":"page","link":"https:\/\/www.pochoden.cz\/wordpress\/na-vic\/","title":{"rendered":"Nav\u00edc :)"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"cs\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Odd\u00edlov\u00e9 perly &#8211; Pochode\u0148 Unho\u0161\u0165<\/title>\n    \n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        \/* --- Z\u00c1KLADN\u00cd RESET --- *\/\n        * { box-sizing: border-box; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; }\n        body { font-family: 'Montserrat', sans-serif; background: transparent; color: #2d3748; padding: 50px 20px; }\n\n        \/* --- HLAVN\u00cd KONTEJNER --- *\/\n        .fun-wrapper { max-width: 1050px; margin: 0 auto; }\n\n        .section-header { text-align: center; margin-bottom: 50px; }\n        .section-title { font-size: 2.8rem; font-weight: 800; color: #207d20; margin-bottom: 20px; position: relative; display: inline-block; }\n        .section-title::after { content: ''; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); width: 80px; height: 4px; background-color: #207d20; border-radius: 2px; }\n        .section-intro { font-size: 1.15rem; line-height: 1.7; color: #4a5568; font-weight: 500; max-width: 750px; margin: 0 auto; margin-top: 25px; }\n\n        \/* --- M\u0158\u00cd\u017dKA --- *\/\n        .fun-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n\n        \/* --- KARTY --- *\/\n        .fun-card {\n            background: #ffffff;\n            border-radius: 20px;\n            padding: 35px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            border: 1px solid #f0f4f8;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .fun-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 25px rgba(32, 125, 32, 0.08);\n            border-color: rgba(32, 125, 32, 0.2);\n        }\n\n        .fun-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background-color: #207d20; }\n\n        .card-icon { font-size: 2.2rem; color: #207d20; margin-bottom: 20px; background-color: rgba(32, 125, 32, 0.1); width: 65px; height: 65px; line-height: 65px; text-align: center; border-radius: 12px; }\n        .card-title { font-size: 1.4rem; font-weight: 700; color: #2d3748; margin-bottom: 20px; }\n\n        \/* --- SLOVN\u00cd\u010cEK --- *\/\n        .dictionary-list { display: flex; flex-direction: column; gap: 15px; }\n        .dictionary-item { background: #f7fafc; padding: 15px; border-radius: 10px; border-left: 3px solid #207d20; }\n        .dictionary-term { font-weight: 800; color: #207d20; font-size: 1.1rem; margin-bottom: 5px; display: block; }\n        .dictionary-desc { font-size: 0.95rem; color: #4a5568; line-height: 1.5; }\n\n        \/* --- HL\u00c1\u0160KY --- *\/\n        .quote-wrapper { position: relative; padding: 20px; background: rgba(32, 125, 32, 0.05); border-radius: 12px; margin-bottom: 15px; font-style: italic; color: #4a5568; line-height: 1.6; }\n        .quote-icon { position: absolute; top: 10px; right: 15px; font-size: 2rem; color: rgba(32, 125, 32, 0.1); }\n        .quote-author { display: block; margin-top: 10px; font-weight: 700; color: #207d20; font-style: normal; font-size: 0.9rem; text-align: right; }\n\n        \/* --- GENER\u00c1TOR --- *\/\n        .generator-box { text-align: center; flex: 1; display: flex; flex-direction: column; justify-content: center; }\n        .generator-result { min-height: 80px; font-size: 1.2rem; font-weight: 600; color: #e53e3e; margin: 20px 0; padding: 15px; border: 2px dashed #e2e8f0; border-radius: 12px; display: flex; align-items: center; justify-content: center; }\n        .btn-generate { background-color: #207d20; color: #ffffff; font-weight: 700; border: none; padding: 15px 25px; border-radius: 30px; cursor: pointer; transition: all 0.3s ease; font-size: 1rem; width: 100%; font-family: 'Montserrat', sans-serif; }\n        .btn-generate:hover { background-color: #124d12; box-shadow: 0 6px 15px rgba(32, 125, 32, 0.25); transform: translateY(-2px); }\n\n        @media (max-width: 768px) { .section-title { font-size: 2.3rem; } .fun-grid { grid-template-columns: 1fr; } }\n    <\/style>\n<\/head>\n<body>\n\n<section class=\"fun-wrapper\">\n\n    <div class=\"section-header\">\n        <h2 class=\"section-title\">Odd\u00edlov\u00e9 perly<\/h2>\n        <p class=\"section-intro\">Proto\u017ee n\u00e1\u0161 odd\u00edl, to nen\u00ed jen v\u00e1\u017en\u00e1 pr\u00e1ce a uzlov\u00e1n\u00ed. Ob\u010das je to i docela slu\u0161n\u00e1 sranda. V\u00edtejte v neofici\u00e1ln\u00edm koutku Pochodn\u011b!<\/p>\n    <\/div>\n\n    <div class=\"fun-grid\">\n\n        <div class=\"fun-card\">\n            <i class=\"fas fa-book-open card-icon\"><\/i>\n            <h3 class=\"card-title\">Nov\u00e1\u010dk\u016fv slovn\u00ed\u010dek<\/h3>\n            <p style=\"margin-bottom: 20px; color: #4a5568; font-size: 0.95rem;\">\u010cemu u n\u00e1s ob\u010das nebudou rodi\u010de rozum\u011bt?<\/p>\n            \n            <div class=\"dictionary-list\">\n                <div class=\"dictionary-item\">\n                    <span class=\"dictionary-term\">\u0160t\u00e1b<\/span>\n                    <span class=\"dictionary-desc\">N\u00e1\u0161 obl\u00edben\u00fd srub s velkou zahradou kousek za Unho\u0161t\u00ed u ryb\u00e1rny. M\u00edsto letn\u00edch akc\u00ed a ArmyDay.<\/span>\n                <\/div>\n                <div class=\"dictionary-item\">\n                    <span class=\"dictionary-term\">\u010cumba<\/span>\n                    <span class=\"dictionary-desc\">Dlouh\u00e1 a legend\u00e1rn\u00ed tradice na\u0161eho reprezenta\u010dn\u00edho plesu. Kdo neza\u017eil, nepochop\u00ed.<\/span>\n                <\/div>\n                <div class=\"dictionary-item\">\n                    <span class=\"dictionary-term\">Pavouk<\/span>\n                    <span class=\"dictionary-desc\">Na\u0161e tradi\u010dn\u00ed odd\u00edlov\u00e1 lezeck\u00e1 sout\u011b\u017e, kde se uk\u00e1\u017ee, kdo se um\u00ed udr\u017eet i na hladk\u00e9 zdi.<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"fun-card\">\n            <i class=\"fas fa-comments card-icon\"><\/i>\n            <h3 class=\"card-title\">Zlat\u00e9 hl\u00e1\u0161ky z t\u00e1bora<\/h3>\n            \n            <div class=\"quote-wrapper\">\n                <i class=\"fas fa-quote-right quote-icon\"><\/i>\n                &#8222;M\u016f\u017eu to j\u00edst i s t\u00edm \u010dern\u00fdm, nebo se z toho op\u00e9k\u00e1n\u00ed ten bu\u0159t mus\u00ed oloupat?&#8220;\n                <span class=\"quote-author\">&#8211; Zmaten\u00fd nov\u00e1\u010dek, T\u00e1bor 2023<\/span>\n            <\/div>\n\n            <div class=\"quote-wrapper\">\n                <i class=\"fas fa-quote-right quote-icon\"><\/i>\n                &#8222;J\u00e1 jsem se neztratil! J\u00e1 jenom zkoum\u00e1m alternativn\u00ed trasu k ob\u011bdu.&#8220;\n                <span class=\"quote-author\">&#8211; B\u011bhem bojovky, Jarn\u00ed v\u00fdprava<\/span>\n            <\/div>\n            \n            <div class=\"quote-wrapper\">\n                <i class=\"fas fa-quote-right quote-icon\"><\/i>\n                &#8222;A ta no\u010dn\u00ed hl\u00eddka se d\u00e1 p\u0159esko\u010dit, kdy\u017e si koup\u00edm Premium \u00fa\u010det?&#8220;\n                <span class=\"quote-author\">&#8211; Generace Z u t\u00e1bor\u00e1ku<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"fun-card\">\n            <i class=\"fas fa-magic card-icon\"><\/i>\n            <h3 class=\"card-title\">Gener\u00e1tor v\u00fdmluv<\/h3>\n            <p style=\"text-align: center; color: #4a5568; font-size: 0.95rem;\">Nechce se ti m\u00fdt e\u0161usy nebo na hl\u00eddku? Zkus \u0161t\u011bst\u00ed u na\u0161eho gener\u00e1toru.<\/p>\n            \n            <div class=\"generator-box\">\n                <div id=\"excuse-text\" class=\"generator-result\">Klikni pro v\u00fdmluvu!<\/div>\n                \n                <button class=\"btn-generate\" onclick=\"generateExcuse()\">\n                    <i class=\"fas fa-dice\"><\/i> Vygenerovat v\u00fdmluvu\n                <\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n    \/\/ Seznam vtipn\u00fdch v\u00fdmluv (m\u016f\u017ee\u0161 si sem dopsat jak\u00e9koliv vlastn\u00ed)\n    const excuses = [\n        \"Nem\u016f\u017eu, zrovna mi usnula noha a boj\u00edm se, abych ji nevzbudil.\",\n        \"M\u016fj spac\u00e1k m\u011b dr\u017e\u00ed jako rukojm\u00ed a po\u017eaduje v\u00fdkupn\u00e9.\",\n        \"Dostal jsem alergii na jehli\u010d\u00ed a \u010derstv\u00fd vzduch.\",\n        \"Pr\u00e1v\u011b komunikuji s mimozem\u0161\u0165any pomoc\u00ed morseovky, nesm\u00edm to p\u0159eru\u0161it.\",\n        \"M\u016fj e\u0161us se urazil a odm\u00edt\u00e1 se mnou spolupracovat.\",\n        \"Medv\u011bd mi sn\u011bdl kart\u00e1\u010dek na zuby, mus\u00edm to j\u00edt vy\u0161et\u0159it.\",\n        \"Zrovna se sna\u017e\u00edm nau\u010dit uzlovat po slepu a m\u00e1m zav\u00e1zan\u00e9 ob\u011b ruce.\",\n        \"P\u0159edpov\u00edd\u00e1m po\u010das\u00ed z \u0161i\u0161ek a vypad\u00e1 to na katastrofu, mus\u00edm se schovat.\"\n    ];\n\n    function generateExcuse() {\n        \/\/ Vybere n\u00e1hodnou v\u00fdmluvu ze seznamu v\u00fd\u0161e\n        const randomIndex = Math.floor(Math.random() * excuses.length);\n        const resultText = document.getElementById(\"excuse-text\");\n        \n        \/\/ Animace pro efekt (rychle zmiz\u00ed a objev\u00ed se nov\u00fd text)\n        resultText.style.opacity = 0;\n        setTimeout(() => {\n            resultText.innerText = excuses[randomIndex];\n            resultText.style.opacity = 1;\n        }, 200);\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Odd\u00edlov\u00e9 perly &#8211; Pochode\u0148 Unho\u0161\u0165 Odd\u00edlov\u00e9 perly Proto\u017ee n\u00e1\u0161 odd\u00edl, to nen\u00ed jen v\u00e1\u017en\u00e1 pr\u00e1ce a uzlov\u00e1n\u00ed. Ob\u010das je to i docela slu\u0161n\u00e1 sranda. V\u00edtejte v neofici\u00e1ln\u00edm koutku Pochodn\u011b! Nov\u00e1\u010dk\u016fv slovn\u00ed\u010dek \u010cemu u n\u00e1s ob\u010das nebudou rodi\u010de rozum\u011bt? \u0160t\u00e1b N\u00e1\u0161 obl\u00edben\u00fd srub s velkou zahradou kousek za Unho\u0161t\u00ed u ryb\u00e1rny. M\u00edsto letn\u00edch akc\u00ed a ArmyDay&#8230;.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"default","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-566","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/comments?post=566"}],"version-history":[{"count":2,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/566\/revisions"}],"predecessor-version":[{"id":745,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/566\/revisions\/745"}],"wp:attachment":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/media?parent=566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}