{"id":4835,"date":"2026-05-05T15:34:23","date_gmt":"2026-05-05T13:34:23","guid":{"rendered":"http:\/\/www.jinak.net\/?page_id=4835"},"modified":"2026-05-06T23:23:57","modified_gmt":"2026-05-06T21:23:57","slug":"piknik-na-ketasku","status":"publish","type":"page","link":"http:\/\/www.jinak.net\/?page_id=4835","title":{"rendered":"PIKNIK NA KETASKU"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n 10. Piknik na Ke\u0165\u00e1sku \u2013 Te\u010dka!<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700;900&family=Special+Elite&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --ji-black: #111111;\n --ji-red: #B42637;\n --ji-blue: #24a5c5;\n --ji-white: #fcfcfc;\n }\n body {\n font-family: 'Roboto', sans-serif;\n background-color: var(--ji-white);\n color: var(--ji-black);\n scroll-behavior: smooth;\n }\n h1, h2, h3, .guerilla-font {\n font-family: 'Special Elite', system-ui, serif;\n text-transform: uppercase;\n letter-spacing: -0.01em;\n }\n .hero-bg {\n background: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.75)), url('http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/P6085643-scaled.jpg');\n background-size: cover;\n background-position: center 30%;\n }\n .noise {\n position: relative;\n }\n .noise::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n opacity: 0.05;\n pointer-events: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n }\n \n .btn-primary {\n display: inline-block;\n padding: 1.25rem 2.5rem;\n background: var(--ji-blue);\n color: white;\n font-weight: 900;\n font-size: 1.25rem;\n border: 3px solid var(--ji-black);\n box-shadow: 6px 6px 0px var(--ji-black);\n transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n text-decoration: none;\n cursor: pointer;\n text-align: center;\n }\n .btn-primary:hover:not(.clicked) {\n transform: translate(-2px, -2px);\n box-shadow: 10px 10px 0px var(--ji-red);\n background-color: var(--ji-blue);\n }\n .btn-primary:active:not(.clicked) {\n transform: translate(4px, 4px);\n box-shadow: 0px 0px 0px var(--ji-black);\n }\n .btn-primary.clicked {\n background: var(--ji-red);\n box-shadow: none;\n transform: none;\n cursor: default;\n }\n\n .marker-red {\n background-color: var(--ji-red);\n color: white;\n padding: 0.2rem 0.8rem;\n display: inline-block;\n transform: rotate(-1.5deg);\n }\n \n .interactive-link {\n color: var(--ji-blue);\n text-decoration: underline;\n text-decoration-thickness: 2px;\n text-underline-offset: 4px;\n transition: color 0.2s;\n }\n .interactive-link:hover {\n color: var(--ji-red);\n }\n\n \/* Tooltip styling *\/\n .card-container {\n position: relative;\n }\n .card-hover {\n transition: transform 0.3s, border-color 0.3s;\n position: relative;\n z-index: 10;\n }\n .card-hover:hover {\n transform: translateY(-5px);\n border-color: var(--ji-blue);\n }\n .tooltip {\n position: absolute;\n bottom: 110%;\n left: 50%;\n transform: translateX(-50%) translateY(10px);\n background: var(--ji-black);\n color: white;\n padding: 12px;\n border-radius: 4px;\n font-size: 0.875rem;\n width: 200px;\n text-align: center;\n opacity: 0;\n visibility: hidden;\n transition: all 0.3s ease;\n pointer-events: none;\n box-shadow: 8px 8px 0px var(--ji-red);\n z-index: 50;\n }\n .card-container:hover .tooltip {\n opacity: 1;\n visibility: visible;\n transform: translateX(-50%) translateY(0);\n }\n\n \/* Carousel Animace *\/\n @keyframes marquee {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n @keyframes marquee-reverse {\n 0% { transform: translateX(-50%); }\n 100% { transform: translateX(0); }\n }\n .marquee-wrapper {\n overflow: hidden;\n width: 100%;\n position: relative;\n background: #eee;\n border-top: 2px solid var(--ji-black);\n border-bottom: 2px solid var(--ji-black);\n padding: 2rem 0;\n margin-top: 3rem;\n }\n .marquee-content {\n display: flex;\n width: max-content;\n animation: marquee 50s linear infinite;\n }\n .marquee-content-reverse {\n display: flex;\n width: max-content;\n animation: marquee-reverse 50s linear infinite;\n }\n .marquee-item {\n width: 320px;\n height: 220px;\n margin: 0 0.75rem;\n flex-shrink: 0;\n border: 8px solid white;\n transition: all 0.4s ease;\n object-fit: cover;\n }\n .marquee-item:nth-child(3n+1) { transform: rotate(-2deg); }\n .marquee-item:nth-child(3n+2) { transform: rotate(1.5deg); }\n .marquee-item:nth-child(3n+3) { transform: rotate(-1deg); }\n\n \/* Polaroid Gallery *\/\n .polaroid-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n .polaroid {\n background: white;\n padding: 10px 10px 30px 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n }\n .polaroid img {\n width: 100%;\n height: auto;\n display: block;\n }\n <\/style>\n<\/head>\n<body class=\"noise\">\n\n <!-- 1. HERO -->\n <header class=\"relative h-screen flex items-center justify-center text-white hero-bg px-4 text-center\">\n <div class=\"absolute top-8 left-8 z-20\">\n <div class=\"guerilla-font text-2xl font-bold border-2 border-white p-2 leading-none bg-black\/20 backdrop-blur-sm\">\n Ji.nA.K\n <\/div>\n <\/div>\n\n <div class=\"relative z-10 max-w-5xl\">\n <h1 class=\"text-5xl md:text-8xl font-black mb-4 leading-none tracking-tighter\">\n 10. Piknik na Ke\u0165\u00e1sku<br>\n <span class=\"marker-red mt-4 px-4 shadow-xl\">TE\u010cKA!<\/span>\n <\/h1>\n <p class=\"text-xl md:text-3xl mb-12 font-light italic opacity-95\">\u201eMo\u017en\u00e1 posledn\u00ed Piknik, jak ho zn\u00e1\u0161.\u201c<\/p>\n \n <div class=\"flex flex-col md:flex-row items-center justify-center gap-6 mb-16 text-lg font-bold tracking-widest uppercase\">\n <div class=\"flex items-center gap-2 bg-black\/40 px-4 py-2 rounded\">\n <svg class=\"w-6 h-6 text-ji-blue\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"><\/path><\/svg>\n <span>Ke\u0165\u00e1sek, Jihlava<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 bg-black\/40 px-4 py-2 rounded\">\n <svg class=\"w-6 h-6 text-ji-red\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z\" clip-rule=\"evenodd\"><\/path><\/svg>\n <span>06 . 06 . 2026<\/span>\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/fb.me\/e\/6Gk9Exx72\" target=\"_blank\" class=\"btn-primary\">CHCI B\u00ddT U TOHO<\/a>\n <\/div>\n <\/header>\n\n <!-- 2. KONTEXT \/ EMOCE -->\n <section class=\"py-24 px-6 bg-white relative\">\n <div class=\"max-w-4xl mx-auto text-center\">\n <h2 class=\"text-3xl md:text-5xl font-bold mb-12 guerilla-font text-ji-red leading-tight\">\n Piknik nen\u00ed akce, na kterou se jde\u0161 pod\u00edvat. <br>\n Piknik je akce, kterou jde\u0161 tvo\u0159it.\n <\/h2>\n \n <div class=\"grid md:grid-cols-2 gap-10 text-left mb-12\">\n <div class=\"p-8 border-l-4 border-ji-blue bg-gray-50 hover:bg-ji-blue\/5 transition-colors group\">\n <h3 class=\"guerilla-font font-bold mb-3 text-xl text-[#B42637]\">GALERIE BEZ HRANIC<\/h3>\n <p class=\"text-gray-700 leading-relaxed\">\n Piknik je GALERIE BEZ HRANIC: P\u0159ines fotky, obrazy nebo sochy a prost\u011b je vystav. S\u00edt\u011b a \u0161\u0148\u016fry mezi stromy jsou tvoje r\u00e1my.\n <\/p>\n <\/div>\n <div class=\"p-8 border-l-4 border-ji-red bg-gray-50 hover:bg-ji-red\/5 transition-colors group\">\n <h3 class=\"guerilla-font font-bold mb-3 text-xl text-[#B42637]\">OPEN MIC<\/h3>\n <p class=\"text-gray-700 leading-relaxed\">\n Piknik je OPEN MIC: M\u00e1\u0161 kytaru nebo b\u00e1sni\u010dky? Sedni si na deku a hraj. Tady t\u011b nikdo nebude hodnotit, tady se naslouch\u00e1.\n <\/p>\n <\/div>\n <div class=\"p-8 border-l-4 border-ji-blue bg-gray-50 hover:bg-ji-blue\/5 transition-colors group\">\n <h3 class=\"guerilla-font font-bold mb-3 text-xl text-[#B42637]\">SD\u00cdLEN\u00dd ST\u016eL<\/h3>\n <p class=\"text-gray-700 leading-relaxed\">\n Piknik je SD\u00cdLEN\u00dd ST\u016eL: Upekla jsi b\u00e1bovku? P\u0159ines ji. Ochutnej od ostatn\u00edch. J\u00eddlo je nejlep\u0161\u00ed soci\u00e1ln\u00ed s\u00ed\u0165.\n <\/p>\n <\/div>\n <div class=\"p-8 border-l-4 border-ji-red bg-gray-50 hover:bg-ji-red\/5 transition-colors group\">\n <h3 class=\"guerilla-font font-bold mb-3 text-xl text-[#B42637]\">TE\u010cKA<\/h3>\n <p class=\"text-gray-700 leading-relaxed\">\n Piknik je TE\u010cKA: Deset let jsme budovali tuhle komunitu. Letos to oslav\u00edme nejv\u00edc nahlas.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"marquee-wrapper\">\n <div class=\"marquee-content\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/P6030129-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik Moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/P6030048-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik Moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/P6030046-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik Moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/P6030004-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik Moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/P6020116-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik Moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/P6020108-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik Moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/P6020089-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik Moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/IMG_20260504_120202-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik Moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/P6030129-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik Moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/P6030048-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik Moment\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- JAK TO FUNGUJE - BLOKOV\u00c1 \u00daPRAVA -->\n <section class=\"py-24 px-6 bg-[#f0f0f0]\">\n <div class=\"max-w-6xl mx-auto bg-white border-4 border-black shadow-[20px_20px_0px_rgba(0,0,0,1)] overflow-hidden\">\n <div class=\"flex flex-col lg:flex-row\">\n <!-- Obr\u00e1zek -->\n <div class=\"lg:w-1\/2 h-64 lg:h-auto overflow-hidden border-b-4 lg:border-b-0 lg:border-r-4 border-black\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/PIKNIK.jpg\" alt=\"Piknik na Ke\u0165\u00e1sku\" class=\"w-full h-full object-cover\">\n <\/div>\n <!-- Textov\u00fd obsah -->\n <div class=\"lg:w-1\/2 p-8 md:p-12 flex flex-col justify-center text-left\">\n <h2 class=\"text-4xl md:text-5xl font-black mb-10 guerilla-font text-[#B42637]\">Jak to funguje<\/h2>\n \n <div class=\"space-y-10 mb-12\">\n <div>\n <h3 class=\"guerilla-font font-bold mb-2 text-xl text-[#B42637]\">Kdy p\u0159ij\u00edt<\/h3>\n <p class=\"text-gray-700 leading-relaxed italic border-l-4 border-ji-blue pl-4\">„Ide\u00e1ln\u011b doraz mezi 10:00 a 13:00, a\u0165 si stihne\u0161 vybrat nejlep\u0161\u00ed flek.“<\/p>\n <\/div>\n <div>\n <h3 class=\"guerilla-font font-bold mb-2 text-xl text-[#B42637]\">Co s sebou<\/h3>\n <p class=\"text-gray-700 leading-relaxed italic border-l-4 border-[#B42637] pl-4\">„Vlastn\u00ed stojan, deku na zem, nebo to prost\u011b pov\u011bs na \u0161\u0148\u016fru (tu tam budeme m\u00edt).“<\/p>\n <\/div>\n <div>\n <h3 class=\"guerilla-font font-bold mb-2 text-xl text-[#B42637]\">Prodej<\/h3>\n <p class=\"text-gray-700 leading-relaxed italic border-l-4 border-ji-blue pl-4\">„Chce\u0161 n\u011bco prodat? Dej si k tomu cenovku a QR k\u00f3d na sv\u016fj bankovn\u00ed \u00fa\u010det. Je to tvoje show.“<\/p>\n <\/div>\n <\/div>\n\n <button id=\"cta-button\" class=\"btn-primary w-full uppercase tracking-widest\">\n BERU OBRAZ A JDU\n <\/button>\n \n <!-- NOV\u00dd KONTAKTN\u00cd BOX -->\n <div class=\"mt-12 p-6 border-2 border-dashed border-black bg-white flex flex-col md:flex-row items-center justify-between gap-4\">\n <span class=\"guerilla-font font-bold text-lg\">M\u00e1\u0161 dotaz? Kontaktuj n\u00e1s:<\/span>\n <a href=\"https:\/\/www.instagram.com\/ji.jinak\/\" target=\"_blank\" class=\"flex items-center gap-2 bg-black text-white px-4 py-2 hover:bg-ji-red transition-colors duration-300\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n <span>INSTAGRAM<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 3. INTERAKTIVN\u00cd MO\u017dNOSTI -->\n <section class=\"py-16 px-4 bg-gray-100 border-y-4 border-black\">\n <div class=\"max-w-6xl mx-auto grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4\">\n <div class=\"card-container\">\n <div class=\"tooltip\">Autorsk\u00e9 \u010dten\u00ed jihlavsk\u00fdch tv\u016frc\u016f p\u0159\u00edmo na dece.<\/div>\n <div class=\"card-hover group p-6 border-2 border-black bg-white text-center cursor-default\">\n <div class=\"text-4xl mb-4\">\ud83d\udcd6<\/div>\n <h3 class=\"guerilla-font text-sm font-bold text-ji-red\">\u010cten\u00ed<\/h3>\n <\/div>\n <\/div>\n <div class=\"card-container\">\n <div class=\"tooltip\">Akustick\u00e9 sety, kter\u00e9 dokresluj\u00ed atmosf\u00e9ru parku.<\/div>\n <div class=\"card-hover group p-6 border-2 border-black bg-white text-center cursor-default\">\n <div class=\"text-4xl mb-4\">\ud83c\udfb8<\/div>\n <h3 class=\"guerilla-font text-sm font-bold text-ji-blue\">Hudba<\/h3>\n <\/div>\n <\/div>\n <div class=\"card-container\">\n <div class=\"tooltip\">V\u00fdstavy pod \u0161ir\u00fdm nebem a guerilla instalace.<\/div>\n <div class=\"card-hover group p-6 border-2 border-black bg-white text-center cursor-default\">\n <div class=\"text-4xl mb-4\">\ud83c\udfa8<\/div>\n <h3 class=\"guerilla-font text-sm font-bold text-ji-red\">Um\u011bn\u00ed<\/h3>\n <\/div>\n <\/div>\n <div class=\"card-container\">\n <div class=\"tooltip\">D\u00edlny pro nejmen\u0161\u00ed a prostor pro hru.<\/div>\n <div class=\"card-hover group p-6 border-2 border-black bg-white text-center cursor-default\">\n <div class=\"text-4xl mb-4\">\ud83e\uddf8<\/div>\n <h3 class=\"guerilla-font text-sm font-bold text-ji-blue\">D\u011bti<\/h3>\n <\/div>\n <\/div>\n <div class=\"card-container\">\n <div class=\"tooltip\">Legend\u00e1rn\u00ed komunitn\u00ed poho\u0161t\u011bn\u00ed. P\u0159ines ochutnat!<\/div>\n <div class=\"card-hover group p-6 border-2 border-black bg-white text-center cursor-default\">\n <div class=\"text-4xl mb-4\">\ud83e\udd67<\/div>\n <h3 class=\"guerilla-font text-sm font-bold text-ji-red\">Buchty<\/h3>\n <\/div>\n <\/div>\n <div class=\"card-container\">\n <div class=\"tooltip\">Spole\u010dn\u00e1 komunita Ji.nA.K a vy v\u0161ichni.<\/div>\n <div class=\"card-hover group p-6 border-2 border-black bg-white text-center cursor-default\">\n <div class=\"text-4xl mb-4\">\ud83e\udec2<\/div>\n <h3 class=\"guerilla-font text-sm font-bold text-ji-blue\">My<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- NOV\u00dd KARUSEL SM\u011aREM DOPRAVA -->\n <div class=\"marquee-wrapper border-t-0\">\n <div class=\"marquee-content-reverse\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/P6034336-rotated.jpg\" class=\"marquee-item\" alt=\"Piknik moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/P6034288-rotated.jpg\" class=\"marquee-item\" alt=\"Piknik moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/P6085666-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/P6085675-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/P6085696-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/IMG_1423.jpeg\" class=\"marquee-item\" alt=\"Piknik moment\">\n <!-- Duplikace pro nekone\u010dn\u00fd efekt -->\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/P6034336-rotated.jpg\" class=\"marquee-item\" alt=\"Piknik moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/P6034288-rotated.jpg\" class=\"marquee-item\" alt=\"Piknik moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/P6085666-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/P6085675-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/P6085696-scaled.jpg\" class=\"marquee-item\" alt=\"Piknik moment\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/IMG_1423.jpeg\" class=\"marquee-item\" alt=\"Piknik moment\">\n <\/div>\n <\/div>\n\n <!-- 4. GUERILLA POETRY -->\n <section class=\"py-28 px-6 bg-white overflow-hidden\">\n <div class=\"max-w-6xl mx-auto grid md:grid-cols-2 gap-16 items-center\">\n <div class=\"order-2 md:order-1\">\n <h2 class=\"text-4xl md:text-6xl font-black mb-6 guerilla-font\" style=\"color: #B42637;\">(Gorila) Guerilla Poetry<\/h2>\n <p class=\"text-xl text-gray-700 leading-relaxed mb-8\">\n U\u017e od dubna o\u017e\u00edvaj\u00ed jihlavsk\u00e9 ulice skryt\u00fdmi b\u00e1sn\u011bmi jihlavsk\u00fdch autor\u016f. Na Pikniku se v\u0161echny nitky spoj\u00ed.\n <\/p>\n <div class=\"polaroid-grid mb-8\">\n <div class=\"polaroid -rotate-3\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/670792027_18007356161887777_9058258870407207314_n.jpg\" alt=\"Poezie\">\n <\/div>\n <div class=\"polaroid rotate-2\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/670939342_18007623977887777_3007172445309482292_n.jpg\" alt=\"Poezie\">\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.instagram.com\/ji.jinak\/\" target=\"_blank\" class=\"interactive-link font-bold text-xl guerilla-font\">Sledovat projekt na IG \u2192<\/a>\n <\/div>\n <div class=\"order-1 md:order-2 border-4 border-black p-4 rotate-2 bg-gray-50 self-start sticky top-10\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/671087088_18007623968887777_7786281069263815603_n-1.jpg\" class=\"grayscale hover:grayscale-0 transition-all duration-500\" alt=\"B\u00e1se\u0148\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 5. PROGRAM -->\n <section class=\"py-24 px-6 bg-white text-center border-t-4 border-black\">\n <div class=\"max-w-5xl mx-auto\">\n <h2 class=\"text-5xl md:text-7xl font-black leading-none text-[#B42637] mb-12 guerilla-font\">PROGRAM A PLAK\u00c1T<\/h2>\n <div class=\"grid md:grid-cols-2 gap-8 w-full\">\n <div class=\"flex flex-col items-center\">\n <h3 class=\"guerilla-font text-xl mb-4 font-bold text-ji-blue\">Plak\u00e1t 10. Pikniku<\/h3>\n <div class=\"border-4 border-black p-2 bg-white shadow-xl hover:scale-[1.02] transition-transform\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/piknik-scaled.jpg\" alt=\"Plak\u00e1t\" class=\"w-full h-auto\">\n <\/div>\n <\/div>\n <div class=\"flex flex-col items-center\">\n <h3 class=\"guerilla-font text-xl mb-4 font-bold text-ji-red\">Harmonogram \/ Te\u010dka<\/h3>\n <div class=\"border-4 border-black p-2 bg-white shadow-xl hover:scale-[1.02] transition-transform\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/piknik-plakos.jpg\" alt=\"Program\" class=\"w-full h-auto\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 6. TE\u010cKA \/ FIN\u00c1LE -->\n <section class=\"py-24 px-6 bg-gray-50 text-center relative overflow-hidden\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 class=\"text-7xl md:text-[10rem] font-black text-[#B42637] mb-4\">TE\u010cKA.<\/h2>\n <p class=\"text-2xl md:text-4xl font-bold text-black border-b-8 border-ji-blue pb-4 mb-16 uppercase\">\n 06. 06. 2026 NA KE\u0164\u00c1SKU\n <\/p>\n \n <!-- P\u0159idan\u00fd obr\u00e1zek s r\u00e1me\u010dkem -->\n <div class=\"flex justify-center mb-16\">\n <div class=\"polaroid rotate-2 max-w-sm\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/PIKNIK-2.jpg\" alt=\"Piknik Moment 2\">\n <\/div>\n <\/div>\n\n <div class=\"max-w-2xl mx-auto text-center mb-12\">\n <p class=\"text-2xl md:text-3xl font-black guerilla-font text-ji-black mb-6 leading-tight\">\n Deset let jsme \u010dekali na tv\u016fj talent. <br>\n <span class=\"text-ji-red\">Te\u010f, nebo nikdy. Te\u010dka.<\/span>\n <\/p>\n <a href=\"https:\/\/fb.me\/e\/6Gk9Exx72\" target=\"_blank\" class=\"btn-primary\">P\u0158IDAT SE K UD\u00c1LOSTI<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- PARTNE\u0158I -->\n <section class=\"py-20 px-6 bg-white border-t-4 border-black\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"guerilla-font text-2xl font-bold mb-16 text-center text-ji-black tracking-[0.2em] underline decoration-ji-blue decoration-4 underline-offset-8\">Partne\u0159i akce<\/h2>\n <div class=\"bg-gray-50 border-2 border-black p-10 shadow-[10px_10px_0px_rgba(0,0,0,0.1)]\">\n <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-12 items-center justify-items-center\">\n <div class=\"flex flex-col items-center gap-2\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/09\/cropped-IMG_2217.jpeg\" alt=\"Ji.nA.K\" class=\"h-16 md:h-20 w-auto object-contain hover:scale-110 transition-transform\">\n <span class=\"guerilla-font text-[10px] font-bold text-ji-blue\">Po\u0159adatel<\/span>\n <\/div>\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/1.jpg\" alt=\"Partner\" class=\"h-16 md:h-20 w-auto object-contain hover:scale-110 transition-transform\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/2.jpg\" alt=\"Partner\" class=\"h-16 md:h-20 w-auto object-contain hover:scale-110 transition-transform\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/Jihlava-zdrave-2.jpg\" alt=\"Partner\" class=\"h-16 md:h-20 w-auto object-contain hover:scale-110 transition-transform\">\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/Jihlava-zdrave.jpg\" alt=\"Partner\" class=\"h-16 md:h-20 w-auto object-contain hover:scale-110 transition-transform\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"bg-black text-white py-16 px-6\">\n <div class=\"max-w-6xl mx-auto flex flex-col md:flex-row justify-between items-center gap-10\">\n <div class=\"guerilla-font text-3xl text-ji-blue\">Ji.nA.K<\/div>\n <div class=\"flex gap-8 guerilla-font text-sm uppercase\">\n <a href=\"https:\/\/www.facebook.com\/nakolene\" target=\"_blank\" class=\"hover:text-ji-red transition-colors\">Facebook<\/a>\n <a href=\"https:\/\/www.instagram.com\/ji.jinak\/\" target=\"_blank\" class=\"hover:text-ji-blue transition-colors\">Instagram<\/a>\n <\/div>\n <div class=\"text-gray-600 text-[10px] uppercase tracking-widest\">\n © 2026 Jihlava na kolenou\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n document.getElementById('cta-button').addEventListener('click', function(e) {\n e.preventDefault();\n this.textContent = \"\u0158ekl jsem jdu a ne klikni\";\n this.classList.add('clicked');\n \n \/\/ Po kr\u00e1tk\u00e9 pauze otev\u0159e ud\u00e1lost\n setTimeout(() => {\n window.open(\"https:\/\/fb.me\/e\/6Gk9Exx72\", \"_blank\");\n }, 1000);\n });\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>10. Piknik na Ke\u0165\u00e1sku \u2013 Te\u010dka! Ji.nA.K 10. Piknik na Ke\u0165\u00e1sku TE\u010cKA! \u201eMo\u017en\u00e1 posledn\u00ed Piknik, jak ho zn\u00e1\u0161.\u201c Ke\u0165\u00e1sek, Jihlava 06 . 06 . 2026 CHCI B\u00ddT U TOHO Piknik nen\u00ed akce, na kterou se jde\u0161 pod\u00edvat. Piknik je akce, … <a href=\"http:\/\/www.jinak.net\/?page_id=4835\">Cel\u00fd p\u0159\u00edsp\u011bvek <span class=\"meta-nav\">→<\/span><\/a><\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4835","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.jinak.net\/index.php?rest_route=\/wp\/v2\/pages\/4835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.jinak.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.jinak.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.jinak.net\/index.php?rest_route=\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"http:\/\/www.jinak.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4835"}],"version-history":[{"count":36,"href":"http:\/\/www.jinak.net\/index.php?rest_route=\/wp\/v2\/pages\/4835\/revisions"}],"predecessor-version":[{"id":4918,"href":"http:\/\/www.jinak.net\/index.php?rest_route=\/wp\/v2\/pages\/4835\/revisions\/4918"}],"wp:attachment":[{"href":"http:\/\/www.jinak.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}