Skip to content
Snippets Groups Projects
Commit 205ecad5 authored by OndraPetrzilka's avatar OndraPetrzilka
Browse files

contact page, hande missing content

parent d9e9458d
Branches
No related tags found
3 merge requests!607Pirati.cz,!589Feature/pirati cz ondra,!575Feature/pirati cz
Pipeline #9425 passed
Stage: build
Hide whitespace changes
Inline Side-by-side
main/templates/main/main_contact_page.html
+ 67
− 60
View file @ 205ecad5
...@@ -7,26 +7,27 @@ ...@@ -7,26 +7,27 @@
<main role="main"> <main role="main">
<section class="grid-container no-max mb-16"> <section class="grid-container no-max mb-16">
<div class="grid-content-with-right-side flex flex-wrap"> <div class="grid-content-with-right-side flex flex-wrap">
<div class="mb-12 xl:mb-0"> {% if page.text %}
<h2 class="font-alt text-3xl sm:text-4xl mb-5"> <div class="mb-12 xl:mb-0">
Kontakty pro veřejnost <h2 class="font-alt text-3xl sm:text-4xl mb-5">
</h2> Kontakty pro veřejnost
{% for text_block in page.text %} </h2>
<div class="flex flex-wrap justify-between"> {% for text_block in page.text %}
<div class="leading-5 w-1/2"> <div class="flex flex-wrap justify-between">
{{ text_block.value.text_column_1|richtext }} <div class="leading-5 w-1/2">
</div> {{ text_block.value.text_column_1|richtext }}
<div class="leading-5 w-5/6 sm:w-5/12"> </div>
{{ text_block.value.text_column_2|richtext }} <div class="leading-5 w-5/6 sm:w-5/12">
{{ text_block.value.text_column_2|richtext }}
</div>
</div> </div>
</div> {% endfor %}
{% endfor %} </div>
</div> {% endif %}
<div class="w-full max-w-2xl"> <div class="w-full max-w-2xl">
<h2 class="font-alt text-4xl mb-5"> <h2 class="font-alt text-4xl mb-5">
Regionální kontakty Regionální kontakty
</h2> </h2>
<div class="__js-root w-full flex max-w-2xl items-center"> <div class="__js-root w-full flex max-w-2xl items-center">
<ui-region-map class="w-full"></ui-region-map> <ui-region-map class="w-full"></ui-region-map>
</div> </div>
...@@ -35,68 +36,74 @@ ...@@ -35,68 +36,74 @@
</section> </section>
<div class="grid-container"> <div class="grid-container">
<section class="grid-content-with-right-side mb-20"> <section class="grid-content-with-right-side mb-20">
<h2 class="font-alt text-4xl mb-5"> {% if page.contact_boxes %}
Další kontakty <h2 class="font-alt text-4xl mb-5">
</h2> Další kontakty
<div class="flex flex-wrap"> </h2>
{% for contact_block in page.contact_boxes %}
<div class="contact-box"> <div class="flex flex-wrap">
<div> {% for contact_block in page.contact_boxes %}
<div class="h-16 mx-auto w-16"> <div class="contact-box">
hm, image... <div>
<div class="h-16 mx-auto w-16">
hm, image...
</div>
<h3 class="font-alt mb-3 text-xl">
{{ contact_block.value.title }}
</h3>
<p>
{{ contact_block.value.subtitle }}
</p>
</div> </div>
<h3 class="font-alt mb-3 text-xl"> <a href="{{ contact_block.value.button_link }}" class="btn btn__slide__wrap">
{{ contact_block.value.title }}
</h3>
<p>
{{ contact_block.value.subtitle }}
</p>
</div>
<a href="{{ contact_block.value.button_link }}" class="btn btn__slide__wrap">
<span class="btn bg-black text-white w-32"> <span class="btn bg-black text-white w-32">
{{ contact_block.value.button_text }} {{ contact_block.value.button_text }}
</span> </span>
<span class="btn bg-blue-300 text-white w-32"> <span class="btn bg-blue-300 text-white w-32">
{{ contact_block.value.button_text }} {{ contact_block.value.button_text }}
</span> </span>
</a> </a>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
{% endif %}
</section> </section>
</div> </div>
<div class="grid-container no-max"> <div class="grid-container no-max">
<section class="grid-content-with-right-side mb-20"> {% if page.contact_people %}
<h2 class="font-alt text-4xl mb-5"> <section class="grid-content-with-right-side mb-20">
Kontakty pro média <h2 class="font-alt text-4xl mb-5">
</h2> Kontakty pro média
<div class="flex flex-wrap"> </h2>
{% for contact_person_box in page.contact_people %} <div class="flex flex-wrap">
<div class="flex person-box mb-4 mr-4"> {% for contact_person_box in page.contact_people %}
<div class="mr-7"> <div class="flex person-box mb-4 mr-4">
{% image contact_person_box.value.person.profile_image fill-250x250 as profile_image %} <div class="mr-7">
<img class="rounded-full shadow-sm w-20 sm:w-40" src="{{ profile_image.url }}" {% image contact_person_box.value.person.profile_image fill-250x250 as profile_image %}
alt="user image"> <img class="rounded-full shadow-sm w-20 sm:w-40" src="{{ profile_image.url }}"
</div> alt="user image">
<div class="flex flex-col py-4"> </div>
<h6 class="font-bold text-2xl sm:text-3xl"> <div class="flex flex-col py-4">
{{ contact_person_box.value.person.title }} <h6 class="font-bold text-2xl sm:text-3xl">
</h6> {{ contact_person_box.value.person.title }}
<span class="mb-6 text-grey-300"> </h6>
<span class="mb-6 text-grey-300">
{{ contact_person_box.value.person.position }} {{ contact_person_box.value.person.position }}
</span> </span>
<span> <span>
{{ contact_person_box.value.person.phone }} {{ contact_person_box.value.person.phone }}
</span> </span>
<span class="text-turquoise-500"> <span class="text-turquoise-500">
{{ contact_person_box.value.person.email }} {{ contact_person_box.value.person.email }}
</span> </span>
</div>
</div> </div>
</div> {% endfor %}
{% endfor %} </div>
</div> </section>
</section> {% endif %}
</div> </div>
</main> </main>
{% include 'main/includes/newsletter_section.html' %}
{% endblock content %} {% endblock content %}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Pirátský GitLab - Home of the CopyLeft