MYSLI Ji.nA.K<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['\"Open Sans\"', 'sans-serif'],\r\n },\r\n colors: {\r\n jinakRed: '#C22131',\r\n jinakBlue: '#23A4C4',\r\n darkBg: '#111111',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n body {\r\n font-family: 'Open Sans', sans-serif;\r\n background-color: #f8f9fa;\r\n }\r\n \r\n \/* Hero background with overlay *\/\r\n .hero-bg {\r\n background-image: linear-gradient(rgba(17, 17, 17, 0.8), rgba(17, 17, 17, 0.9)), url('http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-scaled.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n }\r\n\r\n \/* Interactive Box Styles *\/\r\n .interactive-box {\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .interactive-box:hover {\r\n transform: scale(1.05) translateY(-5px);\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3);\r\n z-index: 10;\r\n }\r\n .interactive-bg {\r\n transition: all 0.4s ease;\r\n filter: grayscale(100%);\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n z-index: 0;\r\n }\r\n .interactive-box:hover .interactive-bg {\r\n filter: grayscale(0%);\r\n }\r\n .interactive-box::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.1) 100%);\r\n transition: background 0.4s ease;\r\n }\r\n .interactive-box:hover::before {\r\n \/* Zm\u011bn\u011bno na m\u00edrn\u011bj\u0161\u00ed neutr\u00e1ln\u00ed st\u00edn na hover m\u00edsto barevn\u00e9ho *\/\r\n background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);\r\n }\r\n\r\n @media (hover: none) {\r\n .interactive-bg {\r\n filter: grayscale(0%) !important;\r\n }\r\n .interactive-box::before {\r\n \/* Stejn\u011b tak zru\u0161en barevn\u00fd gradient pro mobil *\/\r\n background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 100%);\r\n }\r\n .scattered-img {\r\n opacity: 1 !important;\r\n }\r\n }\r\n\r\n \/* Slider Styles *\/\r\n .slider-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n border-radius: 0.5rem;\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n }\r\n .slider-track {\r\n display: flex;\r\n transition: transform 0.5s ease-in-out;\r\n height: 100%;\r\n }\r\n .slide {\r\n min-width: 100%;\r\n height: 400px;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Scattered images *\/\r\n .scattered-img {\r\n transition: transform 0.3s ease;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n border: 8px solid white;\r\n background: white;\r\n }\r\n .scattered-img:hover {\r\n transform: scale(1.1) rotate(0deg) !important;\r\n z-index: 20;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-gray-800 antialiased overflow-x-hidden\">\r\n\r\n <header class=\"hero-bg min-h-screen flex flex-col items-center justify-center pt-16 pb-8 md:pt-20 md:pb-12 px-4\">\r\n \r\n \r\n <div class=\"text-center mb-10 md:mb-16\">\r\n <h1 class=\"text-4xl md:text-5xl lg:text-7xl font-extrabold text-white tracking-wider uppercase mb-2 md:mb-4 drop-shadow-lg\">\r\n MYSLI Ji<span class=\"text-jinakRed\">.<\/span>nA<span class=\"text-jinakBlue\">.<\/span>K\r\n <\/h1>\r\n <p class=\"text-gray-300 text-base md:text-lg lg:text-xl font-light tracking-widest uppercase\">Podzimn\u00ed sez\u00f3na 2026<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center w-full max-w-4xl gap-6\">\r\n \r\n \r\n <div class=\"flex flex-col md:flex-row gap-6 w-full justify-center\">\r\n \r\n <a href=\"#section-1\" class=\"interactive-box w-full md:w-72 h-72 rounded-2xl flex flex-col justify-end p-6 cursor-pointer group text-decoration-none\">\r\n <div class=\"interactive-bg bg-[url('http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-let-spolku-scaled.jpg')]\"><\/div>\r\n <div class=\"relative z-10\">\r\n <span class=\"text-jinakBlue font-bold text-sm tracking-wider uppercase mb-1 block group-hover:text-jinakRed drop-shadow-md transition-colors\">9.9. - 15.10. | DKO<\/span>\r\n <h2 class=\"text-white text-2xl font-bold leading-tight drop-shadow-md\">20 LET MOSTEM MEZI SV\u011aTY<\/h2>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"#section-2\" class=\"interactive-box w-full md:w-72 h-72 rounded-2xl flex flex-col justify-end p-6 cursor-pointer group text-decoration-none\">\r\n <div class=\"interactive-bg bg-[url('http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20let-jinak-plakat.jpg')]\"><\/div>\r\n <div class=\"relative z-10\">\r\n <span class=\"text-jinakRed font-bold text-sm tracking-wider uppercase mb-1 block group-hover:text-jinakBlue drop-shadow-md transition-colors\">9.10. - 6.11. | Komensk\u00e9ho 20<\/span>\r\n <h2 class=\"text-white text-2xl font-bold leading-tight drop-shadow-md\">Podzimn\u00ed v\u00fdstava 20 let Ji.nA.K<\/h2>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex justify-center w-full\">\r\n \r\n <a href=\"#section-3\" class=\"interactive-box w-full md:w-72 h-72 rounded-2xl flex flex-col justify-end p-6 cursor-pointer group text-decoration-none\">\r\n <div class=\"interactive-bg bg-[url('http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/670792027_18007356161887777_9058258870407207314_n.jpg')]\"><\/div>\r\n <div class=\"relative z-10\">\r\n <span class=\"text-jinakBlue font-bold text-sm tracking-wider uppercase mb-1 block group-hover:text-jinakRed drop-shadow-md transition-colors\">B\u00e1sn\u011b v ulic\u00edch<\/span>\r\n <h2 class=\"text-white text-2xl font-bold leading-tight drop-shadow-md\">Guerilla poetry<br><span class=\"text-lg font-normal text-jinakRed group-hover:text-white transition-colors\">gorila v2.0<\/span><\/h2>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-16 animate-bounce\">\r\n <a href=\"#section-1\" class=\"text-white opacity-50 hover:opacity-100 transition-opacity\">\r\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <section id=\"section-1\" class=\"py-16 md:py-24 bg-white relative\">\r\n <div class=\"max-w-6xl mx-auto px-6\">\r\n \r\n <div class=\"flex flex-col lg:flex-row gap-8 md:gap-12 items-center\">\r\n \r\n <div class=\"w-full lg:w-1\/2\">\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold mb-2 text-darkBg\">20 let most <span class=\"text-jinakRed\">mezi sv\u011bty<\/span><\/h2>\r\n <div class=\"w-20 h-1 bg-jinakRed mb-8\"><\/div>\r\n \r\n <div class=\"space-y-4 text-lg text-gray-700\">\r\n <p class=\"font-semibold text-xl text-darkBg\">POZOR tohle nen\u00ed \u017e\u00e1dn\u00e9 nale\u0161t\u011bn\u00e9 PR, ale surov\u00fd \u0159\u00edzen\u00fd chaos, krev, slzy a pot. Prost\u011b p\u0159\u00edb\u011bh Ji.nA.K. A to to od za\u010d\u00e1tku a\u017e do te\u010f.<\/p>\r\n \r\n <p class=\"text-jinakBlue font-bold text-2xl\">P\u0159\u00edb\u011bh o n\u00e1s, o v\u00e1s a tvorb\u011b.<\/p>\r\n \r\n <p>Jo a tak\u00e9 ta radost z toho tvo\u0159it kulturu v Jihlav\u011b. Prost\u011b p\u0159\u00edb\u011bh o tom, jak ty nejzaj\u00edmav\u011bj\u0161\u00ed n\u00e1pady za\u010d\u00ednaj\u00ed na z\u00e1chodech.<\/p>\r\n \r\n <div class=\"bg-gray-100 p-6 rounded-xl border-l-4 border-jinakRed italic my-6 shadow-sm\">\r\n <p>P\u0159edstav si situaci. Rok 2006. Svatba v Hanesov\u011b ml\u00fdn\u011b a za tebou n\u011bkdo p\u0159ijde se slovy: \"Hele, p\u0159em\u00fd\u0161lel jsem, zalo\u017e\u00edme spolek! A bude kulturn\u00ed, um\u011bleck\u00fd, amat\u00e9rsk\u00fd a sice nem\u00e1 jm\u00e9no, ale bude.\"<\/p>\r\n <\/div>\r\n \r\n <p>Takhle n\u011bjak asi p\u0159i\u0161el Luk\u00e1\u0161 \u010cern\u00fd na piso\u00e1rech za Tom\u00e1\u0161em Bla\u017ekem a vznikl spolek.<\/p>\r\n \r\n <p class=\"font-bold text-darkBg text-xl mt-6\">Mysli Ji.nA.K cel\u00fd podzim!<br>\r\n <span class=\"text-jinakRed font-normal text-lg\">A u\u017eij si teaser na podzimn\u00ed v\u00fdstavu 20 let Ji.nA.K.<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full lg:w-1\/2\">\r\n <div class=\"slider-container group\">\r\n <div class=\"slider-track\" id=\"slider1-track\">\r\n \r\n <\/div>\r\n \r\n \r\n <button onclick=\"moveSlide('slider1', -1)\" class=\"absolute left-2 md:left-4 top-1\/2 -translate-y-1\/2 bg-white\/80 hover:bg-jinakRed hover:text-white p-2 md:p-3 rounded-full shadow-lg transition-all opacity-100 md:opacity-0 md:group-hover:opacity-100 focus:opacity-100\">\r\n <svg class=\"w-5 h-5 md:w-6 md:h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\r\n <\/button>\r\n <button onclick=\"moveSlide('slider1', 1)\" class=\"absolute right-2 md:right-4 top-1\/2 -translate-y-1\/2 bg-white\/80 hover:bg-jinakRed hover:text-white p-2 md:p-3 rounded-full shadow-lg transition-all opacity-100 md:opacity-0 md:group-hover:opacity-100 focus:opacity-100\">\r\n <svg class=\"w-5 h-5 md:w-6 md:h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\r\n <\/button>\r\n \r\n \r\n <div class=\"absolute bottom-4 left-0 right-0 flex justify-center gap-2\" id=\"slider1-indicators\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-12 flex justify-end\">\r\n <a href=\"#\" class=\"inline-flex items-center gap-2 px-6 py-2 rounded-full bg-gray-100 hover:bg-jinakRed text-gray-600 hover:text-white transition-all shadow-sm hover:shadow-md font-semibold text-sm uppercase tracking-wider\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\"><\/path><\/svg>\r\n Zp\u011bt nahoru\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"section-2\" class=\"py-16 md:py-24 bg-gray-50 relative overflow-hidden\">\r\n \r\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-jinakBlue opacity-5 rounded-bl-full pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-6xl mx-auto px-6\">\r\n \r\n <div class=\"flex flex-col lg:flex-row-reverse gap-8 md:gap-12 items-center\">\r\n \r\n <div class=\"w-full lg:w-1\/2\">\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold mb-2 text-darkBg\">20 let <span class=\"text-jinakBlue\">Ji.nA.K<\/span><\/h2>\r\n <h3 class=\"text-lg md:text-xl text-gray-500 mb-4 uppercase tracking-widest\">Podzimn\u00ed v\u00fdstava<\/h3>\r\n <div class=\"w-20 h-1 bg-jinakBlue mb-6 md:mb-8\"><\/div>\r\n \r\n <div class=\"space-y-4 text-lg text-gray-700\">\r\n <p class=\"font-bold text-xl text-darkBg\">Tradi\u010dn\u00ed podzimn\u00ed multi\u017e\u00e1nrov\u00e1 v\u00fdstava a letos slav\u00edme 20 let t\u011bchto v\u00fdstav a zase to bude Ji.nA.K!<\/p>\r\n \r\n <p>T\u011b\u0161it se m\u016f\u017ee\u0161 na netradi\u010dn\u011b neform\u00e1ln\u00ed prostory husitsk\u00e9 fary zapln\u011bn\u00e9 des\u00edtkami autor\u016f z Vyso\u010diny.<\/p>\r\n \r\n <ul class=\"list-disc list-inside space-y-2 ml-2 my-4 text-gray-600\">\r\n <li>Potk\u00e1\u0161 zde zn\u00e1m\u00e9 i m\u00e9n\u011b zn\u00e1m\u00e9 autory a jako v\u017edy i nov\u00e9 autory, kte\u0159\u00ed teprve vych\u00e1z\u00ed na sv\u011btlo sv\u011bta.<\/li>\r\n <li>Nalezne\u0161 zde, malby, kresby, fotografie, so\u0161ky, busty, \u0159emeslnou tvorbu, poezii a mnoho dal\u0161\u00edho.<\/li>\r\n <\/ul>\r\n \r\n <p class=\"font-semibold bg-white p-4 rounded-lg shadow-sm border border-gray-100 text-center text-jinakBlue\">\r\n Prost\u011b a jednodu\u0161e v\u00fdstava, kterou za\u017eije\u0161 jen jednou za rok a jednou v \u017eivot\u011b.\r\n <\/p>\r\n \r\n <p class=\"text-center font-bold mt-4\">\r\n Otev\u0159eno denn\u011b od 15:30 - 18:00 a vstupn\u00e9 je dobrovoln\u00e9.\r\n <\/p>\r\n\r\n <p>Sou\u010d\u00e1st\u00ed v\u00fdstavy 20 let Ji.nA.K je i bohat\u00fd program v jej\u00edm pr\u016fb\u011bhu tak n\u00e1s sleduj a\u0165 ti neunikne.<\/p>\r\n\r\n <div class=\"bg-darkBg text-white p-6 rounded-xl mt-8 shadow-xl relative overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-2 h-full bg-jinakRed\"><\/div>\r\n <p class=\"font-bold text-xl mb-2\">Jo a nezapome\u0148...<\/p>\r\n <p class=\"text-lg\">Vernis\u00e1\u017e je <span class=\"text-jinakRed font-bold\">9. 10. 2026 v 18:00<\/span>, Komensk\u00e9ho 20<\/p>\r\n <p class=\"text-gray-400 mt-1\">To zase bude z\u00e1\u017eitek Ji.nA.K.<\/p>\r\n \r\n <div class=\"mt-6 pt-4 border-t border-gray-700\">\r\n <h4 class=\"font-bold text-jinakBlue mb-3\">Program vernis\u00e1\u017ee:<\/h4>\r\n <ul class=\"space-y-3 text-sm text-gray-300\">\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakRed font-bold w-12 shrink-0\">18:00<\/span> \r\n <span>Sraz Komensk\u00e9ho 20<\/span>\r\n <\/li>\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakRed font-bold w-12 shrink-0\">18:30<\/span> \r\n <div>Autorsk\u00e9 \u010dten\u00ed <span class=\"text-gray-500 block text-xs mt-0.5\">\u2013 p\u016fda, sklep<\/span><\/div>\r\n <\/li>\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakRed font-bold w-12 shrink-0\">19:00<\/span> \r\n <div>Heinrich und Wilhelm <span class=\"text-gray-500 block text-xs mt-0.5\">\u2013 sc\u00e9nka z osvobozeneck\u00e9ho divadla<\/span><\/div>\r\n <\/li>\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakRed font-bold w-12 shrink-0\">19:30<\/span> \r\n <span>Rendez-fou<\/span>\r\n <\/li>\r\n <\/ul>\r\n \r\n \r\n <div class=\"mt-4 p-3 border border-jinakRed\/50 bg-jinakRed\/10 rounded-lg shadow-inner\">\r\n <div class=\"flex gap-3 text-sm\">\r\n <span class=\"text-jinakRed font-bold w-12 shrink-0\">21:00<\/span>\r\n <div>\r\n <span class=\"font-bold text-white\">Exp\u00e1ni<\/span>\r\n <span class=\"text-jinakRed\/80 block text-xs mt-1 font-semibold\">\u2013 v Divadeln\u00edm klubu HD_J<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <h4 class=\"font-bold text-jinakBlue mb-3 mt-6\">Program v\u00fdstavy:<\/h4>\r\n <ul class=\"space-y-2 text-sm text-gray-300\">\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakBlue font-bold w-12 shrink-0\">09.10.<\/span> \r\n <span>Vernis\u00e1\u017e 20 let Ji.nA.K<\/span>\r\n <\/li>\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakBlue font-bold w-12 shrink-0\">16.10.<\/span> \r\n <span>Milo Karvas, hudebn\u00ed ve\u010der<\/span>\r\n <\/li>\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakBlue font-bold w-12 shrink-0\">06.11.<\/span> \r\n <span>Dernis\u00e1\u017e: Sv\u011bdkov\u00e9 Janotovi<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"w-full lg:w-1\/2\">\r\n <div class=\"slider-container group shadow-2xl\">\r\n <div class=\"slider-track\" id=\"slider2-track\">\r\n \r\n <\/div>\r\n \r\n \r\n <button onclick=\"moveSlide('slider2', -1)\" class=\"absolute left-2 md:left-4 top-1\/2 -translate-y-1\/2 bg-white\/80 hover:bg-jinakBlue hover:text-white p-2 md:p-3 rounded-full shadow-lg transition-all opacity-100 md:opacity-0 md:group-hover:opacity-100 focus:opacity-100\">\r\n <svg class=\"w-5 h-5 md:w-6 md:h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\r\n <\/button>\r\n <button onclick=\"moveSlide('slider2', 1)\" class=\"absolute right-2 md:right-4 top-1\/2 -translate-y-1\/2 bg-white\/80 hover:bg-jinakBlue hover:text-white p-2 md:p-3 rounded-full shadow-lg transition-all opacity-100 md:opacity-0 md:group-hover:opacity-100 focus:opacity-100\">\r\n <svg class=\"w-5 h-5 md:w-6 md:h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\r\n <\/button>\r\n \r\n \r\n <div class=\"absolute bottom-4 left-0 right-0 flex justify-center gap-2\" id=\"slider2-indicators\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-12 flex justify-end\">\r\n <a href=\"#\" class=\"inline-flex items-center gap-2 px-6 py-2 rounded-full bg-white border border-gray-200 hover:bg-jinakBlue text-gray-600 hover:text-white transition-all shadow-sm hover:shadow-md font-semibold text-sm uppercase tracking-wider\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\"><\/path><\/svg>\r\n Zp\u011bt nahoru\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"section-3\" class=\"py-16 md:py-24 bg-darkBg text-white relative overflow-hidden\">\r\n \r\n <div class=\"max-w-6xl mx-auto px-4 md:px-6 relative z-10\">\r\n <div class=\"text-center mb-10 md:mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold mb-2\">Guerilla poetry - <span class=\"text-jinakRed\">Gorila v2.0<\/span><\/h2>\r\n <h3 class=\"text-lg md:text-xl text-gray-400 mb-6 md:mb-8 uppercase tracking-widest\">(B\u00e1sn\u011b v ulic\u00edch)<\/h3>\r\n \r\n <div class=\"inline-flex flex-wrap justify-center gap-3 md:gap-4 text-xl md:text-2xl font-bold bg-white\/10 px-6 md:px-8 py-3 md:py-4 rounded-3xl border border-white\/20 backdrop-blur-sm\">\r\n <span class=\"hover:text-jinakRed transition-colors cursor-default\">HLEDEJ<\/span> <span class=\"text-gray-500 hidden sm:inline\">|<\/span> \r\n <span class=\"hover:text-jinakBlue transition-colors cursor-default\">SCHOVEJ<\/span> <span class=\"text-gray-500 hidden sm:inline\">|<\/span> \r\n <span class=\"hover:text-jinakRed transition-colors cursor-default\">SB\u00cdREJ<\/span> <span class=\"text-gray-500 hidden sm:inline\">|<\/span> \r\n <span class=\"hover:text-jinakBlue transition-colors cursor-default\">SD\u00cdLEJ<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col lg:flex-row gap-8 md:gap-12 relative\">\r\n \r\n \r\n <div class=\"w-full lg:w-2\/3 bg-white\/5 p-8 rounded-3xl border border-white\/10 backdrop-blur-md z-20\">\r\n <div class=\"space-y-6 text-lg text-gray-300\">\r\n <p class=\"font-bold text-2xl text-white\">B\u00e1sn\u011b v ulic\u00edch zp\u011bt! Mnohem siln\u011bj\u0161\u00ed ne\u017e kdy p\u0159edt\u00edm.<\/p>\r\n \r\n <p>Nov\u00e9 z\u00e1lo\u017eky a nov\u00ed auto\u0159i. <span class=\"text-jinakRed font-bold text-xl\">11 autor\u016f z Vyso\u010diny<\/span>, kte\u0159\u00ed vypustili sv\u00e9 b\u00e1sn\u011b do sv\u011bta aby ti ud\u011blali lep\u0161\u00ed den. P\u0159ece je nebudou schov\u00e1vat v \u0161upl\u00edku, kdy\u017e mohou cestovat, ne?<\/p>\r\n \r\n <div class=\"bg-jinakBlue\/20 border-l-4 border-jinakBlue p-4 rounded-r-lg my-6\">\r\n <p class=\"font-semibold text-white\">Z\u016f\u010dastnit se m\u016f\u017ee\u0161 i te\u010f. Sta\u010d\u00ed na kousek pap\u00edru napsat p\u00e1r ver\u0161\u016f, vyfotit m\u00edsto a postnout to. Poslat n\u00e1m to do zpr\u00e1v nebo n\u00e1s ozna\u010dit a zbytek u\u017e se d\u011bje s\u00e1m.<\/p>\r\n <\/div>\r\n \r\n <p>Chce\u0161 se i ty st\u00e1t sou\u010d\u00e1st\u00ed p\u0159\u00ed\u0161t\u00ed Gorily? Napi\u0161 n\u00e1m a domluv\u00edme se!<\/p>\r\n \r\n <div class=\"bg-gradient-to-r from-jinakRed\/20 to-transparent p-6 rounded-xl border border-jinakRed\/30 mt-8\">\r\n <p class=\"font-bold text-white text-xl mb-2\">\ud83c\udf81 A kdo najde nejvz\u00e1cn\u011bj\u0161\u00ed z\u00e1lo\u017eku vyhraje cenu.<\/p>\r\n <p>Jakou? To se dozv\u00ed\u0161 na na\u0161em instagramu v pravou chv\u00edli. Tak\u017ee n\u00e1s sleduj!<\/p>\r\n <a href=\"https:\/\/www.instagram.com\/ji.jinak\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block mt-4 bg-jinakRed hover:bg-white hover:text-jinakRed text-white font-bold py-2 px-6 rounded-full transition-colors duration-300 shadow-lg shadow-jinakRed\/30\">\r\n Sledovat na IG\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full lg:w-1\/3\">\r\n <h4 class=\"text-2xl font-bold mb-6 border-b border-gray-700 pb-2 text-jinakBlue\">Auto\u0159i:<\/h4>\r\n <ul class=\"space-y-3 text-lg font-medium text-gray-400\">\r\n \r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Al\u017eb\u011bta Hork\u00e1<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">AnetaNeta Hrdli\u010dkov\u00e1<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">\u010cenda<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Filip Versteeg<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Ji\u0159\u00ed Poho\u0159elsk\u00fd<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Luk\u00e1\u0161 \u010cern\u00fd<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Michal Nov\u00e1k - SiR\u00e1no<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Stanislav Adler<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Standa Hyena Caha<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Tom\u00e1\u0161 Plesinger<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Veronika Dawidowicz<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n \r\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/Gorila-2.jpg\" \r\n alt=\"Poetry 1\" \r\n class=\"scattered-img absolute hidden lg:block w-48 h-48 object-cover rounded-sm -rotate-6 -top-12 -left-12 opacity-80 hover:opacity-100\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/670792027_18007356161887777_9058258870407207314_n.jpg\" \r\n alt=\"Poetry 2\" \r\n class=\"scattered-img absolute hidden lg:block w-40 h-40 object-cover rounded-sm rotate-12 bottom-10 -right-16 opacity-80 hover:opacity-100\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/Gorila-2b.jpg\" \r\n alt=\"Poetry 3\" \r\n class=\"scattered-img absolute hidden lg:block w-32 h-32 object-cover rounded-sm -rotate-12 top-1\/3 -right-8 opacity-80 hover:opacity-100\">\r\n <\/div>\r\n\r\n \r\n <div class=\"flex lg:hidden justify-center gap-4 mt-12 flex-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544716278-e513176f20b5?ixlib=rb-4.0.3&auto=format&fit=crop&w=300&q=80\" class=\"w-32 h-32 object-cover scattered-img -rotate-3\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1455390582262-044cdead27d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=300&q=80\" class=\"w-32 h-32 object-cover scattered-img rotate-6\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524995997946-a1c2e315a42f?ixlib=rb-4.0.3&auto=format&fit=crop&w=300&q=80\" class=\"w-32 h-32 object-cover scattered-img -rotate-6\">\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-12 flex justify-end\">\r\n <a href=\"#\" class=\"inline-flex items-center gap-2 px-6 py-2 rounded-full bg-white\/10 hover:bg-jinakRed text-gray-300 hover:text-white transition-all shadow-sm hover:shadow-md border border-white\/10 font-semibold text-sm uppercase tracking-wider\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\"><\/path><\/svg>\r\n Zp\u011bt nahoru\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"bg-white py-12 border-t border-gray-200\">\r\n <div class=\"max-w-6xl mx-auto px-6\">\r\n <h4 class=\"text-center text-sm font-bold text-gray-400 uppercase tracking-widest mb-8\">Partne\u0159i projektu<\/h4>\r\n \r\n <div class=\"flex flex-wrap justify-center items-center gap-12 md:gap-24 opacity-60 hover:opacity-100 transition-opacity duration-500\">\r\n \r\n \r\n <div class=\"flex flex-col items-center group\">\r\n <div class=\"h-24 flex items-center justify-center mb-3\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/09\/IMG_2215.jpeg\" alt=\"M\u011bsto Jihlava logo\" class=\"max-h-full w-auto object-contain transition-transform duration-300 group-hover:scale-110\">\r\n <\/div>\r\n <span class=\"text-sm font-bold text-gray-600\">M\u011bsto Jihlava<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center group\">\r\n <div class=\"h-24 flex items-center justify-center mb-3\">\r\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/2.jpg\" alt=\"WyvernPrint logo\" class=\"max-h-full w-auto object-contain transition-transform duration-300 group-hover:scale-110\">\r\n <\/div>\r\n <span class=\"text-sm font-bold text-gray-600\">WyvernPrint<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center group\">\r\n <div class=\"h-24 flex items-center justify-center mb-3\">\r\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/09\/cropped-IMG_2217.jpeg\" alt=\"Ji.nA.K logo\" class=\"max-h-full w-auto object-contain transition-transform duration-300 group-hover:scale-110\">\r\n <\/div>\r\n <span class=\"text-sm font-bold text-gray-600\">Ji.nA.K<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <div class=\"text-center mt-12 text-xs text-gray-400\">\r\n © 2026 Spolek Ji.nA.K. V\u0161echna pr\u00e1va vyhrazena.\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n\r\n <script>\r\n \/\/ Data for sliders (9 placeholder images representing art\/exhibitions for each)\r\n const imagesSlider1 = ['http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-let-spolku-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/slovo-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/1.png',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-let-spolku-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/3.png',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-let-spolku-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/7.png',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-let-spolku-scaled.jpg'\r\n ];\r\n\r\n const imagesSlider2 = [\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20let-jinak-plakat.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20let-jinak-plakatos.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/10\/BRK_0419-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/10\/BRK_0871-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/10\/BRK_0888-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/10\/BRK_0225-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/10\/IMG_20241019_163350-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/10\/IMG_20241019_163130-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2017\/10\/22448561_1693194954055032_5286254800297857094_n.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2017\/10\/22405559_1693194937388367_8480524654353328089_n.jpg'\r\n ];\r\n\r\n \/\/ State for sliders\r\n const sliderState = {\r\n slider1: { currentIndex: 0, total: 9 },\r\n slider2: { currentIndex: 0, total: 9 }\r\n };\r\n\r\n \/\/ Initialize sliders\r\n function initSlider(sliderId, images) {\r\n const track = document.getElementById(`${sliderId}-track`);\r\n const indicators = document.getElementById(`${sliderId}-indicators`);\r\n \r\n \/\/ Add images\r\n images.forEach((url, index) => {\r\n const img = document.createElement('img');\r\n img.src = url;\r\n img.className = 'slide';\r\n img.alt = `Slide ${index + 1}`;\r\n track.appendChild(img);\r\n \r\n \/\/ Add indicator\r\n const dot = document.createElement('button');\r\n dot.className = `w-2 h-2 rounded-full transition-all ${index === 0 ? 'bg-white scale-125' : 'bg-white\/50 hover:bg-white\/80'}`;\r\n dot.onclick = () => goToSlide(sliderId, index);\r\n indicators.appendChild(dot);\r\n });\r\n \r\n \/\/ Auto rotate\r\n setInterval(() => moveSlide(sliderId, 1), 5000);\r\n }\r\n\r\n function updateSliderView(sliderId) {\r\n const track = document.getElementById(`${sliderId}-track`);\r\n const indicators = document.getElementById(`${sliderId}-indicators`).children;\r\n const state = sliderState[sliderId];\r\n \r\n \/\/ Move track\r\n track.style.transform = `translateX(-${state.currentIndex * 100}%)`;\r\n \r\n \/\/ Update indicators\r\n Array.from(indicators).forEach((dot, index) => {\r\n if(index === state.currentIndex) {\r\n dot.className = 'w-2 h-2 rounded-full transition-all bg-white scale-125 shadow-[0_0_5px_rgba(0,0,0,0.5)]';\r\n } else {\r\n dot.className = 'w-2 h-2 rounded-full transition-all bg-white\/50 hover:bg-white\/80';\r\n }\r\n });\r\n }\r\n\r\n function moveSlide(sliderId, direction) {\r\n const state = sliderState[sliderId];\r\n state.currentIndex = (state.currentIndex + direction + state.total) % state.total;\r\n updateSliderView(sliderId);\r\n }\r\n\r\n function goToSlide(sliderId, index) {\r\n sliderState[sliderId].currentIndex = index;\r\n updateSliderView(sliderId);\r\n }\r\n\r\n function addTouchSupport(sliderId) {\r\n const track = document.getElementById(`${sliderId}-track`);\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n\r\n track.addEventListener('touchstart', e => {\r\n touchStartX = e.changedTouches[0].screenX;\r\n }, {passive: true});\r\n\r\n track.addEventListener('touchend', e => {\r\n touchEndX = e.changedTouches[0].screenX;\r\n handleSwipe(sliderId);\r\n }, {passive: true});\r\n\r\n function handleSwipe(id) {\r\n const swipeThreshold = 50;\r\n if (touchEndX < touchStartX - swipeThreshold) {\r\n moveSlide(id, 1); \/\/ Swipe doleva -> dal\u0161\u00ed slide\r\n }\r\n if (touchEndX > touchStartX + swipeThreshold) {\r\n moveSlide(id, -1); \/\/ Swipe doprava -> p\u0159edchoz\u00ed slide\r\n }\r\n }\r\n }\r\n\r\n \/\/ Initialize on load\r\n window.addEventListener('DOMContentLoaded', () => {\r\n initSlider('slider1', imagesSlider1);\r\n initSlider('slider2', imagesSlider2);\r\n \r\n \/\/ Touch podpora pro slidery\r\n addTouchSupport('slider1');\r\n addTouchSupport('slider2');\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f152bca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f152bca\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f9ad6bf\" data-id=\"f9ad6bf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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>MYSLI Ji.nA.K MYSLI Ji.nA.K Podzimn\u00ed sez\u00f3na 2026 9.9. – 15.10. | DKO 20 LET MOSTEM MEZI SV\u011aTY 9.10. – 6.11. | Komensk\u00e9ho 20 Podzimn\u00ed v\u00fdstava 20 let Ji.nA.K B\u00e1sn\u011b v ulic\u00edch Guerilla poetrygorila v2.0 20 let most mezi sv\u011bty POZOR … <a href=\"http:\/\/www.jinak.net\/?page_id=5037\">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-5037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.jinak.net\/index.php?rest_route=\/wp\/v2\/pages\/5037","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=5037"}],"version-history":[{"count":52,"href":"http:\/\/www.jinak.net\/index.php?rest_route=\/wp\/v2\/pages\/5037\/revisions"}],"predecessor-version":[{"id":5125,"href":"http:\/\/www.jinak.net\/index.php?rest_route=\/wp\/v2\/pages\/5037\/revisions\/5125"}],"wp:attachment":[{"href":"http:\/\/www.jinak.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\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\r\n\r\n\r\n \r\n \r\n MYSLI Ji.nA.K<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['\"Open Sans\"', 'sans-serif'],\r\n },\r\n colors: {\r\n jinakRed: '#C22131',\r\n jinakBlue: '#23A4C4',\r\n darkBg: '#111111',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n body {\r\n font-family: 'Open Sans', sans-serif;\r\n background-color: #f8f9fa;\r\n }\r\n \r\n \/* Hero background with overlay *\/\r\n .hero-bg {\r\n background-image: linear-gradient(rgba(17, 17, 17, 0.8), rgba(17, 17, 17, 0.9)), url('http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-scaled.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n }\r\n\r\n \/* Interactive Box Styles *\/\r\n .interactive-box {\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .interactive-box:hover {\r\n transform: scale(1.05) translateY(-5px);\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3);\r\n z-index: 10;\r\n }\r\n .interactive-bg {\r\n transition: all 0.4s ease;\r\n filter: grayscale(100%);\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n z-index: 0;\r\n }\r\n .interactive-box:hover .interactive-bg {\r\n filter: grayscale(0%);\r\n }\r\n .interactive-box::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.1) 100%);\r\n transition: background 0.4s ease;\r\n }\r\n .interactive-box:hover::before {\r\n \/* Zm\u011bn\u011bno na m\u00edrn\u011bj\u0161\u00ed neutr\u00e1ln\u00ed st\u00edn na hover m\u00edsto barevn\u00e9ho *\/\r\n background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);\r\n }\r\n\r\n @media (hover: none) {\r\n .interactive-bg {\r\n filter: grayscale(0%) !important;\r\n }\r\n .interactive-box::before {\r\n \/* Stejn\u011b tak zru\u0161en barevn\u00fd gradient pro mobil *\/\r\n background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 100%);\r\n }\r\n .scattered-img {\r\n opacity: 1 !important;\r\n }\r\n }\r\n\r\n \/* Slider Styles *\/\r\n .slider-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n border-radius: 0.5rem;\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n }\r\n .slider-track {\r\n display: flex;\r\n transition: transform 0.5s ease-in-out;\r\n height: 100%;\r\n }\r\n .slide {\r\n min-width: 100%;\r\n height: 400px;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Scattered images *\/\r\n .scattered-img {\r\n transition: transform 0.3s ease;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n border: 8px solid white;\r\n background: white;\r\n }\r\n .scattered-img:hover {\r\n transform: scale(1.1) rotate(0deg) !important;\r\n z-index: 20;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-gray-800 antialiased overflow-x-hidden\">\r\n\r\n <header class=\"hero-bg min-h-screen flex flex-col items-center justify-center pt-16 pb-8 md:pt-20 md:pb-12 px-4\">\r\n \r\n \r\n <div class=\"text-center mb-10 md:mb-16\">\r\n <h1 class=\"text-4xl md:text-5xl lg:text-7xl font-extrabold text-white tracking-wider uppercase mb-2 md:mb-4 drop-shadow-lg\">\r\n MYSLI Ji<span class=\"text-jinakRed\">.<\/span>nA<span class=\"text-jinakBlue\">.<\/span>K\r\n <\/h1>\r\n <p class=\"text-gray-300 text-base md:text-lg lg:text-xl font-light tracking-widest uppercase\">Podzimn\u00ed sez\u00f3na 2026<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center w-full max-w-4xl gap-6\">\r\n \r\n \r\n <div class=\"flex flex-col md:flex-row gap-6 w-full justify-center\">\r\n \r\n <a href=\"#section-1\" class=\"interactive-box w-full md:w-72 h-72 rounded-2xl flex flex-col justify-end p-6 cursor-pointer group text-decoration-none\">\r\n <div class=\"interactive-bg bg-[url('http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-let-spolku-scaled.jpg')]\"><\/div>\r\n <div class=\"relative z-10\">\r\n <span class=\"text-jinakBlue font-bold text-sm tracking-wider uppercase mb-1 block group-hover:text-jinakRed drop-shadow-md transition-colors\">9.9. - 15.10. | DKO<\/span>\r\n <h2 class=\"text-white text-2xl font-bold leading-tight drop-shadow-md\">20 LET MOSTEM MEZI SV\u011aTY<\/h2>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"#section-2\" class=\"interactive-box w-full md:w-72 h-72 rounded-2xl flex flex-col justify-end p-6 cursor-pointer group text-decoration-none\">\r\n <div class=\"interactive-bg bg-[url('http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20let-jinak-plakat.jpg')]\"><\/div>\r\n <div class=\"relative z-10\">\r\n <span class=\"text-jinakRed font-bold text-sm tracking-wider uppercase mb-1 block group-hover:text-jinakBlue drop-shadow-md transition-colors\">9.10. - 6.11. | Komensk\u00e9ho 20<\/span>\r\n <h2 class=\"text-white text-2xl font-bold leading-tight drop-shadow-md\">Podzimn\u00ed v\u00fdstava 20 let Ji.nA.K<\/h2>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex justify-center w-full\">\r\n \r\n <a href=\"#section-3\" class=\"interactive-box w-full md:w-72 h-72 rounded-2xl flex flex-col justify-end p-6 cursor-pointer group text-decoration-none\">\r\n <div class=\"interactive-bg bg-[url('http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/670792027_18007356161887777_9058258870407207314_n.jpg')]\"><\/div>\r\n <div class=\"relative z-10\">\r\n <span class=\"text-jinakBlue font-bold text-sm tracking-wider uppercase mb-1 block group-hover:text-jinakRed drop-shadow-md transition-colors\">B\u00e1sn\u011b v ulic\u00edch<\/span>\r\n <h2 class=\"text-white text-2xl font-bold leading-tight drop-shadow-md\">Guerilla poetry<br><span class=\"text-lg font-normal text-jinakRed group-hover:text-white transition-colors\">gorila v2.0<\/span><\/h2>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-16 animate-bounce\">\r\n <a href=\"#section-1\" class=\"text-white opacity-50 hover:opacity-100 transition-opacity\">\r\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <section id=\"section-1\" class=\"py-16 md:py-24 bg-white relative\">\r\n <div class=\"max-w-6xl mx-auto px-6\">\r\n \r\n <div class=\"flex flex-col lg:flex-row gap-8 md:gap-12 items-center\">\r\n \r\n <div class=\"w-full lg:w-1\/2\">\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold mb-2 text-darkBg\">20 let most <span class=\"text-jinakRed\">mezi sv\u011bty<\/span><\/h2>\r\n <div class=\"w-20 h-1 bg-jinakRed mb-8\"><\/div>\r\n \r\n <div class=\"space-y-4 text-lg text-gray-700\">\r\n <p class=\"font-semibold text-xl text-darkBg\">POZOR tohle nen\u00ed \u017e\u00e1dn\u00e9 nale\u0161t\u011bn\u00e9 PR, ale surov\u00fd \u0159\u00edzen\u00fd chaos, krev, slzy a pot. Prost\u011b p\u0159\u00edb\u011bh Ji.nA.K. A to to od za\u010d\u00e1tku a\u017e do te\u010f.<\/p>\r\n \r\n <p class=\"text-jinakBlue font-bold text-2xl\">P\u0159\u00edb\u011bh o n\u00e1s, o v\u00e1s a tvorb\u011b.<\/p>\r\n \r\n <p>Jo a tak\u00e9 ta radost z toho tvo\u0159it kulturu v Jihlav\u011b. Prost\u011b p\u0159\u00edb\u011bh o tom, jak ty nejzaj\u00edmav\u011bj\u0161\u00ed n\u00e1pady za\u010d\u00ednaj\u00ed na z\u00e1chodech.<\/p>\r\n \r\n <div class=\"bg-gray-100 p-6 rounded-xl border-l-4 border-jinakRed italic my-6 shadow-sm\">\r\n <p>P\u0159edstav si situaci. Rok 2006. Svatba v Hanesov\u011b ml\u00fdn\u011b a za tebou n\u011bkdo p\u0159ijde se slovy: \"Hele, p\u0159em\u00fd\u0161lel jsem, zalo\u017e\u00edme spolek! A bude kulturn\u00ed, um\u011bleck\u00fd, amat\u00e9rsk\u00fd a sice nem\u00e1 jm\u00e9no, ale bude.\"<\/p>\r\n <\/div>\r\n \r\n <p>Takhle n\u011bjak asi p\u0159i\u0161el Luk\u00e1\u0161 \u010cern\u00fd na piso\u00e1rech za Tom\u00e1\u0161em Bla\u017ekem a vznikl spolek.<\/p>\r\n \r\n <p class=\"font-bold text-darkBg text-xl mt-6\">Mysli Ji.nA.K cel\u00fd podzim!<br>\r\n <span class=\"text-jinakRed font-normal text-lg\">A u\u017eij si teaser na podzimn\u00ed v\u00fdstavu 20 let Ji.nA.K.<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full lg:w-1\/2\">\r\n <div class=\"slider-container group\">\r\n <div class=\"slider-track\" id=\"slider1-track\">\r\n \r\n <\/div>\r\n \r\n \r\n <button onclick=\"moveSlide('slider1', -1)\" class=\"absolute left-2 md:left-4 top-1\/2 -translate-y-1\/2 bg-white\/80 hover:bg-jinakRed hover:text-white p-2 md:p-3 rounded-full shadow-lg transition-all opacity-100 md:opacity-0 md:group-hover:opacity-100 focus:opacity-100\">\r\n <svg class=\"w-5 h-5 md:w-6 md:h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\r\n <\/button>\r\n <button onclick=\"moveSlide('slider1', 1)\" class=\"absolute right-2 md:right-4 top-1\/2 -translate-y-1\/2 bg-white\/80 hover:bg-jinakRed hover:text-white p-2 md:p-3 rounded-full shadow-lg transition-all opacity-100 md:opacity-0 md:group-hover:opacity-100 focus:opacity-100\">\r\n <svg class=\"w-5 h-5 md:w-6 md:h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\r\n <\/button>\r\n \r\n \r\n <div class=\"absolute bottom-4 left-0 right-0 flex justify-center gap-2\" id=\"slider1-indicators\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-12 flex justify-end\">\r\n <a href=\"#\" class=\"inline-flex items-center gap-2 px-6 py-2 rounded-full bg-gray-100 hover:bg-jinakRed text-gray-600 hover:text-white transition-all shadow-sm hover:shadow-md font-semibold text-sm uppercase tracking-wider\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\"><\/path><\/svg>\r\n Zp\u011bt nahoru\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"section-2\" class=\"py-16 md:py-24 bg-gray-50 relative overflow-hidden\">\r\n \r\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-jinakBlue opacity-5 rounded-bl-full pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-6xl mx-auto px-6\">\r\n \r\n <div class=\"flex flex-col lg:flex-row-reverse gap-8 md:gap-12 items-center\">\r\n \r\n <div class=\"w-full lg:w-1\/2\">\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold mb-2 text-darkBg\">20 let <span class=\"text-jinakBlue\">Ji.nA.K<\/span><\/h2>\r\n <h3 class=\"text-lg md:text-xl text-gray-500 mb-4 uppercase tracking-widest\">Podzimn\u00ed v\u00fdstava<\/h3>\r\n <div class=\"w-20 h-1 bg-jinakBlue mb-6 md:mb-8\"><\/div>\r\n \r\n <div class=\"space-y-4 text-lg text-gray-700\">\r\n <p class=\"font-bold text-xl text-darkBg\">Tradi\u010dn\u00ed podzimn\u00ed multi\u017e\u00e1nrov\u00e1 v\u00fdstava a letos slav\u00edme 20 let t\u011bchto v\u00fdstav a zase to bude Ji.nA.K!<\/p>\r\n \r\n <p>T\u011b\u0161it se m\u016f\u017ee\u0161 na netradi\u010dn\u011b neform\u00e1ln\u00ed prostory husitsk\u00e9 fary zapln\u011bn\u00e9 des\u00edtkami autor\u016f z Vyso\u010diny.<\/p>\r\n \r\n <ul class=\"list-disc list-inside space-y-2 ml-2 my-4 text-gray-600\">\r\n <li>Potk\u00e1\u0161 zde zn\u00e1m\u00e9 i m\u00e9n\u011b zn\u00e1m\u00e9 autory a jako v\u017edy i nov\u00e9 autory, kte\u0159\u00ed teprve vych\u00e1z\u00ed na sv\u011btlo sv\u011bta.<\/li>\r\n <li>Nalezne\u0161 zde, malby, kresby, fotografie, so\u0161ky, busty, \u0159emeslnou tvorbu, poezii a mnoho dal\u0161\u00edho.<\/li>\r\n <\/ul>\r\n \r\n <p class=\"font-semibold bg-white p-4 rounded-lg shadow-sm border border-gray-100 text-center text-jinakBlue\">\r\n Prost\u011b a jednodu\u0161e v\u00fdstava, kterou za\u017eije\u0161 jen jednou za rok a jednou v \u017eivot\u011b.\r\n <\/p>\r\n \r\n <p class=\"text-center font-bold mt-4\">\r\n Otev\u0159eno denn\u011b od 15:30 - 18:00 a vstupn\u00e9 je dobrovoln\u00e9.\r\n <\/p>\r\n\r\n <p>Sou\u010d\u00e1st\u00ed v\u00fdstavy 20 let Ji.nA.K je i bohat\u00fd program v jej\u00edm pr\u016fb\u011bhu tak n\u00e1s sleduj a\u0165 ti neunikne.<\/p>\r\n\r\n <div class=\"bg-darkBg text-white p-6 rounded-xl mt-8 shadow-xl relative overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-2 h-full bg-jinakRed\"><\/div>\r\n <p class=\"font-bold text-xl mb-2\">Jo a nezapome\u0148...<\/p>\r\n <p class=\"text-lg\">Vernis\u00e1\u017e je <span class=\"text-jinakRed font-bold\">9. 10. 2026 v 18:00<\/span>, Komensk\u00e9ho 20<\/p>\r\n <p class=\"text-gray-400 mt-1\">To zase bude z\u00e1\u017eitek Ji.nA.K.<\/p>\r\n \r\n <div class=\"mt-6 pt-4 border-t border-gray-700\">\r\n <h4 class=\"font-bold text-jinakBlue mb-3\">Program vernis\u00e1\u017ee:<\/h4>\r\n <ul class=\"space-y-3 text-sm text-gray-300\">\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakRed font-bold w-12 shrink-0\">18:00<\/span> \r\n <span>Sraz Komensk\u00e9ho 20<\/span>\r\n <\/li>\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakRed font-bold w-12 shrink-0\">18:30<\/span> \r\n <div>Autorsk\u00e9 \u010dten\u00ed <span class=\"text-gray-500 block text-xs mt-0.5\">\u2013 p\u016fda, sklep<\/span><\/div>\r\n <\/li>\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakRed font-bold w-12 shrink-0\">19:00<\/span> \r\n <div>Heinrich und Wilhelm <span class=\"text-gray-500 block text-xs mt-0.5\">\u2013 sc\u00e9nka z osvobozeneck\u00e9ho divadla<\/span><\/div>\r\n <\/li>\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakRed font-bold w-12 shrink-0\">19:30<\/span> \r\n <span>Rendez-fou<\/span>\r\n <\/li>\r\n <\/ul>\r\n \r\n \r\n <div class=\"mt-4 p-3 border border-jinakRed\/50 bg-jinakRed\/10 rounded-lg shadow-inner\">\r\n <div class=\"flex gap-3 text-sm\">\r\n <span class=\"text-jinakRed font-bold w-12 shrink-0\">21:00<\/span>\r\n <div>\r\n <span class=\"font-bold text-white\">Exp\u00e1ni<\/span>\r\n <span class=\"text-jinakRed\/80 block text-xs mt-1 font-semibold\">\u2013 v Divadeln\u00edm klubu HD_J<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <h4 class=\"font-bold text-jinakBlue mb-3 mt-6\">Program v\u00fdstavy:<\/h4>\r\n <ul class=\"space-y-2 text-sm text-gray-300\">\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakBlue font-bold w-12 shrink-0\">09.10.<\/span> \r\n <span>Vernis\u00e1\u017e 20 let Ji.nA.K<\/span>\r\n <\/li>\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakBlue font-bold w-12 shrink-0\">16.10.<\/span> \r\n <span>Milo Karvas, hudebn\u00ed ve\u010der<\/span>\r\n <\/li>\r\n <li class=\"flex gap-3\">\r\n <span class=\"text-jinakBlue font-bold w-12 shrink-0\">06.11.<\/span> \r\n <span>Dernis\u00e1\u017e: Sv\u011bdkov\u00e9 Janotovi<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"w-full lg:w-1\/2\">\r\n <div class=\"slider-container group shadow-2xl\">\r\n <div class=\"slider-track\" id=\"slider2-track\">\r\n \r\n <\/div>\r\n \r\n \r\n <button onclick=\"moveSlide('slider2', -1)\" class=\"absolute left-2 md:left-4 top-1\/2 -translate-y-1\/2 bg-white\/80 hover:bg-jinakBlue hover:text-white p-2 md:p-3 rounded-full shadow-lg transition-all opacity-100 md:opacity-0 md:group-hover:opacity-100 focus:opacity-100\">\r\n <svg class=\"w-5 h-5 md:w-6 md:h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\r\n <\/button>\r\n <button onclick=\"moveSlide('slider2', 1)\" class=\"absolute right-2 md:right-4 top-1\/2 -translate-y-1\/2 bg-white\/80 hover:bg-jinakBlue hover:text-white p-2 md:p-3 rounded-full shadow-lg transition-all opacity-100 md:opacity-0 md:group-hover:opacity-100 focus:opacity-100\">\r\n <svg class=\"w-5 h-5 md:w-6 md:h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\r\n <\/button>\r\n \r\n \r\n <div class=\"absolute bottom-4 left-0 right-0 flex justify-center gap-2\" id=\"slider2-indicators\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-12 flex justify-end\">\r\n <a href=\"#\" class=\"inline-flex items-center gap-2 px-6 py-2 rounded-full bg-white border border-gray-200 hover:bg-jinakBlue text-gray-600 hover:text-white transition-all shadow-sm hover:shadow-md font-semibold text-sm uppercase tracking-wider\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\"><\/path><\/svg>\r\n Zp\u011bt nahoru\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"section-3\" class=\"py-16 md:py-24 bg-darkBg text-white relative overflow-hidden\">\r\n \r\n <div class=\"max-w-6xl mx-auto px-4 md:px-6 relative z-10\">\r\n <div class=\"text-center mb-10 md:mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold mb-2\">Guerilla poetry - <span class=\"text-jinakRed\">Gorila v2.0<\/span><\/h2>\r\n <h3 class=\"text-lg md:text-xl text-gray-400 mb-6 md:mb-8 uppercase tracking-widest\">(B\u00e1sn\u011b v ulic\u00edch)<\/h3>\r\n \r\n <div class=\"inline-flex flex-wrap justify-center gap-3 md:gap-4 text-xl md:text-2xl font-bold bg-white\/10 px-6 md:px-8 py-3 md:py-4 rounded-3xl border border-white\/20 backdrop-blur-sm\">\r\n <span class=\"hover:text-jinakRed transition-colors cursor-default\">HLEDEJ<\/span> <span class=\"text-gray-500 hidden sm:inline\">|<\/span> \r\n <span class=\"hover:text-jinakBlue transition-colors cursor-default\">SCHOVEJ<\/span> <span class=\"text-gray-500 hidden sm:inline\">|<\/span> \r\n <span class=\"hover:text-jinakRed transition-colors cursor-default\">SB\u00cdREJ<\/span> <span class=\"text-gray-500 hidden sm:inline\">|<\/span> \r\n <span class=\"hover:text-jinakBlue transition-colors cursor-default\">SD\u00cdLEJ<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col lg:flex-row gap-8 md:gap-12 relative\">\r\n \r\n \r\n <div class=\"w-full lg:w-2\/3 bg-white\/5 p-8 rounded-3xl border border-white\/10 backdrop-blur-md z-20\">\r\n <div class=\"space-y-6 text-lg text-gray-300\">\r\n <p class=\"font-bold text-2xl text-white\">B\u00e1sn\u011b v ulic\u00edch zp\u011bt! Mnohem siln\u011bj\u0161\u00ed ne\u017e kdy p\u0159edt\u00edm.<\/p>\r\n \r\n <p>Nov\u00e9 z\u00e1lo\u017eky a nov\u00ed auto\u0159i. <span class=\"text-jinakRed font-bold text-xl\">11 autor\u016f z Vyso\u010diny<\/span>, kte\u0159\u00ed vypustili sv\u00e9 b\u00e1sn\u011b do sv\u011bta aby ti ud\u011blali lep\u0161\u00ed den. P\u0159ece je nebudou schov\u00e1vat v \u0161upl\u00edku, kdy\u017e mohou cestovat, ne?<\/p>\r\n \r\n <div class=\"bg-jinakBlue\/20 border-l-4 border-jinakBlue p-4 rounded-r-lg my-6\">\r\n <p class=\"font-semibold text-white\">Z\u016f\u010dastnit se m\u016f\u017ee\u0161 i te\u010f. Sta\u010d\u00ed na kousek pap\u00edru napsat p\u00e1r ver\u0161\u016f, vyfotit m\u00edsto a postnout to. Poslat n\u00e1m to do zpr\u00e1v nebo n\u00e1s ozna\u010dit a zbytek u\u017e se d\u011bje s\u00e1m.<\/p>\r\n <\/div>\r\n \r\n <p>Chce\u0161 se i ty st\u00e1t sou\u010d\u00e1st\u00ed p\u0159\u00ed\u0161t\u00ed Gorily? Napi\u0161 n\u00e1m a domluv\u00edme se!<\/p>\r\n \r\n <div class=\"bg-gradient-to-r from-jinakRed\/20 to-transparent p-6 rounded-xl border border-jinakRed\/30 mt-8\">\r\n <p class=\"font-bold text-white text-xl mb-2\">\ud83c\udf81 A kdo najde nejvz\u00e1cn\u011bj\u0161\u00ed z\u00e1lo\u017eku vyhraje cenu.<\/p>\r\n <p>Jakou? To se dozv\u00ed\u0161 na na\u0161em instagramu v pravou chv\u00edli. Tak\u017ee n\u00e1s sleduj!<\/p>\r\n <a href=\"https:\/\/www.instagram.com\/ji.jinak\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block mt-4 bg-jinakRed hover:bg-white hover:text-jinakRed text-white font-bold py-2 px-6 rounded-full transition-colors duration-300 shadow-lg shadow-jinakRed\/30\">\r\n Sledovat na IG\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full lg:w-1\/3\">\r\n <h4 class=\"text-2xl font-bold mb-6 border-b border-gray-700 pb-2 text-jinakBlue\">Auto\u0159i:<\/h4>\r\n <ul class=\"space-y-3 text-lg font-medium text-gray-400\">\r\n \r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Al\u017eb\u011bta Hork\u00e1<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">AnetaNeta Hrdli\u010dkov\u00e1<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">\u010cenda<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Filip Versteeg<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Ji\u0159\u00ed Poho\u0159elsk\u00fd<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Luk\u00e1\u0161 \u010cern\u00fd<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Michal Nov\u00e1k - SiR\u00e1no<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Stanislav Adler<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Standa Hyena Caha<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Tom\u00e1\u0161 Plesinger<\/li>\r\n <li class=\"transition-colors duration-300 hover:text-jinakRed cursor-crosshair transform hover:translate-x-2\">Veronika Dawidowicz<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n \r\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/Gorila-2.jpg\" \r\n alt=\"Poetry 1\" \r\n class=\"scattered-img absolute hidden lg:block w-48 h-48 object-cover rounded-sm -rotate-6 -top-12 -left-12 opacity-80 hover:opacity-100\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/05\/670792027_18007356161887777_9058258870407207314_n.jpg\" \r\n alt=\"Poetry 2\" \r\n class=\"scattered-img absolute hidden lg:block w-40 h-40 object-cover rounded-sm rotate-12 bottom-10 -right-16 opacity-80 hover:opacity-100\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/Gorila-2b.jpg\" \r\n alt=\"Poetry 3\" \r\n class=\"scattered-img absolute hidden lg:block w-32 h-32 object-cover rounded-sm -rotate-12 top-1\/3 -right-8 opacity-80 hover:opacity-100\">\r\n <\/div>\r\n\r\n \r\n <div class=\"flex lg:hidden justify-center gap-4 mt-12 flex-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544716278-e513176f20b5?ixlib=rb-4.0.3&auto=format&fit=crop&w=300&q=80\" class=\"w-32 h-32 object-cover scattered-img -rotate-3\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1455390582262-044cdead27d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=300&q=80\" class=\"w-32 h-32 object-cover scattered-img rotate-6\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524995997946-a1c2e315a42f?ixlib=rb-4.0.3&auto=format&fit=crop&w=300&q=80\" class=\"w-32 h-32 object-cover scattered-img -rotate-6\">\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-12 flex justify-end\">\r\n <a href=\"#\" class=\"inline-flex items-center gap-2 px-6 py-2 rounded-full bg-white\/10 hover:bg-jinakRed text-gray-300 hover:text-white transition-all shadow-sm hover:shadow-md border border-white\/10 font-semibold text-sm uppercase tracking-wider\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\"><\/path><\/svg>\r\n Zp\u011bt nahoru\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"bg-white py-12 border-t border-gray-200\">\r\n <div class=\"max-w-6xl mx-auto px-6\">\r\n <h4 class=\"text-center text-sm font-bold text-gray-400 uppercase tracking-widest mb-8\">Partne\u0159i projektu<\/h4>\r\n \r\n <div class=\"flex flex-wrap justify-center items-center gap-12 md:gap-24 opacity-60 hover:opacity-100 transition-opacity duration-500\">\r\n \r\n \r\n <div class=\"flex flex-col items-center group\">\r\n <div class=\"h-24 flex items-center justify-center mb-3\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/09\/IMG_2215.jpeg\" alt=\"M\u011bsto Jihlava logo\" class=\"max-h-full w-auto object-contain transition-transform duration-300 group-hover:scale-110\">\r\n <\/div>\r\n <span class=\"text-sm font-bold text-gray-600\">M\u011bsto Jihlava<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center group\">\r\n <div class=\"h-24 flex items-center justify-center mb-3\">\r\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2025\/05\/2.jpg\" alt=\"WyvernPrint logo\" class=\"max-h-full w-auto object-contain transition-transform duration-300 group-hover:scale-110\">\r\n <\/div>\r\n <span class=\"text-sm font-bold text-gray-600\">WyvernPrint<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center group\">\r\n <div class=\"h-24 flex items-center justify-center mb-3\">\r\n <img decoding=\"async\" src=\"http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/09\/cropped-IMG_2217.jpeg\" alt=\"Ji.nA.K logo\" class=\"max-h-full w-auto object-contain transition-transform duration-300 group-hover:scale-110\">\r\n <\/div>\r\n <span class=\"text-sm font-bold text-gray-600\">Ji.nA.K<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <div class=\"text-center mt-12 text-xs text-gray-400\">\r\n © 2026 Spolek Ji.nA.K. V\u0161echna pr\u00e1va vyhrazena.\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n\r\n <script>\r\n \/\/ Data for sliders (9 placeholder images representing art\/exhibitions for each)\r\n const imagesSlider1 = ['http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-let-spolku-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/slovo-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/1.png',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-let-spolku-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/3.png',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-let-spolku-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/7.png',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20-let-spolku-scaled.jpg'\r\n ];\r\n\r\n const imagesSlider2 = [\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20let-jinak-plakat.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2026\/09\/20let-jinak-plakatos.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/10\/BRK_0419-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/10\/BRK_0871-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/10\/BRK_0888-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/10\/BRK_0225-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/10\/IMG_20241019_163350-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2024\/10\/IMG_20241019_163130-scaled.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2017\/10\/22448561_1693194954055032_5286254800297857094_n.jpg',\r\n 'http:\/\/www.jinak.net\/wp-content\/uploads\/2017\/10\/22405559_1693194937388367_8480524654353328089_n.jpg'\r\n ];\r\n\r\n \/\/ State for sliders\r\n const sliderState = {\r\n slider1: { currentIndex: 0, total: 9 },\r\n slider2: { currentIndex: 0, total: 9 }\r\n };\r\n\r\n \/\/ Initialize sliders\r\n function initSlider(sliderId, images) {\r\n const track = document.getElementById(`${sliderId}-track`);\r\n const indicators = document.getElementById(`${sliderId}-indicators`);\r\n \r\n \/\/ Add images\r\n images.forEach((url, index) => {\r\n const img = document.createElement('img');\r\n img.src = url;\r\n img.className = 'slide';\r\n img.alt = `Slide ${index + 1}`;\r\n track.appendChild(img);\r\n \r\n \/\/ Add indicator\r\n const dot = document.createElement('button');\r\n dot.className = `w-2 h-2 rounded-full transition-all ${index === 0 ? 'bg-white scale-125' : 'bg-white\/50 hover:bg-white\/80'}`;\r\n dot.onclick = () => goToSlide(sliderId, index);\r\n indicators.appendChild(dot);\r\n });\r\n \r\n \/\/ Auto rotate\r\n setInterval(() => moveSlide(sliderId, 1), 5000);\r\n }\r\n\r\n function updateSliderView(sliderId) {\r\n const track = document.getElementById(`${sliderId}-track`);\r\n const indicators = document.getElementById(`${sliderId}-indicators`).children;\r\n const state = sliderState[sliderId];\r\n \r\n \/\/ Move track\r\n track.style.transform = `translateX(-${state.currentIndex * 100}%)`;\r\n \r\n \/\/ Update indicators\r\n Array.from(indicators).forEach((dot, index) => {\r\n if(index === state.currentIndex) {\r\n dot.className = 'w-2 h-2 rounded-full transition-all bg-white scale-125 shadow-[0_0_5px_rgba(0,0,0,0.5)]';\r\n } else {\r\n dot.className = 'w-2 h-2 rounded-full transition-all bg-white\/50 hover:bg-white\/80';\r\n }\r\n });\r\n }\r\n\r\n function moveSlide(sliderId, direction) {\r\n const state = sliderState[sliderId];\r\n state.currentIndex = (state.currentIndex + direction + state.total) % state.total;\r\n updateSliderView(sliderId);\r\n }\r\n\r\n function goToSlide(sliderId, index) {\r\n sliderState[sliderId].currentIndex = index;\r\n updateSliderView(sliderId);\r\n }\r\n\r\n function addTouchSupport(sliderId) {\r\n const track = document.getElementById(`${sliderId}-track`);\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n\r\n track.addEventListener('touchstart', e => {\r\n touchStartX = e.changedTouches[0].screenX;\r\n }, {passive: true});\r\n\r\n track.addEventListener('touchend', e => {\r\n touchEndX = e.changedTouches[0].screenX;\r\n handleSwipe(sliderId);\r\n }, {passive: true});\r\n\r\n function handleSwipe(id) {\r\n const swipeThreshold = 50;\r\n if (touchEndX < touchStartX - swipeThreshold) {\r\n moveSlide(id, 1); \/\/ Swipe doleva -> dal\u0161\u00ed slide\r\n }\r\n if (touchEndX > touchStartX + swipeThreshold) {\r\n moveSlide(id, -1); \/\/ Swipe doprava -> p\u0159edchoz\u00ed slide\r\n }\r\n }\r\n }\r\n\r\n \/\/ Initialize on load\r\n window.addEventListener('DOMContentLoaded', () => {\r\n initSlider('slider1', imagesSlider1);\r\n initSlider('slider2', imagesSlider2);\r\n \r\n \/\/ Touch podpora pro slidery\r\n addTouchSupport('slider1');\r\n addTouchSupport('slider2');\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f152bca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f152bca\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f9ad6bf\" data-id=\"f9ad6bf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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>MYSLI Ji.nA.K MYSLI Ji.nA.K Podzimn\u00ed sez\u00f3na 2026 9.9. – 15.10. | DKO 20 LET MOSTEM MEZI SV\u011aTY 9.10. – 6.11. | Komensk\u00e9ho 20 Podzimn\u00ed v\u00fdstava 20 let Ji.nA.K B\u00e1sn\u011b v ulic\u00edch Guerilla poetrygorila v2.0 20 let most mezi sv\u011bty POZOR … <a href=\"http:\/\/www.jinak.net\/?page_id=5037\">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-5037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.jinak.net\/index.php?rest_route=\/wp\/v2\/pages\/5037","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=5037"}],"version-history":[{"count":52,"href":"http:\/\/www.jinak.net\/index.php?rest_route=\/wp\/v2\/pages\/5037\/revisions"}],"predecessor-version":[{"id":5125,"href":"http:\/\/www.jinak.net\/index.php?rest_route=\/wp\/v2\/pages\/5037\/revisions\/5125"}],"wp:attachment":[{"href":"http:\/\/www.jinak.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}