Pattern Library

{% extends 'patterns/organisms/layout/navbar.html' %}

{% block navbar_logo_images %}
  <div
    class="
      gap-3 flex-row flex-nowrap items-center

      navbar__logo--white
      navbar__district__logo
    "
  >
    <img class="w-[160px] lg:w-[190px]" src="{{ white_logo_image_url }}" alt="">

    <div class="font-alt text-xl w-[100px]">
      {{ region_name }}
    </div>
  </div>

  <div
    class="
      gap-3 flex-row flex-nowrap items-center

      navbar__logo--black
      navbar__district__logo
    "
  >
    <img class="w-[160px] lg:w-[190px]" src="{{ black_logo_image_url }}" alt="">

    <div class="font-alt text-xl w-[100px]">
      {{ region_name }}
    </div>
  </div>
{% endblock %}

{% block after_desktop_search %}
  <div class="w-24 h-11 min-w-[9rem]">
    <a
      href="{{ calendar_button_url }}"
      class="
        navbar__border-button

        font-alt flex items-center justify-center border-none border-4 w-24 h-11 py-4 px-3 duration-150 cursor-pointer text-lg gap-1

        hover:no-underline

        xl:w-auto
      "
    >
      <i class="ico--calendar"></i>

      {{ calendar_button_text }}
    </a>
  </div>
{% endblock %}

{% block menu_items %}
  {% for item in menu_items %}
    <a
      href="{{ item.url }}"
      class="
        decoration-1 underline-offset-4 mx-2
        
        {% if item == selected_item %}navbar__menu-item--selected{% endif %}
      "
    >{{ item.name }}</a>
  {% endfor %}

  {% for parent in menu_parents %}
    {% include "patterns/molecules/dropdown/dropdown.html" with name=parent.name menu_items=parent.menu_items %}
  {% endfor %}
{% endblock %}