Skip to content
Snippets Groups Projects
Select Git revision
  • 49d4ebf3098d049bdca081946a150a9ab3e3d38d
  • test default protected
  • master protected
  • feat/custom-css
  • feat/redesign-improvements-10
  • feat/redesign-improvements-8
  • feat/redesign-fixes-3
  • feat/pirstan-changes
  • feat/separate-import-thread
  • feat/dary-improvements
  • features/add-pdf-page
  • features/add-typed-table
  • features/fix-broken-calendar-categories
  • features/add-embed-to-articles
  • features/create-mastodon-feed-block
  • features/add-custom-numbering-for-candidates
  • features/add-timeline
  • features/create-wordcloud-from-article-page
  • features/create-collapsible-extra-legal-info
  • features/extend-hero-banner
  • features/add-link-to-images
21 results

contact_page.html

Blame
  • contact_page.html 3.03 KiB
    {% extends "styleguide2/base.html" %}
    {% load wagtailcore_tags wagtailimages_tags shared_filters %}
    
    {% block content %}
      {% include 'styleguide2/includes/organisms/layout/navbar.html' with selected_item=page.get_menu_title %}
      {% include 'styleguide2/includes/organisms/header/simple_header.html' with title=page.title %}
    
      <main role="main">
        <section class="container--wide mb-4 xl:mb-20">
          <div class="flex flex-col flex-wrap mb-10 xl:mb-20">
            <div
              class="
                flex gap-10 flex-wrap
                lg:flex-nowrap
              "
            >
              <div class="w-full max-w-4xl">
                <h2 class="head-6xl mb-5">
                  {{ page.title }}
                </h2>
                <div class="flex flex-wrap justify-between">
                  {% for text_block in page.text %}
                    <div class="leading-5 w-5/6 sm:w-6/12">
                      {{ text_block.value.text_column_1|richtext }}
                    </div>
                    <div class="leading-5 w-5/6 sm:w-6/12">
                      {{ text_block.value.text_column_2|richtext }}
                    </div>
                  {% endfor %}
                </div>
              </div>
    
              <div class="w-full max-w-2xl">
                <h2 class="head-6xl mb-5">
                  Regionální kontakty
                </h2>
    
                <div class="__js-root w-full flex max-w-2xl items-center">
                  <ui-region-map class="w-full"></ui-region-map>
                </div>
              </div>
            </div>
          </div>
    
          {% if page.contact_people %}
            <h2 class="head-6xl mb-5 xl:mb-8">
              Kontakty pro média
            </h2>
    
            <div class="grid grid-cols-1 xl:grid-cols-2 gap-4 mb-16">
              {% for contact_person in page.contact_people %}
                {% if contact_person.value.person.profile_image %}
                  {% image contact_person.value.person.profile_image fill-256x256 as contact_box_image %}
                {% endif %}
    
                {% firstof contact_person.value.position conact_person.value.person.position as contact_position %}
    
                {% include 'styleguide2/includes/molecules/contact/contact_person_large_box.html' with image=contact_box_image name=contact_person.value.person.title function=contact_position telephone=contact_person.value.person.phone mail=contact_person.value.person.email url=contact_person.value.person.url %}
              {% endfor %}
            </div>
          {% endif %}
    
          {% if page.contact_boxes %}
            <h2 class="head-6xl mb-5 xl:mb-8">
              Další kontakty
            </h2>
    
            <div class="grid grid-cols-1 xl:grid-cols-2 gap-4">
              {% for contact_block in page.contact_boxes %}
                {% image contact_block.value.image fill-256x256 as contact_box_image %}
    
                {% include 'styleguide2/includes/molecules/contact/contact_person_large_box.html' with image=contact_box_image name=contact_block.value.title function=contact_block.value.subtitle %}
              {% endfor %}
            </div>
          {% endif %}
        </section>
      </main>
    
      {% include 'styleguide2/includes/organisms/main_section/newsletter_section.html' %}
    {% endblock %}