integrate europarl templates, add carousel block, finish function base elections page

shared/templates/styleguide2/includes/organisms/header/europarl/article_header.html

+{% extends 'patterns/organisms/header/europarl/simple_header_with_tags_and_navigation.html' %}
+
+{% block before_heading %}
+  {% include 'patterns/atoms/header/europarl/navigation.html' with classes='mb-6' first_text=first_nav_text second_text=second_nav_text second_link=second_link %}
+{% endblock %}
+
+{% block heading_classes %}!text-black head-8xl{% endblock %}
+
+{% block description_classes %}!text-black{% endblock %}

shared/templates/styleguide2/includes/organisms/header/europarl/articles_header.html

+{% extends 'patterns/organisms/header/europarl/simple_header_with_tags.html' %}
+
+{% block classes %}
+  bg-pirati-yellow flex items-center w-full mb-10 pt-28 pb-8
+
+  md:mb-16
+
+  xl:pt-48 xl:pb-24
+
+  {% block extra_classes %}{% endblock %}
+{% endblock %}
+
+{% block after_heading %}
+  {% include 'patterns/molecules/tags/tags.html' with classes='mb-4' tag_color_classes='bg-black text-white' %}
+
+  <div class="flex justify-start">
+    <input
+      type="text"
+      id="articles_search"
+      class="max-w-md w-full bg-grey-180 px-4 py-2 text-black"
+      placeholder="Hledej..."
+    >
+  </div>
+{% endblock %}

shared/templates/styleguide2/includes/organisms/header/europarl/candidate_header.html

+{% extends 'patterns/organisms/header/europarl/simple_header.html' %}
+
+{% block classes %}
+  bg-pirati-yellow flex items-center w-full pt-28 pb-8
+
+  xl:pt-48 xl:pb-24
+
+  {% block extra_classes %}{% endblock %}
+{% endblock %}
+
+{% block content %}
+  <div
+    class="
+      flex gap-10 flex-col-reverse
+      lg:flex-row lg:gap-4
+    "
+  >
+    <div class="grow w-full text-white flex flex-col !text-black">
+      {% block heading %}
+        <h1
+          class="
+            {% block heading_classes %}
+              mb-1 head-8xl
+              lg:head-7xl
+            {% endblock %}
+          "
+        >
+          {{ name }}
+        </h1>
+      {% endblock %}
+
+      {% block position %}
+        <p
+          class="
+            font-bold mt-[-0.5rem] mb-6
+            lg:mt-[-1rem]
+          "
+        >
+          {{ position }}
+        </p>
+      {% endblock %}
+
+      {% block description %}
+        <div
+          class="
+            mb-10
+
+            [&_p]:text-lg
+
+            [&_.content-block]:flex
+            [&_.content-block]:flex-col
+            [&_.content-block]:gap-4
+          "
+        >
+          <div class="content-block">
+            <p>
+              {{ description_1 }}
+            </p>
+
+            <p>
+              {{ description_2 }}
+            </p>
+
+            <p>
+              {{ description_3 }}
+            </p>
+          </div>
+        </div>
+      {% endblock %}
+
+      {% block contact %}
+        <div>
+          {% include 'patterns/molecules/blocks/inline_contact.html' %}
+        </div>
+      {% endblock %}
+    </div>
+
+    <div
+      class="
+        flex justify-center items-start grow w-full
+      "
+    >
+      <img
+        class="lg:w-3/5"
+        src="../../../../../static/images/mikulas-arrow.png"
+      >
+    </div>
+  </div>
+{% endblock %}

shared/templates/styleguide2/includes/organisms/header/europarl/candidates_header.html

+{% extends 'patterns/organisms/header/europarl/simple_header.html' %}
+
+{% block classes %}
+  bg-pirati-yellow flex items-center w-full pt-28 pb-8
+
+  xl:pt-48 xl:pb-24
+
+  {% block extra_classes %}{% endblock %}
+{% endblock %}

shared/templates/styleguide2/includes/organisms/header/europarl/faq_header.html

+{% extends 'patterns/organisms/header/europarl/simple_header_with_ui_switch.html' %}
+
+{% block extra_classes %}!mb-0{% endblock %}

shared/templates/styleguide2/includes/organisms/header/europarl/simple_header.html

+{% extends 'patterns/organisms/header/simple_header.html' %}
+
+{% block classes %}
+  bg-pirati-yellow flex items-center w-full mb-20 pt-28 pb-8
+
+  xl:pt-48 xl:pb-24
+
+  {% block extra_classes %}{% endblock %}
+{% endblock %}
+
+{% block heading_classes %}
+  mb-1 !text-black
+
+  {% if is_short %}head-short{% endif %}
+
+  {% if description %}
+    head-8xl
+  {% else %}
+    head-14xl
+  {% endif %}
+{% endblock %}

shared/templates/styleguide2/includes/organisms/header/europarl/simple_header_with_tags.html

+{% extends 'patterns/organisms/header/europarl/simple_header.html' %}
+
+{% block after_heading %}
+  {% include 'patterns/molecules/tags/tags.html' with classes='mb-4' tag_color_classes='bg-black text-white' %}
+{% endblock %}

shared/templates/styleguide2/includes/organisms/header/europarl/simple_header_with_tags_and_navigation.html

+{% extends 'patterns/organisms/header/europarl/simple_header.html' %}
+
+{% block before_heading %}
+  {% include 'patterns/atoms/header/europarl/navigation.html' with classes='mb-6' %}
+{% endblock %}
+
+{% block after_heading %}
+  {% include 'patterns/molecules/tags/tags.html' with classes='mb-4 mt-4' tag_color_classes='bg-black text-white' %}
+{% endblock %}

shared/templates/styleguide2/includes/organisms/header/europarl/simple_header_with_ui_switch.html

+{% extends 'patterns/organisms/header/europarl/simple_header.html' %}
+
+{% block after_description %}
+  <div
+    class="
+      container--medium flex justify-start !pl-[unset] !pr-[unset] !ml-[unset] !mr-[unset]
+      xl:mb-12 mb-4
+    "
+  >
+    <ui-horizontal-scrollable
+      classes="switch overflow-x-scroll flex gap-2 w-[calc(100vw_-_3rem)] lg:w-[unset]"
+      scroller-classes="!text-black"
+      arrow-position="bottom"
+    >
+      {% block switch %}
+        {% for switch in ui_switch_iterable %}
+          <a
+            @click="toggleView('view{{ forloop.counter }}')"
+            class="switch__item--europarl"
+            :class="{'switch__item--active': isCurrentView('view{{ forloop.counter }}')}"
+          >{{ switch.name }}</a>
+        {% endfor %}
+      {% endblock %}
+    </ui-horizontal-scrollable>
+  </div>
+{% endblock %}

shared/templates/styleguide2/includes/organisms/layout/europarl/navbar.html

+{% extends 'patterns/organisms/layout/navbar.html' %}
+
+{% block navbar_logo_images %}
+  <img class="navbar__logo--white w-[220px] lg:w-[280px]" src="../../../../../static/images/europarl/logo-full-white.svg" alt="">
+  <img class="navbar__logo--black w-[220px] lg:w-[280px]" src="../../../../../static/images/europarl/logo-full-black.svg" alt="">
+{% endblock %}
+
+{% block popout_logo_image %}
+  <img
+    class="w-[220px] mt-3"
+    src="../../../../../static/images/europarl/logo-full-black.svg"
+    alt=""
+  >
+{% endblock %}
+
+{% block extra_classes %}
+  navbar--europarl
+
+  {% if is_transparent %}navbar--europarl-transparent{% endif %}
+{% endblock %}
+
+{% block observer_script_toggled_class %}navbar--europarl-transparent{% endblock %}

shared/templates/styleguide2/includes/organisms/layout/europarl/navbar.yaml

+context:
+  has_background: false
+
+  menu_items:
+    -
+      name: 'Kandidáti'
+      url: '#kandidati'
+    -
+      name: 'Priority pro Evropu'
+      url: '#program'
+    -
+      name: 'Aktuality'
+      url: '#'
+    -
+      name: 'Ptáte se'
+      url: '#'
+    -
+      name: 'Kontakty'
+      url: '#'
+
+  important_item: null

shared/templates/styleguide2/includes/organisms/layout/navbar.html

@@ -86,14 +86,14 @@
         {% if page.root_page.menu_button_name and page.root_page.menu_button_content %}
           {% block navbar_menu_button %}
             <div
-              class="group btn btn--hoveractive uppercase cursor-pointer relative"
+              class="group uppercase cursor-pointer relative"
             >
-              <div class="btn__body-wrap w-24 h-11 min-w-[9rem]">
+              <div class="w-24 h-11 min-w-[9rem]">
                 <div
                   class="
-                    navbar__border-button btn__body border-none border-4 w-24 h-11 py-4 px-6
+                    navbar__border-button
 
-                    bg-pirati-yellow !text-black hover:bg-yellow-600
+                    flex items-center justify-center border-none border-4 w-24 h-11 py-4 px-6 duration-150
 
                     xl:w-auto
                   "