Close menu

Pattern Library

<ul class="flex flex-col gap-6">
  {% for category in categories %}
    <li class="grow">
      <div
        class="
          flex gap-2 bg-grey-150 flex-col justify-between p-5

          lg:flex-row lg:items-center lg:mb-3
        "
      >
        <div class="flex gap-3 items-center">
          <i class="text-2xl {{ category.icon }}"></i>
          <h2
            class="
              font-alt text-2xl leading-none mt-1

              lg:mt-0
            "
          >{{ category.name }}</h2>
        </div>

        {% if category.guarantor %}
          <a
            class="
              text-grey-250 duration-200 flex gap-3 items-center group

              hover:text-black hover:no-underline
            "
            href="{{ category.guarantor.url }}"
          >
            <div class="flex flex-nowrap gap-1">
              <div>
                Garant bodu:
              </div>
              <strong>
                <div
                  class="underline"
                >{{ category.guarantor.name }}</div>
              </strong>
            </div>

            <img
              class="
                rounded-full w-8 opacity-50 duration-200 hidden

                group-hover:opacity-100 lg:block
              "
              alt="Profilový obrázek {{ category.guarantor.name }}"
              src="{{ category.guarantor.image_source }}"
            >
          </a>
        {% endif %}
      </div>

      {% for point in category.points %}
        {% include 'patterns/molecules/popouts/popout_point.html' with name=point.name text=point.content %}
      {% endfor %}
    </li>
  {% endfor %}
</ul>
context:
  categories:
    -
      name: 'Životní prostředí'
      icon: 'ico--globe'
      guarantor:
        name: 'Josef Hovězí'
        image_source: 'https://randomuser.me/api/portraits/men/10.jpg'
        url: '#'
      points:
        -
          name: 'Čerstvý vzduch v lese i ve městě'
          content: '
              Stavíme se proti výjimkám pro znečišťovatele ovzduší, byť chápeme, že za samotné zdroje zatím nemáme adekvátní náhradu.
              <br>
              Podporujeme veřejnou dopravu nezávislou na fosilních palivech.
              <br>
              Podporujeme výstavbu nové železniční sítě včetně vysokorychlostní železnice. Neopomeneme ani modernizaci stávající železniční sítě.
          '
        -
          name: 'Čistý, živý, obnovitelný kraj'
          content: '
              Podporujeme projekty vedoucí k minimalizaci odpadů v našem kraji.
              <br>
              Podporujeme zpracovatele druhotných surovin.
              <br>
              Vyčistíme řeky, lesy, či příkopy od odpadu.
              <br>
              Podporujeme obce i občany při budování mezí a sázení stromořadí a vrátíme do krajiny ovocné stromy.
              <br>
              Podporujeme obnovu krajinné mozaiky a tím i návrat hmyzu a drobných obratlovců.
              <br>
              Podpoříme obnovu brownfieldů a omezení výstavby „na zelené louce“.
          '
        -
          name: 'Pardubický kraj, krajina vody'
          content: '
              Důrazně odmítáme projekt vodního koridoru Dunaj-Odra-Labe – především díky nedostatku vody obecně.
              <br>
              Budeme prosazovat obnovu a revitalizací meandrů, rybníků, poldrů, či lužních lesů namísto umělých vodních nádrží podpoříme retenční schopnost krajině přirozenou cestou.
              <br>
              Zasadíme se o efektivnější využití dešťové vody a ochranu vody pitné.
              <br>
              Na základě zkušeností z modelu Zdoňov vytvoříme dostatek nových drobných vodních prvků, které nám do budoucna významně pomohou v boji se suchem.
          '
        -
          name: 'Spoluúčast a informovanost při řešení problémů životního prostředí'
          content: '
              Vytvoříme platformu, díky které bude moci každý občan sdělit, co ho v oblasti životního prostředí trápí a budeme hledat řešení těchto problémů.
              <br>
              Náš expertní tým bude pořádat diskuze s občany a sbírat jejich prostřednictvím nové podněty.
              <br>
              Budeme iniciovat participační projekty, aby krajské zastupitelstvo táhlo s občany za jeden provaz a řešilo jejich nejpalčivější problémy.
              <br>
              Budeme prosazovat vznik poradního orgánu složeného z odborníků, který pomůže hledat řešení problémů životního prostředí
          '
    -
      name: 'Zdravotnictví'
      icon: 'ico--donation-full'
      guarantor:
        name: 'Tomáš Vepřový'
        image_source: 'https://randomuser.me/api/portraits/men/11.jpg'
        url: '#'
      points:
        -
          name: 'Podpora personálu a stratifikace nemocnic'
        -
          name: 'Dostupná péče v regionu'
        -
          name: 'Zvýšení propojení a informovanost občanů'
    -
      name: 'Doprava'
      icon: 'ico--train'
      guarantor:
        name: 'Adam Kotleta'
        image_source: 'https://randomuser.me/api/portraits/men/12.jpg'
        url: '#'
      points:
        -
          name: 'Zajistíme kvalitní regionální dopravu'
        -
          name: 'Prosadíme kvalitní a bezpečnou infrastrukturu komunikací'
        -
          name: 'Myslíme na budoucnost, podpoříme elektromobilitu, snížíme uhlíkovou stopu'
    -
      name: 'Životní prostředí'
      icon: 'ico--globe'
      guarantor:
        name: 'Josef Hovězí'
        image_source: 'https://randomuser.me/api/portraits/men/10.jpg'
        url: '#'
      points:
        -
          name: 'Čerstvý vzduch v lese i ve městě'
        -
          name: 'Čistý, živý, obnovitelný kraj'
        -
          name: 'Pardubický kraj, krajina vody'
        -
          name: 'Spoluúčast a informovanost při řešení problémů životního prostředí'
    -
      name: 'Zdravotnictví'
      icon: 'ico--donation-full'
      guarantor:
        name: 'Tomáš Vepřový'
        image_source: 'https://randomuser.me/api/portraits/men/11.jpg'
        url: '#'
      points:
        -
          name: 'Podpora personálu a stratifikace nemocnic'
        -
          name: 'Dostupná péče v regionu'
        -
          name: 'Zvýšení propojení a informovanost občanů'
    -
      name: 'Doprava'
      icon: 'ico--train'
      guarantor:
        name: 'Adam Kotleta'
        image_source: 'https://randomuser.me/api/portraits/men/12.jpg'
        url: '#'
      points:
        -
          name: 'Zajistíme kvalitní regionální dopravu'
        -
          name: 'Prosadíme kvalitní a bezpečnou infrastrukturu komunikací'
        -
          name: 'Myslíme na budoucnost, podpoříme elektromobilitu, snížíme uhlíkovou stopu'