<!DOCTYPE html>
<html lang="pl" class=" ">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Instytut Psychiatrii i Neurologii w Warszawie</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="robots" content="">
<link rel="canonical" href="https://ipin.edu.pl">
<meta property="og:locale" content="pl_PL">
<meta property="og:url" content="https://ipin.edu.pl">
<meta property="og:type" content="website">
<meta property="og:title" content="Instytut Psychiatrii i Neurologii w Warszawie">
<link rel="preload" as="style" href="https://ipin.edu.pl/build/assets/website-21c9dd30.css" /><link rel="modulepreload" href="https://ipin.edu.pl/build/assets/website-7781b2b3.js" /><link rel="modulepreload" href="https://ipin.edu.pl/build/assets/fancybox.esm-6ab3b5df.js" /><link rel="stylesheet" href="https://ipin.edu.pl/build/assets/website-21c9dd30.css" data-navigate-track="reload" /><script type="module" src="https://ipin.edu.pl/build/assets/website-7781b2b3.js" data-navigate-track="reload"></script> <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style>
</head>
<body class="text-base">
<div>
<h1 class="invisible h-0 overflow-hidden">Instytut Psychiatrii i Neurologii w Warszawie</h1>
<div class="flex flex-col min-h-screen justify-between">
<div>
<div class="py-4 wcag-bg-black">
<div class="container grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 items-center justify-between gap-x-12 gap-y-8">
<div class="order-1 text-center md:text-left">
<a href="https://ipin.edu.pl/pl" class="inline-flex">
<img alt="Instytut Psychiatrii i Neurologii w Warszawie" class="h-[70px] w-auto object-contain" srcset="https://ipin.edu.pl/storage/media/1/responsive-images/logo-full___webp_432_74.webp?v=1724144609 432w" src="https://ipin.edu.pl/storage/media/1/conversions/logo-full-webp.webp?v=1724144609" width="432" height="74">
</a>
</div>
<div class="flex items-center justify-center gap-x-12 gap-y-3 order-2 md:order-3 xl:order-2 md:col-span-2 xl:col-span-1">
<a class="block">
<img alt="Isocert" class="block max-h-[50px] object-contain" srcset="https://ipin.edu.pl/storage/media/2/responsive-images/isocert___webp_105_61.webp?v=1724149539 105w" src="https://ipin.edu.pl/storage/media/2/conversions/isocert-webp.webp?v=1724149539" width="105" height="61">
</a>
<a href="https://bip.ipin.edu.pl/" target="_blank" class="block">
<img alt="BIP" class="block max-h-[50px] object-contain" srcset="https://ipin.edu.pl/storage/media/3/responsive-images/bip___webp_118_46.webp?v=1724149552 118w" src="https://ipin.edu.pl/storage/media/3/conversions/bip-webp.webp?v=1724149552" width="118" height="46">
</a>
<a href="https://ipin.edu.pl/projekty/euslugi/" target="_blank" class="block">
<img alt="Unia Europejska - Europejskie Fundusze Strukturalne i Inwestycyjne" class="block max-h-[50px] object-contain" srcset="https://ipin.edu.pl/storage/media/4/responsive-images/ue___webp_167_38.webp?v=1724149622 167w" src="https://ipin.edu.pl/storage/media/4/conversions/ue-webp.webp?v=1724149622" width="167" height="38">
</a>
</div>
<div class="order-3 md:order-2 xl:order-3 text-center md:text-right">
<div x-data="topbar" class="inline-flex flex-wrap sm:flex-nowrap gap-2">
<a href="https://www.facebook.com/InstytutPsychiatriiiNeurologii" target="_blank"
class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-text-color wcag-border-color">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310 310" xml:space="preserve" class="w-[20px] h-[20px]">
<path id="XMLID_835_" d="M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064
c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996
V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545
C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703
c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z" />
</svg>
</a>
<a href="https://x.com/IPiN_Warszawa" target="_blank"
class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-text-color wcag-border-color">
<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 512 462.799" fill="currentColor" class="w-[20px] h-[20px]">
<path fill-rule="nonzero"
d="M403.229 0h78.506L310.219 196.04 512 462.799H354.002L230.261 301.007 88.669 462.799h-78.56l183.455-209.683L0 0h161.999l111.856 147.88L403.229 0zm-27.556 415.805h43.505L138.363 44.527h-46.68l283.99 371.278z" />
</svg>
</a>
<a href="https://pl.linkedin.com/company/instytut-psychiatrii-i-neurologii" target="_blank"
class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-text-color wcag-border-color">
<svg fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve" class="w-[20px] h-[20px]">
<path style="display: inline; fill-rule: evenodd; clip-rule: evenodd;" d="M116.504,500.219V170.654H6.975v329.564H116.504
L116.504,500.219z M61.751,125.674c38.183,0,61.968-25.328,61.968-56.953c-0.722-32.328-23.785-56.941-61.252-56.941
C24.994,11.781,0.5,36.394,0.5,68.722c0,31.625,23.772,56.953,60.53,56.953H61.751L61.751,125.674z M177.124,500.219
c0,0,1.437-298.643,0-329.564H286.67v47.794h-0.727c14.404-22.49,40.354-55.533,99.44-55.533
c72.085,0,126.116,47.103,126.116,148.333v188.971H401.971V323.912c0-44.301-15.848-74.531-55.497-74.531
c-30.254,0-48.284,20.38-56.202,40.08c-2.897,7.012-3.602,16.861-3.602,26.711v184.047H177.124L177.124,500.219z">
</path>
</svg>
</a>
<button x-on:click="$dispatch('searchdialog')" type="button" class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-text-color wcag-border-color">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[24px] h-[24px]">
<path d="M11 6C13.7614 6 16 8.23858 16 11M16.6588 16.6549L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<a href="https://poczta.ipin.edu.pl/static/login" target="_blank"
class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-text-color wcag-border-color">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-[24px] h-[24px]">
<path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z" />
<path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z" />
</svg>
</a>
<button x-on:click="$dispatch('openwcag')" type="button" class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-text-color wcag-border-color">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-[24px] h-[24px]">
<path
d="M18.4,11.2L14.3,11.4L16.6,8.8C16.8,8.5 16.9,8 16.8,7.5C16.7,7.2 16.6,6.9 16.3,6.7L10.9,3.5C10.5,3.2 9.9,3.3 9.5,3.6L6.8,6.1C6.3,6.6 6.2,7.3 6.7,7.8C7.1,8.3 7.9,8.3 8.4,7.9L10.4,6.1L12.3,7.2L8.1,11.5C8,11.6 8,11.7 7.9,11.7C7.4,11.9 6.9,12.1 6.5,12.4L8,13.9C8.5,13.7 9,13.5 9.5,13.5C11.4,13.5 13,15.1 13,17C13,17.6 12.9,18.1 12.6,18.5L14.1,20C14.7,19.1 15,18.1 15,17C15,15.8 14.6,14.6 13.9,13.7L17.2,13.4L17,18.2C16.9,18.9 17.4,19.4 18.1,19.5H18.2C18.8,19.5 19.3,19 19.4,18.4L19.6,12.5C19.6,12.2 19.5,11.8 19.3,11.6C19,11.3 18.7,11.2 18.4,11.2M18,5.5A2,2 0 0,0 20,3.5A2,2 0 0,0 18,1.5A2,2 0 0,0 16,3.5A2,2 0 0,0 18,5.5M12.5,21.6C11.6,22.2 10.6,22.5 9.5,22.5C6.5,22.5 4,20 4,17C4,15.9 4.3,14.9 4.9,14L6.4,15.5C6.2,16 6,16.5 6,17C6,18.9 7.6,20.5 9.5,20.5C10.1,20.5 10.6,20.4 11,20.1L12.5,21.6Z" />
</svg>
</button>
<button x-on:click="openMainMenu" type="button" class="flex lg:hidden items-center justify-center w-[40px] h-[40px] border-2 border-sky-500 text-white bg-sky-500 rounded-lg transition-custom focus:ring-2 focus:ring-sky-500/30 wcag-text-color wcag-border-color wcag-bg-black">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[24px] h-[24px]">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 5.25h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5" />
</svg>
</button>
</div>
</div>
</div>
</div>
<div x-data="mainmenu" x-on:openmainmenu.window="open" class="hidden lg:block">
<div class="relative z-50 bg-menu-light wcag-bg-color">
<div class="container">
<nav class="block">
<ul class="flex items-center justify-center flex-wrap gap-x-4">
<li class="group relative">
<a href="https://ipin.edu.pl/pl/o-instytucie/wladze-instytutu" target="_self"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">O Instytucie</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 transform transition-transform ease-in-out duration-300 rotate-90 group-hover:-rotate-90">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg> </a>
<div class="absolute top-full left-0 min-w-[400px] invisible -z-10 opacity-0 transition-custom group-hover:opacity-100 group-hover:z-10 group-hover:visible">
<ul class="bg-menu-dark p-4 space-y-2 wcag-bg-color">
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/wladze-instytutu" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Dyrekcja Instytutu Psychiatrii i Neurologii</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/historia" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Historia</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/dzialalnosc-lecznicza" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Działalność lecznicza</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/mokotowskie-centrum-zdrowia-psychicznego" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Mokotowskie Centrum Zdrowia Psychicznego</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/dzialalnosc-naukowa" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Działalność Naukowa</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/plan-budynkow-ipin" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Plan Budynków IPiN</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/polityka-jakosci" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Polityka jakości</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/polityka-bezpieczenstwa-informacji" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Polityka Bezpieczeństwa Informacji obowiązująca w IPIN</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/rodo" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">RODO</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/kodeks-etyki-pracownika-ipin" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Kodeks Etyki Pracownika IPiN</a>
</li>
</ul>
</div>
</li>
<li class="group relative">
<a href="https://ipin.edu.pl/pl/aktualnosci" target="_self"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">Aktualności</span>
</a>
</li>
<li class="group relative">
<a href="https://ipin.edu.pl/pl/dla-pacjentow/wazne-informacje" target="_self"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">Dla Pacjentów</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 transform transition-transform ease-in-out duration-300 rotate-90 group-hover:-rotate-90">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg> </a>
<div class="absolute top-full left-0 min-w-[400px] invisible -z-10 opacity-0 transition-custom group-hover:opacity-100 group-hover:z-10 group-hover:visible">
<ul class="bg-menu-dark p-4 space-y-2 wcag-bg-color">
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/wazne-informacje" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Ważne informacje</a>
</li>
<li>
<a href="" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Aktualności</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/pilotaz-dobry-posilek-w-szpitalu" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Pilotaż „Dobry posiłek w szpitalu”</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/zdrowie-psychiczne-ai" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Zdrowie psychiczne AI</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/kontakt-94" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Kontakt</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/poradnia-zaburzen-snu" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Poradnia zaburzeń snu</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/mokotowskie-centrum-zdrowia-psychicznego-96" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Mokotowskie Centrum Zdrowia Psychicznego</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/ursynowsko-wilanowskie-centrum-zdrowia-psychicznego-uw-czp" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Ursynowsko-Wilanowskie Centrum Zdrowia Psychicznego (UW CZP)</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/zaklad-radiologii" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Zakład Radiologii</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/zaklad-genetyki" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Zakład Genetyki</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/pracownia-neuroimmunologii" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Pracownia Neuroimmunologii</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/osrodek-terapii-uzaleznien-oddzial-dzienny" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Ośrodek Terapii Uzależnień – Oddział Dzienny</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/do-pobrania" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Do pobrania</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/dokumentacja-medyczna" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Dokumentacja medyczna</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/warsztaty-terapii-zajeciowej" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Warsztaty Terapii Zajęciowej</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/rzecznik-i-prawa-pacjenta" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Rzecznik i Prawa Pacjenta</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/standardy-ochrony-dzieci" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">STANDARDY OCHRONY DZIECI</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/obowiazek-informacyjny-wynikajacy-z-ustawy-o-ochronie-danych-osobowych" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Obowiązek informacyjny wynikający z Ustawy o ochronie danych osobowych</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/poradnie-117" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Poradnie</a>
</li>
</ul>
</div>
</li>
<li class="group relative">
<a href="https://intranet.ipin.edu.pl" target="_blank"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">Dla Pracowników</span>
</a>
</li>
<li class="group relative">
<a href="https://ipin.edu.pl/pl/dla-firm" target="_self"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">Dla firm</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 transform transition-transform ease-in-out duration-300 rotate-90 group-hover:-rotate-90">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg> </a>
<div class="absolute top-full left-0 min-w-[400px] invisible -z-10 opacity-0 transition-custom group-hover:opacity-100 group-hover:z-10 group-hover:visible">
<ul class="bg-menu-dark p-4 space-y-2 wcag-bg-color">
<li>
<a href="https://ipin.edu.pl/pl/dla-firm/zasady-postepowania-z-klientami-zewnetrznymi" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Zasady postępowania z klientami zewnętrznymi</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-firm/zamowienia-publiczne" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Zamówienia publiczne</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-firm/patronat-honorowy-dyrektora-instytutu-oraz-uczestnictwo-dyrektora-w-komitecie-honorowym" target="_self"
class="text-sm transition-custom inline-flex text-white hover:text-white/50 wcag-text-black">Patronat honorowy Dyrektora Instytutu oraz uczestnictwo Dyrektora w komitecie honorowym</a>
</li>
</ul>
</div>
</li>
<li class="group relative">
<a href="https://ipin.edu.pl/pl/udar-mozgu-trombektomia" target="_self"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">Udar mózgu / trombektomia</span>
</a>
</li>
<li class="group relative">
<a href="https://ipin.edu.pl/pl/projekty-119" target="_self"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">Projekty</span>
</a>
</li>
<li class="group relative">
<a href="https://erejestracja.ipin.edu.pl/" target="_blank"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">E-rejestracja</span>
</a>
</li>
<li class="group relative">
<a href="https://ipin.edu.pl/pl/kontakt" target="_self"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">Kontakt</span>
</a>
</li>
<li class="group relative">
<a href="https://poczta.ipin.edu.pl/static/login/" target="_blank"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">Poczta IPiN</span>
</a>
</li>
<li class="group relative">
<a href="https://ipin.edu.pl/pl/praca-145" target="_self"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">Praca</span>
</a>
</li>
<li class="group relative">
<a href="https://ipin.edu.pl/pl/europejska-siec-referencyjna-ern" target="_self"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">Europejska Sieć Referencyjna ERN</span>
</a>
</li>
<li class="group relative">
<a href="https://ipin.edu.pl/pl/deklaracja-dostepnosci" target="_self"
class="text-sm py-4 px-3 transition-custom items-center inline-flex gap-x-1 group-hover:bg-menu-dark group-hover:text-white wcag-bg-color wcag-text-black">
<span class="">Deklaracja dostępności</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
<template x-teleport="body">
<div class="block lg:hidden text-black fixed top-0 left 0 w-full h-dvh sm:h-screen z-50" x-bind:class="{ 'invisible': !visible }">
<div class="relative z-10 overflow-hidden w-full h-dvh sm:h-screen">
<div x-on:click="close" class="w-full h-full bg-black/50 transition-custom" x-bind:class="{ 'opacity-100': visible, 'opacity-0': !visible }"></div>
<div class="w-[500px] h-dvh sm:h-screen overflow-y-auto max-w-full fixed z-[51] top-0 bg-gray-200 transition-custom wcag-bg-black" x-bind:class="{ 'left-0': visible, '-left-full': !visible }">
<div class="w-full h-full pb-20 pt-12 overflow-auto">
<ul class="px-6 text-lg space-y-3 wcag-text-color">
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://ipin.edu.pl/pl/o-instytucie/wladze-instytutu" target="_self">O Instytucie</a>
<button x-on:click="sub = !sub" type="button" class="size-6">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-full transform transition-transform ease-in-out duration-300 rotate-90" x-bind:class="sub ? '!-rotate-90' : ''">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg> </button>
</div>
<div x-show="sub" x-collapse>
<ul class="space-y-3 pl-4 pt-4 pb-2 text-base">
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/wladze-instytutu" target="_self">Dyrekcja Instytutu Psychiatrii i Neurologii</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/historia" target="_self">Historia</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/dzialalnosc-lecznicza" target="_self">Działalność lecznicza</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/mokotowskie-centrum-zdrowia-psychicznego" target="_self">Mokotowskie Centrum Zdrowia Psychicznego</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/dzialalnosc-naukowa" target="_self">Działalność Naukowa</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/plan-budynkow-ipin" target="_self">Plan Budynków IPiN</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/polityka-jakosci" target="_self">Polityka jakości</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/polityka-bezpieczenstwa-informacji" target="_self">Polityka Bezpieczeństwa Informacji obowiązująca w IPIN</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/rodo" target="_self">RODO</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/o-instytucie/kodeks-etyki-pracownika-ipin" target="_self">Kodeks Etyki Pracownika IPiN</a>
</li>
</ul>
</div>
</li>
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://ipin.edu.pl/pl/aktualnosci" target="_self">Aktualności</a>
</div>
</li>
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://ipin.edu.pl/pl/dla-pacjentow/wazne-informacje" target="_self">Dla Pacjentów</a>
<button x-on:click="sub = !sub" type="button" class="size-6">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-full transform transition-transform ease-in-out duration-300 rotate-90" x-bind:class="sub ? '!-rotate-90' : ''">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg> </button>
</div>
<div x-show="sub" x-collapse>
<ul class="space-y-3 pl-4 pt-4 pb-2 text-base">
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/wazne-informacje" target="_self">Ważne informacje</a>
</li>
<li>
<a href="" target="_self">Aktualności</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/pilotaz-dobry-posilek-w-szpitalu" target="_self">Pilotaż „Dobry posiłek w szpitalu”</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/zdrowie-psychiczne-ai" target="_self">Zdrowie psychiczne AI</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/kontakt-94" target="_self">Kontakt</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/poradnia-zaburzen-snu" target="_self">Poradnia zaburzeń snu</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/mokotowskie-centrum-zdrowia-psychicznego-96" target="_self">Mokotowskie Centrum Zdrowia Psychicznego</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/ursynowsko-wilanowskie-centrum-zdrowia-psychicznego-uw-czp" target="_self">Ursynowsko-Wilanowskie Centrum Zdrowia Psychicznego (UW CZP)</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/zaklad-radiologii" target="_self">Zakład Radiologii</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/zaklad-genetyki" target="_self">Zakład Genetyki</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/pracownia-neuroimmunologii" target="_self">Pracownia Neuroimmunologii</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/osrodek-terapii-uzaleznien-oddzial-dzienny" target="_self">Ośrodek Terapii Uzależnień – Oddział Dzienny</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/do-pobrania" target="_self">Do pobrania</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/dokumentacja-medyczna" target="_self">Dokumentacja medyczna</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/warsztaty-terapii-zajeciowej" target="_self">Warsztaty Terapii Zajęciowej</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/rzecznik-i-prawa-pacjenta" target="_self">Rzecznik i Prawa Pacjenta</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/standardy-ochrony-dzieci" target="_self">STANDARDY OCHRONY DZIECI</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/obowiazek-informacyjny-wynikajacy-z-ustawy-o-ochronie-danych-osobowych" target="_self">Obowiązek informacyjny wynikający z Ustawy o ochronie danych osobowych</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/poradnie-117" target="_self">Poradnie</a>
</li>
</ul>
</div>
</li>
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://intranet.ipin.edu.pl" target="_blank">Dla Pracowników</a>
</div>
</li>
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://ipin.edu.pl/pl/dla-firm" target="_self">Dla firm</a>
<button x-on:click="sub = !sub" type="button" class="size-6">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-full transform transition-transform ease-in-out duration-300 rotate-90" x-bind:class="sub ? '!-rotate-90' : ''">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg> </button>
</div>
<div x-show="sub" x-collapse>
<ul class="space-y-3 pl-4 pt-4 pb-2 text-base">
<li>
<a href="https://ipin.edu.pl/pl/dla-firm/zasady-postepowania-z-klientami-zewnetrznymi" target="_self">Zasady postępowania z klientami zewnętrznymi</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-firm/zamowienia-publiczne" target="_self">Zamówienia publiczne</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/dla-firm/patronat-honorowy-dyrektora-instytutu-oraz-uczestnictwo-dyrektora-w-komitecie-honorowym" target="_self">Patronat honorowy Dyrektora Instytutu oraz uczestnictwo Dyrektora w komitecie honorowym</a>
</li>
</ul>
</div>
</li>
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://ipin.edu.pl/pl/udar-mozgu-trombektomia" target="_self">Udar mózgu / trombektomia</a>
</div>
</li>
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://ipin.edu.pl/pl/projekty-119" target="_self">Projekty</a>
</div>
</li>
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://erejestracja.ipin.edu.pl/" target="_blank">E-rejestracja</a>
</div>
</li>
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://ipin.edu.pl/pl/kontakt" target="_self">Kontakt</a>
</div>
</li>
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://poczta.ipin.edu.pl/static/login/" target="_blank">Poczta IPiN</a>
</div>
</li>
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://ipin.edu.pl/pl/praca-145" target="_self">Praca</a>
</div>
</li>
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://ipin.edu.pl/pl/europejska-siec-referencyjna-ern" target="_self">Europejska Sieć Referencyjna ERN</a>
</div>
</li>
<li x-data="{ sub: false }">
<div class="flex items-center justify-between gap-x-4">
<a href="https://ipin.edu.pl/pl/deklaracja-dostepnosci" target="_self">Deklaracja dostępności</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<button x-on:click="close" type="button" class="fixed bottom-4 right-4 size-12 bg-red-600 border-2 border-white text-white rounded-full z-[60] flex items-center justify-center wcag-border-color wcag-bg-color wcag-text-black">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-8">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
</svg>
</button>
</div>
</template>
</div>
<div> <div class="wcag-bg-black">
<h1 class="invisible h-0 overflow-hidden">Instytut Psychiatrii i Neurologii w Warszawie</h1>
<div x-data="{
init() {
let swiper = new Swiper(this.$refs.swiper, {
loop: true,
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
speed: 1000,
navigation: {
nextEl: this.$refs.next,
prevEl: this.$refs.prev,
},
})
}
}" class="wcag-bg-black">
<div class="max-w-screen-3xl mx-auto h-[400px] md:h-[550px]">
<!-- Swiper -->
<div x-ref="swiper" class="swiper">
<div class="swiper-wr§apper h-[400px] md:h-[550px] relative">
<div class="swiper-slide w-full h-full">
<img alt="Instytut Psychiatrii i Neurologii" class="absolute top-0 left-0 w-full h-full object-cover" srcset="https://ipin.edu.pl/storage/media/5/responsive-images/banner___webp_1920_650.webp?v=1724158555 1920w, https://ipin.edu.pl/storage/media/5/responsive-images/banner___webp_1051_356.webp?v=1724158555 1051w" src="https://ipin.edu.pl/storage/media/5/conversions/banner-webp.webp?v=1724158555" width="1920" height="650">
<div class="container z-10 relative h-full flex items-center">
<div class="max-w-2xl wcag-bg-black wcag-text-color">
<div
class="prose prose-headings:text-4xl md:prose-headings:text-6xl prose-headings:uppercase prose-headings:text-white prose-headings:mb-8 prose-p:my-0 prose-p:text-lg md:prose-p:text-2xl prose-p:text-white">
<h2>INSTYTUT </h2><h2>PSYCHIATRII I </h2><h2>NEUROLOGII</h2><p>Działamy w trosce o zdrowie pacjentów, niosąc i organizując wszechstronną pomoc w zaburzeniach psychicznych i chorobach układu nerwowego.</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="my-24 space-y-12 container">
<h2 class="title wcag-text-color wcag-border-color">Aktualności</h2>
<div x-cloak x-data="articlesCarousel">
<div class="relative">
<div x-ref="swiper" class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<section class="relative grid grid-cols-1 lg:grid-cols-2 gap-x-12 gap-y-8 lg:gap-y-12 items-center group ">
<div class="space-y-8 order-2 lg:order-1">
<h3 class="text-xl text-primary font-bold transition-custom group-hover:text-black wcag-text-color">Z głębokim żalem przyjęliśmy wiadomość o śmierci Pani Prof. Danuty Wochnik-Dyjas – lekarz neurolog, neurofizjolog.</h3>
<div class="hidden lg:block wcag-text-color">Rodzinie i Bliskim wyrazy głębokiego współczucia składa Dyrekcja oraz Pracownicy Zakładu Neurofizjologii Klinicznej Instytutu Psychiatrii i Neurologii w Warszawie.</div>
<div class="hidden lg:block">
<a href="https://ipin.edu.pl/pl/aktualnosci/z-glebokim-zalem-przyjelismy-wiadomosc-o-smierci-pani-prof-danuty-wochnik-dyjas-lekarz-neurolog-neurofizjolog"
class="button-outlined z-20 relative">Czytaj więcej</a>
</div>
</div>
<div class="aspect-[5/1.8] order-1 lg:order-2">
</div>
<a href="https://ipin.edu.pl/pl/aktualnosci/z-glebokim-zalem-przyjelismy-wiadomosc-o-smierci-pani-prof-danuty-wochnik-dyjas-lekarz-neurolog-neurofizjolog" class="block absolute w-full h-full top-0 left-0 z-10"></a>
</section>
</div>
<div class="swiper-slide">
<section class="relative grid grid-cols-1 lg:grid-cols-2 gap-x-12 gap-y-8 lg:gap-y-12 items-center group ">
<div class="space-y-8 order-2 lg:order-1">
<h3 class="text-xl text-primary font-bold transition-custom group-hover:text-black wcag-text-color">21 stycznia 2025 r. (wtorek), ZAPRASZAMY NA KONFERENCJĘ PRASOWĄ</h3>
<div class="hidden lg:block wcag-text-color">Zapraszamy przedstawicieli mediów na konferencję na temat realizacji projektu pt. „Opracowanie i realizacja specjalistycznych programów diagnozy i leczenia zaburzeń psychicznych”. W trakcie konferencji zostaną omówione rozwiązania mające na celu poprawę jakości i efektywności leczenia zaburzeń psychicznych, które pozwolą na wdrożenie nowych metod terapeutycznych dla dzieci i młodzieży oraz dorosłych.</div>
<div class="hidden lg:block">
<a href="https://ipin.edu.pl/pl/aktualnosci/21-stycznia-2025-r-wtorek-zapraszamy-na-konferencje-prasowa"
class="button-outlined z-20 relative">Czytaj więcej</a>
</div>
</div>
<div class="aspect-[5/1.8] order-1 lg:order-2">
<img alt="21 stycznia 2025 r. (wtorek), ZAPRASZAMY NA KONFERENCJĘ PRASOWĄ" class="w-full h-full object-contain" srcset="https://ipin.edu.pl/storage/media/914/responsive-images/20250119195305-zaproszenie-na-konferencje-grafika___webp_800_671.webp?v=1737377630 800w" src="https://ipin.edu.pl/storage/media/914/conversions/20250119195305-zaproszenie-na-konferencje-grafika-webp.webp?v=1737377630" width="800" height="671">
</div>
<a href="https://ipin.edu.pl/pl/aktualnosci/21-stycznia-2025-r-wtorek-zapraszamy-na-konferencje-prasowa" class="block absolute w-full h-full top-0 left-0 z-10"></a>
</section>
</div>
<div class="swiper-slide">
<section class="relative grid grid-cols-1 lg:grid-cols-2 gap-x-12 gap-y-8 lg:gap-y-12 items-center group ">
<div class="space-y-8 order-2 lg:order-1">
<h3 class="text-xl text-primary font-bold transition-custom group-hover:text-black wcag-text-color">Publikacja pod redakcją naukową dr hab. n. med. Anny Antosik-Wójcińskiej - "Stany nagłe. Psychiatria"</h3>
<div class="hidden lg:block wcag-text-color">Ukazała się publikacja pod redakcją naukową dr hab. n. med. Anny Antosik-Wójcińskiej - "Stany nagłe. Psychiatria".</div>
<div class="hidden lg:block">
<a href="https://ipin.edu.pl/pl/aktualnosci/publikacja-pod-redakcja-naukowa-dr-hab-n-med-anny-antosik-wojcinskiej-stany-nagle-psychiatria"
class="button-outlined z-20 relative">Czytaj więcej</a>
</div>
</div>
<div class="aspect-[5/1.8] order-1 lg:order-2">
<img alt="Publikacja pod redakcją naukową dr hab. n. med. Anny Antosik-Wójcińskiej - "Stany nagłe. Psychiatria"" class="w-full h-full object-contain" srcset="https://ipin.edu.pl/storage/media/818/responsive-images/zdjecie-do-aktualnosci-stany-nagle___webp_640_800.webp?v=1732660290 640w, https://ipin.edu.pl/storage/media/818/responsive-images/zdjecie-do-aktualnosci-stany-nagle___webp_350_438.webp?v=1732660290 350w" src="https://ipin.edu.pl/storage/media/818/conversions/zdjecie-do-aktualnosci-stany-nagle-webp.webp?v=1732660290" width="640" height="800">
</div>
<a href="https://ipin.edu.pl/pl/aktualnosci/publikacja-pod-redakcja-naukowa-dr-hab-n-med-anny-antosik-wojcinskiej-stany-nagle-psychiatria" class="block absolute w-full h-full top-0 left-0 z-10"></a>
</section>
</div>
<div class="swiper-slide">
<section class="relative grid grid-cols-1 lg:grid-cols-2 gap-x-12 gap-y-8 lg:gap-y-12 items-center group ">
<div class="space-y-8 order-2 lg:order-1">
<h3 class="text-xl text-primary font-bold transition-custom group-hover:text-black wcag-text-color">Zaproszenie na konferencję "Profilaktyka zachowań ryzykownych" - 17.10.2024</h3>
<div class="hidden lg:block wcag-text-color">Zaproszenie na konferencję "Profilaktyka zachowań ryzykownych" - 17.10.2024</div>
<div class="hidden lg:block">
<a href="https://ipin.edu.pl/pl/aktualnosci/zaproszenie-na-konferencje-profilaktyka-zachowan-ryzykownych-17102024"
class="button-outlined z-20 relative">Czytaj więcej</a>
</div>
</div>
<div class="aspect-[5/1.8] order-1 lg:order-2">
<img alt="Zaproszenie na konferencję "Profilaktyka zachowań ryzykownych" - 17.10.2024" class="w-full h-full object-contain" srcset="https://ipin.edu.pl/storage/media/639/responsive-images/program-konferencji-10-10___webp_566_800.webp?v=1729077753 566w, https://ipin.edu.pl/storage/media/639/responsive-images/program-konferencji-10-10___webp_310_438.webp?v=1729077753 310w" src="https://ipin.edu.pl/storage/media/639/conversions/program-konferencji-10-10-webp.webp?v=1729077753" width="566" height="800">
</div>
<a href="https://ipin.edu.pl/pl/aktualnosci/zaproszenie-na-konferencje-profilaktyka-zachowan-ryzykownych-17102024" class="block absolute w-full h-full top-0 left-0 z-10"></a>
</section>
</div>
</div>
</div>
<div x-ref="pagination" class=""></div>
</div>
</div>
</section>
<section class="my-24 space-y-12 container">
<h2 class="title wcag-text-color wcag-border-color">Usługi</h2>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-y-12 gap-x-12 2xl:gap-x-32">
<section class="text-center relative group">
<div class="aspect-[3/2] bg-primary rounded-md border border-gray-200 overflow-hidden mb-6">
<img alt="Leczenie szpitalne" class="w-full h-full object-cover transition-custom group-hover:opacity-80" srcset="https://ipin.edu.pl/storage/media/11/responsive-images/usluga-1___webp_410_274.webp?v=1724242790 410w" src="https://ipin.edu.pl/storage/media/11/conversions/usluga-1-webp.webp?v=1724242790" width="410" height="274">
</div>
<h3 class="text-lg transition-custom group-hover:text-primary wcag-text-color">Leczenie szpitalne</h3>
<a href="https://ipin.edu.pl/pl/o-instytucie/dzialalnosc-lecznicza" target="_self" class="absolute top-0 left-0 size-full"></a>
</section>
<section class="text-center relative group">
<div class="aspect-[3/2] bg-primary rounded-md border border-gray-200 overflow-hidden mb-6">
<img alt="Leczenie w poradni" class="w-full h-full object-cover transition-custom group-hover:opacity-80" srcset="https://ipin.edu.pl/storage/media/12/responsive-images/usluga-2___webp_438_252.webp?v=1724242808 438w" src="https://ipin.edu.pl/storage/media/12/conversions/usluga-2-webp.webp?v=1724242808" width="438" height="252">
</div>
<h3 class="text-lg transition-custom group-hover:text-primary wcag-text-color">Leczenie w poradni</h3>
<a href="https://ipin.edu.pl/pl/poradnie" target="_self" class="absolute top-0 left-0 size-full"></a>
</section>
<section class="text-center relative group">
<div class="aspect-[3/2] bg-primary rounded-md border border-gray-200 overflow-hidden mb-6">
<img alt="Diagnostyka" class="w-full h-full object-cover transition-custom group-hover:opacity-80" srcset="https://ipin.edu.pl/storage/media/13/responsive-images/usluga-3___webp_392_261.webp?v=1724242827 392w" src="https://ipin.edu.pl/storage/media/13/conversions/usluga-3-webp.webp?v=1724242827" width="392" height="261">
</div>
<h3 class="text-lg transition-custom group-hover:text-primary wcag-text-color">Diagnostyka</h3>
<a href="https://ipin.edu.pl/pl/dla-pacjentow/zaklad-radiologii" target="_self" class="absolute top-0 left-0 size-full"></a>
</section>
<section class="text-center relative group">
<div class="aspect-[3/2] bg-primary rounded-md border border-gray-200 overflow-hidden mb-6">
<img alt="Nauka" class="w-full h-full object-cover transition-custom group-hover:opacity-80" srcset="https://ipin.edu.pl/storage/media/14/responsive-images/usluga-4___webp_440_247.webp?v=1724242841 440w" src="https://ipin.edu.pl/storage/media/14/conversions/usluga-4-webp.webp?v=1724242841" width="440" height="247">
</div>
<h3 class="text-lg transition-custom group-hover:text-primary wcag-text-color">Nauka</h3>
<a href="https://ipin.edu.pl/pl/o-instytucie/dzialalnosc-naukowa" target="_self" class="absolute top-0 left-0 size-full"></a>
</section>
</div>
</section>
<section class="my-24 space-y-12 container">
<h2 class="title wcag-text-color wcag-border-color">Projekty badawcze</h2>
<div class="lg:columns-2 gap-x-20 2xl:gap-x-32 overflow-hidden">
<div class="description prose-p:my-0 wcag-text-color"><p><span style="color:hsl(0,0%,0%);">Instytut Psychiatrii i Neurologii (IPiN) w Warszawie prowadzi nowatorskie projekty badawcze na przecięciu psychologii, neurologii i neurokognitywistyki, skupiające się na zrozumieniu mechanizmów funkcjonowania ludzkiego mózgu oraz zachowania. Nasze badania obejmują szerokie spektrum tematów, mających na celu poprawę zdrowia psychicznego oraz neurologicznego.</span></p><p> </p><p><span style="color:hsl(0,0%,0%);">Współpracujemy z interdyscyplinarnymi zespołami naukowymi oraz ośrodkami badawczymi na całym świecie, łącząc wiedzę z zakresu psychologii, neurologii, genetyki i medycyny. Wszystkie nasze badania są ściśle związane z praktyką kliniczną, co pozwala na szybkie wdrażanie nowych rozwiązań terapeutycznych i diagnostycznych.</span></p><p><span style="color:hsl(0,0%,0%);">Zapraszamy do śledzenia naszych aktualnych projektów badawczych oraz dołączenia do zespołu IPiN, aby wspólnie odkrywać tajemnice ludzkiego mózgu i umysłu.</span></p></div>
</div>
</section>
<section class="my-24 space-y-12 ">
<div class="relative min-h-[500px] max-w-screen-3xl mx-auto bg-gray-100">
<div class="w-full h-full absolute top-0 left-0 z-10">
<img alt="O nas" class="size-full object-cover object-right" srcset="https://ipin.edu.pl/storage/media/636/responsive-images/ipin___webp_1535_500.webp?v=1726166561 1535w" src="https://ipin.edu.pl/storage/media/636/conversions/ipin-webp.webp?v=1726166561" width="1535" height="500">
</div>
<div class="container relative h-full z-30 py-16 flex items-center">
<div class="space-y-6 p-8 2xl:p-0 bg-white/80 2xl:bg-transparent shadow-md 2xl:shadow-none max-w-2xl wcag-bg-black">
<div class="description text-justify leading-snug wcag-text-color"><p><span style="color:hsl(0,0%,0%);"><strong>Instytut Psychiatrii i Neurologii</strong> jest największym w Polsce ośrodkiem naukowym specjalizującym się w rozwijaniu nowych metod leczenia i rehabilitacji zaburzeń psychicznych i neurologicznych oraz w badaniach nad neurobiologicznymi mechanizmami zaburzeń w czynnościach ośrodkowego układu nerwowego. Dysponuje nowoczesnym zapleczem diagnostycznym i klinicznym, umożliwiającym rozpoznanie i leczenie chorób neurologicznych i psychicznych. Służy pomocą w warunkach szpitalnych, jak też przez konsultacje w warunkach ambulatoryjnych.</span></p><p><span style="color:hsl(0,0%,0%);">Zadaniem Instytutu jest prowadzenie badań naukowych i prac badawczo-rozwojowych w celu lepszego zaspokojenia potrzeb zdrowotnych ludności oraz dalszego postępu nauki w zakresie psychiatrii, neurologii i dziedzin potkrewnych.</span></p></div>
<a href="https://ipin.edu.pl/pl/dla-firm/zamowienia-publiczne" target="_self" class="button-outlined">Czytaj więcej</a>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="wcag-bg-black ">
<div class="container my-24">
<div class="flex flex-wrap items-center justify-center gap-x-20 lg:gap-x-32 2xl:gap-x-40 gap-y-20">
<a href="https://www.gov.pl/web/zdrowie" target="_blank" class="block transition-custom hover:opacity-70 cursor-pointer">
<img alt="Ministerstwo Zdrowia" class="block max-h-[100px] object-contain" src="https://ipin.edu.pl/storage/media/22/conversions/ministerstwo-zdrowia-logo-webp.webp?v=1724316642" alt="MEDIA-LIBRARYZRESTD">
</a>
<a href="https://www.nfz.gov.pl/" target="_self" class="block transition-custom hover:opacity-70 cursor-pointer">
<img alt="Narodowy Fundusz Zdrowia" class="block max-h-[100px] object-contain" src="https://ipin.edu.pl/storage/media/24/conversions/nfz-logo-webp.webp?v=1724316668" alt="MEDIA-LIBRARYUYFJDO">
</a>
<a href="https://www.gov.pl/web/nauka" target="_self" class="block transition-custom hover:opacity-70 cursor-pointer">
<img alt="Ministerstwo Nauki i Szkolnictwa Wyższego" class="block max-h-[100px] object-contain" src="https://ipin.edu.pl/storage/media/967/conversions/LOGO_MNiSW-webp.webp?v=1738915296" alt="media-libraryzTs9b1">
</a>
</div>
</div>
</div>
</div>
<footer class="space-y-12 bg-footer-light pt-12 relative wcag-bg-black">
<div class="relative wcag-text-color">
<div class="container">
<div class="grid grid-cols-1 xl:grid-cols-3 gap-12">
<div class="order-2 xl:order-1 text-center xl:text-left">
<div class="space-y-12">
<div class="space-y-6">
<div class="text-primary text-lg">Instytut Psychiatrii i Neurologii</div>
<div class="prose prose-p:my-0 text-base max-w-full"><p>ul. Sobieskiego 9</p><p>02-957 Warszawa</p><p>Telefon centrala: 22 45 82 800, 22 45 82 500</p><p> </p><p>NIP: 525-000-93-87</p><p>Regon: 000288509</p><p>KRS: 0000133539</p><p> </p><p>Nr konta bankowego:</p><p>66 10201026 0000 1802 0393 9394</p><p> </p><p><strong>KONTO DO WPŁAT – DAROWIZNY PIENIĘŻNE:</strong></p><p><strong>72 1140 1010 0000 5280 8400 1108</strong></p></div>
</div>
</div>
</div>
<div class="flex items-center justify-center order-1 xl:order-2">
<div class="text-center">
<a href="https://ipin.edu.pl/pl" class="inline-flex">
<img alt="Instytut Psychiatrii i Neurologii w Warszawie" class="w-[200px] max-w-full h-auto object-contain" srcset="https://ipin.edu.pl/storage/media/27/responsive-images/logo-male___webp_295_273.webp?v=1724321178 295w" src="https://ipin.edu.pl/storage/media/27/conversions/logo-male-webp.webp?v=1724321178" width="295" height="273">
</a>
</div>
</div>
<div class="flex flex-col gap-12 justify-between items-center xl:items-start order-3 text-center xl:text-left">
<div class="">
<ul class="space-y-2">
<li>
<a href="https://ipin.edu.pl/wp-content/uploads/2020/10/Polityka-Cookies.pdf" target="_blank" class="transition-custom hover:text-primary">Polityka Cookies</a>
</li>
<li>
<a href="https://ipin.edu.pl/wp-content/uploads/2021/03/Deklaracja-dostepnosci.pdf" target="_blank" class="transition-custom hover:text-primary">Deklaracja dostępności</a>
</li>
<li>
<a href="https://ipin.edu.pl/pl/kontakt" target="_self" class="transition-custom hover:text-primary">Kontakt</a>
</li>
</ul>
</div>
<div class="flex flex-col sm:flex-row items-center sm:items-start justify-between gap-x-2 gap-y-8 w-full">
<div x-data="topbar" class="inline-flex flex-wrap sm:flex-nowrap gap-2">
<a href="https://www.facebook.com/InstytutPsychiatriiiNeurologii" target="_blank"
class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-text-color wcag-border-color">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310 310" xml:space="preserve" class="w-[20px] h-[20px]">
<path id="XMLID_835_" d="M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064
c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996
V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545
C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703
c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z" />
</svg>
</a>
<a href="https://x.com/IPiN_Warszawa" target="_blank"
class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-text-color wcag-border-color">
<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 512 462.799" fill="currentColor" class="w-[20px] h-[20px]">
<path fill-rule="nonzero"
d="M403.229 0h78.506L310.219 196.04 512 462.799H354.002L230.261 301.007 88.669 462.799h-78.56l183.455-209.683L0 0h161.999l111.856 147.88L403.229 0zm-27.556 415.805h43.505L138.363 44.527h-46.68l283.99 371.278z" />
</svg>
</a>
<a href="https://pl.linkedin.com/company/instytut-psychiatrii-i-neurologii" target="_blank"
class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-text-color wcag-border-color">
<svg fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve" class="w-[20px] h-[20px]">
<path style="display: inline; fill-rule: evenodd; clip-rule: evenodd;" d="M116.504,500.219V170.654H6.975v329.564H116.504
L116.504,500.219z M61.751,125.674c38.183,0,61.968-25.328,61.968-56.953c-0.722-32.328-23.785-56.941-61.252-56.941
C24.994,11.781,0.5,36.394,0.5,68.722c0,31.625,23.772,56.953,60.53,56.953H61.751L61.751,125.674z M177.124,500.219
c0,0,1.437-298.643,0-329.564H286.67v47.794h-0.727c14.404-22.49,40.354-55.533,99.44-55.533
c72.085,0,126.116,47.103,126.116,148.333v188.971H401.971V323.912c0-44.301-15.848-74.531-55.497-74.531
c-30.254,0-48.284,20.38-56.202,40.08c-2.897,7.012-3.602,16.861-3.602,26.711v184.047H177.124L177.124,500.219z">
</path>
</svg>
</a>
<button x-on:click="$dispatch('searchdialog')" type="button" class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-text-color wcag-border-color">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[24px] h-[24px]">
<path d="M11 6C13.7614 6 16 8.23858 16 11M16.6588 16.6549L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<a href="https://poczta.ipin.edu.pl/static/login" target="_blank"
class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-text-color wcag-border-color">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-[24px] h-[24px]">
<path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z" />
<path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z" />
</svg>
</a>
<button x-on:click="$dispatch('openwcag')" type="button" class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-text-color wcag-border-color">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-[24px] h-[24px]">
<path
d="M18.4,11.2L14.3,11.4L16.6,8.8C16.8,8.5 16.9,8 16.8,7.5C16.7,7.2 16.6,6.9 16.3,6.7L10.9,3.5C10.5,3.2 9.9,3.3 9.5,3.6L6.8,6.1C6.3,6.6 6.2,7.3 6.7,7.8C7.1,8.3 7.9,8.3 8.4,7.9L10.4,6.1L12.3,7.2L8.1,11.5C8,11.6 8,11.7 7.9,11.7C7.4,11.9 6.9,12.1 6.5,12.4L8,13.9C8.5,13.7 9,13.5 9.5,13.5C11.4,13.5 13,15.1 13,17C13,17.6 12.9,18.1 12.6,18.5L14.1,20C14.7,19.1 15,18.1 15,17C15,15.8 14.6,14.6 13.9,13.7L17.2,13.4L17,18.2C16.9,18.9 17.4,19.4 18.1,19.5H18.2C18.8,19.5 19.3,19 19.4,18.4L19.6,12.5C19.6,12.2 19.5,11.8 19.3,11.6C19,11.3 18.7,11.2 18.4,11.2M18,5.5A2,2 0 0,0 20,3.5A2,2 0 0,0 18,1.5A2,2 0 0,0 16,3.5A2,2 0 0,0 18,5.5M12.5,21.6C11.6,22.2 10.6,22.5 9.5,22.5C6.5,22.5 4,20 4,17C4,15.9 4.3,14.9 4.9,14L6.4,15.5C6.2,16 6,16.5 6,17C6,18.9 7.6,20.5 9.5,20.5C10.1,20.5 10.6,20.4 11,20.1L12.5,21.6Z" />
</svg>
</button>
<button x-on:click="openMainMenu" type="button" class="flex lg:hidden items-center justify-center w-[40px] h-[40px] border-2 border-sky-500 text-white bg-sky-500 rounded-lg transition-custom focus:ring-2 focus:ring-sky-500/30 wcag-text-color wcag-border-color wcag-bg-black">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[24px] h-[24px]">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 5.25h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5" />
</svg>
</button>
</div>
<button x-data x-on:click="document.body.scrollIntoView({ behavior: 'smooth' })" type="button"
class="flex items-center justify-center w-[40px] h-[40px] border-2 border-gray-300 text-gray-300 rounded-lg transition-custom hover:text-black hover:border-black wcag-border-color wcag-text-color">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[24px] h-[24px]">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="bg-footer-dark py-4 wcag-bg-color">
<div class="container text-center text-white text-sm">
<a href="https://cered.pl" target="_blank" class="transition-custom hover:opacity-60 wcag-text-black">CERED projektowanie stron internetowych</a>
</div>
</div>
</footer>
</div>
</div>
<div x-data="cookies" x-cloak>
<div x-show="visible" class="fixed z-[10000] top-0 left-0 w-full h-dvh sm:h-screen bg-black/30 backdrop-blur-sm flex items-center justify-center p-4">
<div class="flex-grow flex-shrink-0 w-full max-w-screen-md max-h-full bg-white rounded shadow overflow-auto">
<div x-show="screen === 'main'" class="rounded overflow-hidden bg-white wcag-bg-black">
<div class="px-4 py-4 bg-blue-600 text-white flex items-center justify-between gap-x-4 wcag-bg-color wcag-text-black">
<div class="sm:text-lg">Dbamy o twoją prywatność</div>
<button x-on:click="rejectCookies" type="button" class="flex-shrink-0 flex-grow-0 size-8 transition-custom hover:opacity-65">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-full">
<path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
</svg>
</button>
</div>
<div class="p-4 space-y-4 wcag-text-color">
<p>Ciasteczka, czyli niewielkie dokumenty tekstowe, wykorzystywane są przez witryny internetowe, aby poprawić efektywność korzystania z nich przez użytkowników.</p>
<p>Zgodnie z prawem, zezwala się na zapisywanie ciasteczek na urządzeniu użytkownika tylko wtedy, gdy są one kluczowe dla działania danej strony. W przypadku innych typów ciasteczek, wymagana jest zgoda użytkownika.</p>
<p>Nasza strona wykorzystuje różnorodne ciasteczka, w tym te dostarczane przez zewnętrzne serwisy, które są obecne na naszym portalu.</p>
</div>
<div class="p-4 flex items-center flex-col sm:flex-row justify-between gap-2">
<button x-on:click="screen = 'settings'" type="button"
class="h-10 flex items-center justify-center py-3 px-5 border border-transparent bg-gray-200 text-gray-600 rounded transition-custom hover:bg-gray-300 w-full sm:w-auto wcag-bg-black wcag-border-color wcag-text-color">Dostosuj</button>
<div class="w-full sm:w-auto flex flex-col sm:flex-row items-center gap-2 justify-end">
<button x-on:click="rejectCookies" type="button"
class="h-10 flex items-center justify-center border border-transparent py-3 px-5 bg-red-100 text-red-600 rounded transition-custom hover:bg-red-200 w-full sm:w-auto wcag-bg-black wcag-border-color wcag-text-color">Tylko niezbędne</button>
<button x-on:click="acceptCookies" type="button"
class="h-10 flex items-center justify-center py-3 px-5 border border-transparent bg-green-500 text-white rounded transition-custom hover:bg-green-600 w-full sm:w-auto wcag-bg-black wcag-border-color wcag-text-color">Akceptuję wszystkie</button>
</div>
</div>
</div>
<div x-show="screen === 'settings'">
<div class="px-4 py-4 bg-blue-600 text-white flex items-center justify-between gap-x-4 wcag-bg-color wcag-text-black">
<div class="sm:text-lg">Dostosuj zgody</div>
<button x-on:click="screen = 'main'" type="button" class="flex-shrink-0 flex-grow-0 size-8 transition-custom hover:opacity-65">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-full">
<path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
</svg>
</button>
</div>
<div class="p-4 space-y-4 bg-gray-200 wcag-bg-color wcag-text-black">
<div class="sm:text-lg font-bold">Twoje wybory dotyczące prywatności</div>
<div>W tym panelu możesz wyrazić swoje preferencje związane z przetwarzaniem Twoich danych osobowych. Możesz przejrzeć i zmienić wyrażone wybory w dowolnym momencie, wyświetlając ten panel ponownie za pomocą podanego łącza. Aby odmówić zgody na określone czynności przetwarzania opisane poniżej, wyłącz przełączniki lub użyj przycisku „Odrzuć wszystko” i potwierdź, że chcesz zapisać swoje wybory.</div>
</div>
<div class="flex flex-col sm:flex-row items-center gap-2 justify-end p-4 border-b wcag-bg-black wcag-border-color">
<button x-on:click="unselectAllCheckboxes" type="button"
class="h-10 flex items-center justify-center py-3 px-5 border border-transparent bg-red-100 text-red-600 rounded transition-custom hover:bg-red-200 w-full sm:w-auto wcag-bg-black wcag-border-color wcag-text-color">Odrzuć wszystko</button>
<button x-on:click="selectAllCheckboxes" type="button"
class="h-10 flex items-center justify-center py-3 px-5 border border-transparent bg-green-100 text-green-600 rounded transition-custom hover:bg-green-200 w-full sm:w-auto wcag-bg-black wcag-border-color wcag-text-color">Akceptuj wszystko</button>
</div>
<div class="wcag-bg-black wcag-text-color">
<label for="cookiesOption1" class="block space-y-2 p-4">
<div class="flex items-center justify-between gap-x-2">
<div class="font-bold">Niezbędne do działania strony</div>
<input x-model="option1" id="cookiesOption1" type="checkbox" class="flex-shrink-0 flex-grow-0 size-6 rounded disabled:opacity-50" disabled />
</div>
<div>Te pliki są niezbędne do działania naszej strony internetowej, dlatego też nie możesz ich wyłączyć.</div>
</label>
<label for="cookiesOption2" class="block space-y-2 p-4 bg-gray-200 cursor-pointer wcag-bg-black">
<div class="flex items-center justify-between gap-x-2">
<div class="font-bold">Preferencje</div>
<input x-model="option2" id="cookiesOption2" type="checkbox" class="flex-shrink-0 flex-grow-0 size-6 rounded disabled:opacity-50 wcag-border-color wcag-bg-black" />
</div>
<div>Ciasteczka preferencyjne pozwalają witrynie przechowywać dane zmieniające jej wygląd lub sposób działania, takie jak wybrany język lub region pobytu użytkownika.</div>
</label>
<label for="cookiesOption3" class="block space-y-2 p-4 cursor-pointer">
<div class="flex items-center justify-between gap-x-2">
<div class="font-bold">Statystyka</div>
<input x-model="option3" id="cookiesOption3" type="checkbox" class="flex-shrink-0 flex-grow-0 size-6 rounded disabled:opacity-50 wcag-border-color wcag-bg-black" />
</div>
<div>Umożliwia wykorzystanie pamięci przeglądarki (takiej jak ciasteczka) związanej z analizą, np. czas trwania wizyty.</div>
</label>
<label for="cookiesOption4" class="block space-y-2 p-4 bg-gray-200 cursor-pointer wcag-bg-black">
<div class="flex items-center justify-between gap-x-2">
<div class="font-bold">Marketing</div>
<input x-model="option4" id="cookiesOption4" type="checkbox" class="flex-shrink-0 flex-grow-0 size-6 rounded disabled:opacity-50 wcag-border-color wcag-bg-black" />
</div>
<div>Ciasteczka marketingowe są używane do monitorowania aktywności użytkowników na różnych witrynach internetowych. Mają za zadanie prezentować reklamy dopasowane do zainteresowań i potrzeb konkretnych użytkowników, co sprawia, że są one bardziej wartościowe dla wydawców oraz zewnętrznych reklamodawców.</div>
</label>
</div>
<div class="p-4 flex items-center justify-end gap-2 wcag-bg-black">
<button x-on:click="screen = 'main'" type="button"
class="h-10 flex items-center justify-center py-3 px-5 bg-gray-100 text-gray-600 rounded transition-custom hover:bg-gray-200 border border-transparent wcag-bg-black wcag-border-color wcag-text-color">Powrót</button>
<button x-on:click="saveSelectedOptions" type="button"
class="h-10 flex items-center justify-center py-3 px-5 bg-green-500 text-white rounded transition-custom hover:bg-green-600 border border-transparent wcag-bg-black wcag-border-color wcag-text-color">Zapisz</button>
</div>
</div>
</div>
</div>
</div>
<div wire:snapshot="{"data":{"searchText":null},"memo":{"id":"LhE0ddp0Z0LYwr85R0LA","name":"search-dialog","path":"\/","method":"GET","children":[],"scripts":["2746008308-0"],"assets":[],"errors":[],"locale":"pl"},"checksum":"58d1d61f73683db6b9cbab2d0df78d33d0a98ab3cb379b6be7e7b54bb638fa07"}" wire:effects="{"scripts":{"2746008308-0":" <script>\n Alpine.data('searchDialog', () => ({\n visible: false,\n searchText: $wire.entangle('searchText'),\n open() {\n this.visible = true\n document.body.style.overflow = 'hidden'\n },\n close() {\n if (this.visible === true) {\n this.searchText = ''\n this.visible = false\n document.body.style.overflow = null\n }\n }\n }))\n <\/script>\n "}}" wire:id="LhE0ddp0Z0LYwr85R0LA" x-data="searchDialog" x-on:searchdialog.window="open" x-on:keyup.escape.window="close">
<div x-show="visible" x-cloak class="fixed z-[10000] top-0 left-0 w-full h-dvh sm:h-screen bg-black/60 backdrop-blur-md">
<div class="size-full">
<div class="w-full max-w-screen-md mx-auto px-4 sm:px-8 py-12 sm:py-20 absolute top-0 lg:top-[15%] left-0 right-0">
<form method="get" action="https://ipin.edu.pl/pl" class="flex items-center gap-x-4">
<div x-trap="visible" class="flex-grow">
<div class="relative">
<div class="flex items-center bg-white wcag-bg-color h-[60px] rounded-lg overflow-hidden relative z-20">
<input wire:model.live.debounce.600ms="searchText" wire:target="searchText" x-ref="searchInput" type="text" name="s" placeholder="Co Cię interesuje?"
class="h-full w-full flex-grow text-lg sm:text-xl px-4 sm:px-8 placeholder:text-neutral-400 border-none outline-none focus:border-none focus:outline-none focus:ring-0 read-only:opacity-50 wcag-bg-color wcag-text-black" />
<button wire:loading.attr="disabled" wire:target="searchText" type="submit" class="size-[60px] flex items-center justify-center border-none outline-none transition-custom hover:bg-neutral-200 wcag-text-color wcag-bg-black">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" wire:loading.class="hidden" wire:target="searchText" class="size-[26px] sm:size-[30px]">
<path d="M11 6C13.7614 6 16 8.23858 16 11M16.6588 16.6549L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" wire:loading.class.remove="hidden" wire:target="searchText" class="size-[26px] sm:size-[30px] hidden animate-spin">
<path fill="currentColor"
d="M12 19C13.1 19 14 19.9 14 21S13.1 23 12 23 10 22.1 10 21 10.9 19 12 19M12 1C13.1 1 14 1.9 14 3S13.1 5 12 5 10 4.1 10 3 10.9 1 12 1M6 16C7.1 16 8 16.9 8 18S7.1 20 6 20 4 19.1 4 18 4.9 16 6 16M3 10C4.1 10 5 10.9 5 12S4.1 14 3 14 1 13.1 1 12 1.9 10 3 10M6 4C7.1 4 8 4.9 8 6S7.1 8 6 8 4 7.1 4 6 4.9 4 6 4M18 16C19.1 16 20 16.9 20 18S19.1 20 18 20 16 19.1 16 18 16.9 16 18 16M21 10C22.1 10 23 10.9 23 12S22.1 14 21 14 19 13.1 19 12 19.9 10 21 10M18 4C19.1 4 20 4.9 20 6S19.1 8 18 8 16 7.1 16 6 16.9 4 18 4Z" />
</svg> </button>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<button x-on:click="close" wire:target="searchText" wire:loading.attr="disabled" type="button" class="size-[30px] mx-auto text-white flex-shrink-0 flex-grow-0 transition-custom hover:rotate-90 disabled:opacity-30 fixed sm:static bottom-8 left-0 right-0 wcag-text-color">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-full">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
</svg>
</button>
</form>
</div>
</div>
</div>
</div>
<div x-data="wcag" x-cloak x-on:openwcag.window="open">
<div class="block text-black fixed top-0 left-0 w-full h-dvh sm:h-screen z-50" x-bind:class="{ 'invisible': !visible }">
<div class="relative z-10 overflow-hidden w-full h-dvh sm:h-screen">
<div x-on:click="close" class="w-full h-full bg-black/50 transition-custom" x-bind:class="{ 'opacity-100': visible, 'opacity-0': !visible }"></div>
<div class="w-full sm:w-[360px] border-l border-yellow-500 h-dvh sm:h-screen overflow-y-auto max-w-full fixed z-[51] top-0 bg-black transition-custom" x-bind:class="{ 'right-0': visible, '-right-[calc(100%+5px)] sm:-right-[365px]': !visible }">
<div class="w-full h-full pb-8 overflow-auto text-white">
<div class="bg-yellow-500 text-black wcag-text-black px-6 py-3 text-wrap flex items-center gap-x-4 justify-between mb-6">
<div class="size-[30px]">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-full">
<path
d="M18.4,11.2L14.3,11.4L16.6,8.8C16.8,8.5 16.9,8 16.8,7.5C16.7,7.2 16.6,6.9 16.3,6.7L10.9,3.5C10.5,3.2 9.9,3.3 9.5,3.6L6.8,6.1C6.3,6.6 6.2,7.3 6.7,7.8C7.1,8.3 7.9,8.3 8.4,7.9L10.4,6.1L12.3,7.2L8.1,11.5C8,11.6 8,11.7 7.9,11.7C7.4,11.9 6.9,12.1 6.5,12.4L8,13.9C8.5,13.7 9,13.5 9.5,13.5C11.4,13.5 13,15.1 13,17C13,17.6 12.9,18.1 12.6,18.5L14.1,20C14.7,19.1 15,18.1 15,17C15,15.8 14.6,14.6 13.9,13.7L17.2,13.4L17,18.2C16.9,18.9 17.4,19.4 18.1,19.5H18.2C18.8,19.5 19.3,19 19.4,18.4L19.6,12.5C19.6,12.2 19.5,11.8 19.3,11.6C19,11.3 18.7,11.2 18.4,11.2M18,5.5A2,2 0 0,0 20,3.5A2,2 0 0,0 18,1.5A2,2 0 0,0 16,3.5A2,2 0 0,0 18,5.5M12.5,21.6C11.6,22.2 10.6,22.5 9.5,22.5C6.5,22.5 4,20 4,17C4,15.9 4.3,14.9 4.9,14L6.4,15.5C6.2,16 6,16.5 6,17C6,18.9 7.6,20.5 9.5,20.5C10.1,20.5 10.6,20.4 11,20.1L12.5,21.6Z" />
</svg>
</div>
<button x-on:click="close" type="button" class="text-sm border border-black rounded px-6 py-1 transition-custom hover:bg-black/10">Zamknij</button>
</div>
<div class="space-y-8 px-4 text-sm">
<div class="space-y-3">
<div class="font-medium">Rozmiar czcionki</div>
<div class="grid grid-cols-3 gap-x-1">
<button x-on:click="changeFontSize('small')" type="button" class="h-[30px] px-1 flex items-center justify-center border border-white rounded transition-custom" x-bind:class="fontSize === 'small' ? 'bg-yellow-500 border-yellow-500 text-black' : 'hover:bg-white/20'">mała</button>
<button x-on:click="changeFontSize('normal')" type="button" class="h-[30px] px-1 flex items-center justify-center border border-white rounded transition-custom" x-bind:class="fontSize === 'normal' ? 'bg-yellow-500 border-yellow-500 text-black' : 'hover:bg-white/20'">domyślna</button>
<button x-on:click="changeFontSize('big')" type="button" class="h-[30px] px-1 flex items-center justify-center border border-white rounded transition-custom" x-bind:class="fontSize === 'big' ? 'bg-yellow-500 border-yellow-500 text-black' : 'hover:bg-white/20'">duża</button>
</div>
</div>
<div class="space-y-3">
<div class="font-medium">Kontrast</div>
<div class="grid grid-cols-2 gap-x-1">
<button x-on:click="changeSkinVariant('0')" type="button" class="h-[30px] px-1 flex items-center justify-center border border-white rounded transition-custom" x-bind:class="skinVariant === '0' ? 'bg-yellow-500 border-yellow-500 text-black' : 'hover:bg-white/20'">normalny</button>
<button x-on:click="changeSkinVariant('1')" type="button" class="h-[30px] px-1 flex items-center justify-center border border-white rounded transition-custom" x-bind:class="skinVariant === '1' ? 'bg-yellow-500 border-yellow-500 text-black' : 'hover:bg-white/20'">wysoki</button>
</div>
</div>
<div class="space-y-3">
<div class="font-medium">Podkreślone linki</div>
<div class="grid grid-cols-2 gap-x-1">
<button x-on:click="setTextDecoration('1')" type="button" class="h-[30px] px-1 flex items-center justify-center border border-white rounded transition-custom" x-bind:class="textDecoration === '1' ? 'bg-yellow-500 border-yellow-500 text-black' : 'hover:bg-white/20'">tak</button>
<button x-on:click="setTextDecoration('0')" type="button" class="h-[30px] px-1 flex items-center justify-center border border-white rounded transition-custom" x-bind:class="textDecoration === '0' ? 'bg-yellow-500 border-yellow-500 text-black' : 'hover:bg-white/20'">nie</button>
</div>
</div>
<div class="border-t border-yellow-500 pt-8">
<button x-on:click="reset" type="button" class="w-full rounded block bg-yellow-500 text-black py-3 px-3 font-semibold">Resetuj ustawienia</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="/livewire/livewire.min.js?id=951e6947" data-csrf="od3ziKunCD1YKSIfpFLefICFKh7DZj6XG4Lubx1h" data-update-uri="/livewire/update" data-navigate-once="true"></script>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('articlesCarousel', () => ({
init() {
let swiper = new Swiper(this.$refs.swiper, {
loop: true,
effect: 'fade',
fadeEffect: {
crossFade: true
},
autoplay: {
delay: 5000,
},
autoHeight: true,
speed: 1000,
navigation: {
nextEl: this.$refs.next,
prevEl: this.$refs.prev,
},
pagination: {
enabled: true,
el: this.$refs.pagination,
clickable: true
}
})
}
}))
})
</script>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('topbar', () => ({
openMainMenu() {
this.$dispatch('openmainmenu')
},
}))
})
</script>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('mainmenu', () => ({
visible: false,
open() {
this.visible = true
document.body.style.overflow = 'hidden'
},
close() {
this.visible = false
document.body.style.overflow = null
}
}))
})
</script>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('cookies', () => ({
visible: true,
screen: 'main',
accepted: false,
option1: true,
option2: false,
option3: false,
option4: false,
init() {
if (!this.accepted) {
document.body.style.overflow = 'hidden'
} else {
this.visible = false
window.dataLayer = window.dataLayer || []
function gtag() {
dataLayer.push(arguments)
}
gtag('consent', 'update', null)
}
},
rejectCookies() {
let cookieJson = {
ad_user_data: 'denied',
ad_personalization: 'denied',
ad_storage: 'denied',
analytics_storage: 'denied',
functionality_storage: 'denied',
personalization_storage: 'denied',
security_storage: 'granted',
}
if (typeof gtag !== 'undefined') {
gtag('consent', 'update', cookieJson)
}
this.close(cookieJson)
},
acceptCookies() {
let cookieJson = {
ad_user_data: 'granted',
ad_personalization: 'granted',
ad_storage: 'granted',
analytics_storage: 'granted',
functionality_storage: 'granted',
personalization_storage: 'granted',
security_storage: 'granted',
}
if (typeof gtag !== 'undefined') {
gtag('consent', 'update', cookieJson)
}
this.close(cookieJson)
},
selectAllCheckboxes() {
this.option1 = true
this.option2 = true
this.option3 = true
this.option4 = true
},
unselectAllCheckboxes() {
this.option1 = true
this.option2 = false
this.option3 = false
this.option4 = false
},
saveSelectedOptions() {
let gtag1 = this.option2 ? 'granted' : 'denied' //preferencje
let gtag2 = this.option3 ? 'granted' : 'denied' //statystyka
let gtag3 = this.option4 ? 'granted' : 'denied' //marketing
let cookieJson = {
ad_user_data: gtag3,
ad_personalization: gtag3,
ad_storage: gtag3,
analytics_storage: gtag2,
functionality_storage: gtag1,
personalization_storage: gtag1,
security_storage: 'granted',
}
if (typeof gtag !== 'undefined') {
gtag('consent', 'update', cookieJson)
}
this.close(cookieJson)
},
close(cookieJson) {
this.visible = false
document.body.style.overflow = null
let currentDate = new Date()
let expirationDate = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, currentDate.getDate())
let formattedExpirationDate = expirationDate.toUTCString()
let serializeCookie = JSON.stringify(cookieJson)
document.cookie = 'cookies=' + serializeCookie + '; expires=' + formattedExpirationDate + '; path=/'
},
}))
})
</script>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('wcag', () => ({
visible: false,
fontSize: 'normal',
textDecoration: '0',
skinVariant: '0',
init() {
let fontSize = Cookies.get('fontsize')
if (fontSize && (fontSize === 'small' || fontSize === 'normal' || fontSize === 'big')) {
this.fontSize = fontSize
}
let skinVariant = Cookies.get('skinvariant')
if (skinVariant && (skinVariant === '0' || skinVariant === '1')) {
this.skinVariant = skinVariant
}
let textDecoration = Cookies.get('textdecoration')
if (textDecoration && (textDecoration === '0' || textDecoration === '1')) {
this.textDecoration = textDecoration
}
},
open() {
this.visible = true
document.body.style.overflow = 'hidden'
},
close() {
this.visible = false
document.body.style.overflow = null
},
changeFontSize(fontSize) {
const htmlTag = document.querySelector('html')
this.fontSize = fontSize
htmlTag.classList.remove('skin-size-small', 'skin-size-normal', 'skin-size-big')
htmlTag.classList.add(`skin-size-${fontSize}`)
Cookies.set('fontsize', String(fontSize), { expires: 365, path: '/' });
},
changeSkinVariant(skinVariant) {
const htmlTag = document.querySelector('html')
this.skinVariant = skinVariant
htmlTag.classList.remove('skin-variant-0', 'skin-variant-1')
htmlTag.classList.add(`skin-variant-${skinVariant}`)
Cookies.set('skinvariant', String(skinVariant), { expires: 365, path: '/' });
},
setTextDecoration(textDecoration) {
const htmlTag = document.querySelector('html')
this.textDecoration = textDecoration
htmlTag.classList.remove('wcag-text-decoration-0', 'wcag-text-decoration-1')
htmlTag.classList.add(`wcag-text-decoration-${textDecoration}`)
Cookies.set('textdecoration', String(textDecoration), { expires: 365, path: '/' });
},
reset() {
this.changeFontSize('normal')
this.changeSkinVariant('0')
this.setTextDecoration('0')
this.visible = false
}
}))
})
</script>
</body>
</html>