Skip to content
Snippets Groups Projects
Commit 28be6975 authored by martin.zumr's avatar martin.zumr
Browse files

Merge branch 'feature/pirati-cz' into feature/pirati-cz-martin

parents af0efa66 8ac5e052
Branches
No related tags found
3 merge requests!607Pirati.cz,!592[ADD] update_articles command,!575Feature/pirati cz
Pipeline #9472 passed
Stage: build
Show whitespace changes
Inline Side-by-side
main/styleguide/source/js/components/TwitterCarousel.vue
+ 12
− 1
View file @ 28be6975
...@@ -18,7 +18,18 @@ export default { ...@@ -18,7 +18,18 @@ export default {
"slidesToScroll": 1, "slidesToScroll": 1,
"responsive": [ "responsive": [
{ {
"breakpoint": 1200, "breakpoint": 1600,
"settings": {
"slidesToShow": 3
}
}, {
"breakpoint": 1400,
"settings": {
"slidesToShow": 2
}
},
{
"breakpoint": 700,
"settings": { "settings": {
"slidesToShow": 1 "slidesToShow": 1
} }
......
main/styleguide/tailwind.config.js
+ 1
− 0
View file @ 28be6975
...@@ -136,6 +136,7 @@ module.exports = { ...@@ -136,6 +136,7 @@ module.exports = {
'300': '#8d415f', '300': '#8d415f',
'400': '#840048', '400': '#840048',
'500': '#670047', '500': '#670047',
'600': '#7D337F',
}, },
}, },
container: { container: {
......
main/templates/main/includes/layout/footer.html
+ 75
− 436
View file @ 28be6975
<footer class="bg-black footer-clip text-white pt-12"> {% load wagtailimages_tags %}
<div class="footer__container sm:mt-0"> <footer class="footer footer-clip bg-black text-white __js-root">
<div class="flex flex-wrap justify-center font-alt mb-10 md:justify-end md:text-right text-2xl"> <ui-app inline-template>
Zůstaňte s námi v konaktu
</div>
<div class="flex flex-col mb-16 ml-5 justify-center sm:justify-end sm:text-right sm:flex-row">
<div class="mb-2 sm:mb-0">
<a href="" class="sm:ml-8">
<i class="ico--facebook mr-1"></i>
@ceska.piratska.strana
</a>
</div>
<div class="mb-2 sm:mb-0">
<a href="" class="sm:ml-8">
<i class="ico--twitter mr-1"></i>
#piratskastrana
</a>
</div>
<div class="mb-2 sm:mb-0">
<a href="" class="sm:ml-8">
<i class="ico--instagram mr-1"></i>
@pirati.cz
</a>
</div>
<div> <div>
<a href="" class="sm:ml-8"> <div class="footer__main py-4 lg:py-16 container--wide">
<i class="ico--youtube mr-1"></i> <section class="footer__brand">
pirati.cz <img
</a> src="https://www.va-fighters.com/pirati/krajska-sablona/dist/assets/img/logo.svg"
</div> alt=""
</div> class="w-32 md:w-40 pb-6"
<div class="flex flex-wrap mb-16 w-full sm:justify-center"> />
<div class="mb-8 md:mb-0"> </section>
<h6 class="font-alt text-2xl mb-6 sm:mb-12"> <section class="footer__social lg:text-right lg:mb-10">
Navigace {% if page.root_page.social_links %}
</h6> <div class="font-alt text-2xl mb-4">
<div class="grid grid-flow-col grid-rows-6 max-h-60"> Zůstaňte s námi v konaktu
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Jak pracujeme
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Program
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
</div>
</div>
<div class="mb-8 md:mb-0">
<h6 class="font-alt text-2xl mb-6 sm:mb-12">
Transparance
</h6>
<div class="grid grid-flow-col grid-rows-6 max-h-60">
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Jak pracujeme
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Program
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
</div>
</div>
<div class="mb-8 md:mb-0">
<h6 class="font-alt text-2xl mb-6 sm:mb-12">
Osobní stránky
</h6>
<div class="grid grid-flow-col grid-rows-6 max-h-60">
<a class="cursor-pointer hover:no-underline mb-5 w-48">
olgarichterova.cz
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
gregorova.eu
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
mikulas-peksa.eu
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
kolaja.eu
</a>
</div>
</div>
<div class="flex flex-col mb-6 md:mb-0">
<h6 class="font-alt text-2xl mb-6 sm:mb-12">
Další projekty
</h6>
<div class="flex flex-col sm:grid sm:grid-flow-col sm:grid-rows-6 sm:max-h-60">
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Jak pracujeme
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Program
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
budoucnostresimeted.cz
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Jak pracujeme
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Program
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Jak pracujeme
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Program
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Lidé
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
voda.pirati.cz
</a>
</div>
</div>
<div>
<h6 class="font-alt text-2xl mb-8 md:mb-12">
Média
</h6>
<div class="flex flex-col flex-wrap max-h-60">
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Foto
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Video
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Newsletter
</a>
<a class="cursor-pointer hover:no-underline mb-5 w-48">
Grafika
</a>
</div>
</div>
</div>
<div class="flex flex-wrap items-end pb-2">
<div class="text-grey-300 w-full mb-10 lg:mb-0 lg:w-1/2">
&copy; Piráti 2022. Všechna práva vyhlazena.<br>
Sdílejte a nechte ostatní sdílet za stejných podmínek.
</div> </div>
<div class="flex flex-col justify-end-full sm:flex-row lg:w-1/2"> <div
<div class="flex ml-4 mb-10 sm:mb-0"> class="flex flex-col space-y-2 lg:flex-row lg:justify-end lg:space-y-0 lg:space-x-4">
{% for social_link in page.root_page.social_links %}
<a href="{{ social_link.value.link }}" class="flex items-center hover:no-underline">
<i class="{{ social_link.value.icon }} mr-1"></i>
<span class="text-sm">{{ social_link.value.text }}</span>
</a>
{% endfor %}
</div>
{% endif %}
</section>
<section class="footer__main-links text-white lg:flex gap-8">
{% for other_link in page.root_page.footer_other_links %}
<div class="{% if forloop.first %}pt-8 pb-4 {% else %}pt-4 {% endif %}lg:py-0">
<ui-footer-collapsible label="{{ other_link.value.title }}">
<ul class="text-white py-8 space-y-4 xl:space-y-8 {% if other_link.value.list|length > 6 and other_link.value.list|length < 12 %}columns-2{% elif other_link.value.list|length > 12 %}xl:columns-3{% endif %}">
{% for link_list in other_link.value.list %}
<li>
<a href="{{ link_list.link }}">{{ link_list.text }}</a>
</li>
{% endfor %}
</ul>
</ui-footer-collapsible>
</div>
{% endfor %}
</section>
</div>
{% if page.root_page.footer_person_list %}
<section class="bg-black py-8 xl:pb-36">
<div class="container--wide flex flex-col lg:flex-row lg:justify-between lg:items-end">
<div class="mb-10 flex flex-col lg:flex-row lg:order-2 lg:mb-0">
{% for person in page.root_page.footer_person_list %}
<div class="flex space-x-2 mb-4 xl:mb-0">
<div class="mr-5"> <div class="mr-5">
<img class="rounded-full shadow-sm w-20 mb-2" src="https://randomuser.me/api/portraits/women/26.jpg" alt="user image"> {% image person.value.person.profile_image fill-75x75 as person_profile_image %}
<img class="rounded-full shadow-sm w-16 mb-2" src="{{ person_profile_image.url }}"
alt="user image">
</div> </div>
<div class="flex flex-col leading-6"> <div class="flex flex-col leading-6">
<h6 class="font-alt text-2xl text-uppercase"> <h6 class="font-alt text-xl text-uppercase">{{ person.value.person.title }}</h6>
Veronika Šmídová <strong class="font-bold text-sm text-grey-300">
</h6> {% if person.value.person.position %}
<strong class="font-bold mb-1 text-grey-300"> {{ person.value.person.position }}
Tisková mluvčí {% else %}
</strong> {{ person.value.position }}
<span> {% endif %}</strong>
+420 778 111 466 <span>{{ person.value.person.phone }}</span>
</span> <span class="text-turquoise-500 text-sm">{{ person.value.person.email }}</span>
<span class="text-turquoise-500">
veronika.smidova@pirati.cz
</span>
</div> </div>
</div> </div>
<div class="flex ml-4"> {% endfor %}
<div class="mr-5">
<img class="rounded-full shadow-sm w-20 mb-2" src="https://randomuser.me/api/portraits/women/26.jpg" alt="user image">
</div>
<div class="flex flex-col leading-6">
<h6 class="font-alt text-2xl text-uppercase">
Veronika Šmídová
</h6>
<strong class="font-bold mb-1 text-grey-300">
Tisková mluvčí
</strong>
<span>
+420 778 111 466
</span>
<span class="text-turquoise-500">
veronika.smidova@pirati.cz
</span>
</div>
</div> </div>
<div class="max-w-xs">
<span class="text-xs text-grey-350 ">© Piráti, 2022. Všechna práva vyhlazena. Sdílejte a nechte ostatní sdílet za stejných podmínek</span>
</div> </div>
</div> </div>
</section>
{% endif %}
</div> </div>
</ui-app>
</footer> </footer>
\ No newline at end of file
{#<footer class="bg-black footer-clip text-white pt-12">#}
{# <div class="footer__container">#}
{# <div class="font-alt mb-10 text-right text-2xl">#}
{# Zůstaňte s námi v konaktu#}
{# </div>#}
{# <div class="flex flex-col mb-16 ml-5 justify-center sm:justify-end sm:text-right sm:flex-row">#}
{# {% for social_link_block in page.root_page.social_links %}#}
{# <div>#}
{# <a href="{{ social_link_block.value.link }}" class="ml-8">#}
{# <i class="{{ social_link_block.value.icon }} mr-1"></i>#}
{# {{ social_link_block.value.text }}#}
{# </a>#}
{# </div>#}
{# {% endfor %}#}
{# </div>#}
{# <div class="flex flex-wrap mb-16 w-full">#}
{# <div>#}
{# <h6 class="font-alt text-2xl mb-12">#}
{# Navigace#}
{# </h6>#}
{# <div class="grid grid-flow-col grid-rows-6 max-h-60">#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Jak pracujeme#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Program#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# </div>#}
{# </div>#}
{# <div>#}
{# <h6 class="font-alt text-2xl mb-12">#}
{# Transparance#}
{# </h6>#}
{# <div class="grid grid-flow-col grid-rows-6 max-h-60">#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Jak pracujeme#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Program#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# </div>#}
{# </div>#}
{# <div>#}
{# <h6 class="font-alt text-2xl mb-12">#}
{# Osobní stránky#}
{# </h6>#}
{# <div class="grid grid-flow-col grid-rows-6 max-h-60">#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# olgarichterova.cz#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# gregorova.eu#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# mikulas-peksa.eu#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# kolaja.eu#}
{# </a>#}
{# </div>#}
{# </div>#}
{# <div>#}
{# <h6 class="font-alt text-2xl mb-12">#}
{# Další projekty#}
{# </h6>#}
{# <div class="grid grid-flow-col grid-rows-6 max-h-60">#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Jak pracujeme#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Program#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# budoucnostresimeted.cz#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Jak pracujeme#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Program#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Jak pracujeme#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Program#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Lidé#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# voda.pirati.cz#}
{# </a>#}
{# </div>#}
{# </div>#}
{# <div>#}
{# <h6 class="font-alt text-2xl mb-12">#}
{# Média#}
{# </h6>#}
{# <div class="flex flex-col flex-wrap max-h-60">#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Foto#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Video#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Newsletter#}
{# </a>#}
{# <a class="cursor-pointer hover:no-underline mb-5 w-48">#}
{# Grafika#}
{# </a>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# <div class="flex flex-wrap items-end pb-2">#}
{# <div class="text-grey-300 w-full lg:w-1/2">#}
{# &copy; Piráti 2022. Všechna práva vyhlazena.<br>#}
{# Sdílejte a nechte ostatní sdílet za stejných podmínek.#}
{# </div>#}
{# <div class="flex justify-endw-full lg:w-1/2">#}
{# <div class="flex ml-4">#}
{# <div class="mr-5">#}
{# <img class="rounded-full shadow-sm w-20 mb-2" src="https://randomuser.me/api/portraits/women/26.jpg" alt="user image">#}
{# </div>#}
{# <div class="flex flex-col">#}
{# <h6 class="font-alt text-2xl text-uppercase">#}
{# Veronika Šmídová#}
{# </h6>#}
{# <strong class="font-bold mb-1 text-grey-300">#}
{# Tisková mluvčí#}
{# </strong>#}
{# <span>#}
{# +420 778 111 466#}
{# </span>#}
{# <span class="text-turquoise-500">#}
{# veronika.smidova@pirati.cz#}
{# </span>#}
{# </div>#}
{# </div>#}
{# <div class="flex ml-4">#}
{# <div class="mr-5">#}
{# <img class="rounded-full shadow-sm w-20 mb-2" src="https://randomuser.me/api/portraits/women/26.jpg" alt="user image">#}
{# </div>#}
{# <div class="flex flex-col">#}
{# <h6 class="font-alt text-2xl text-uppercase">#}
{# Veronika Šmídová#}
{# </h6>#}
{# <strong class="font-bold mb-1 text-grey-300">#}
{# Tisková mluvčí#}
{# </strong>#}
{# <span>#}
{# +420 778 111 466#}
{# </span>#}
{# <span class="text-turquoise-500">#}
{# veronika.smidova@pirati.cz#}
{# </span>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{#</footer>#}
main/templates/main/includes/newsletter_section.html
+ 16
− 26
View file @ 28be6975
<div class="section-clip bg-cover bg-no-repeat flex py-16 lg:py-36" {% load static %}
style="background-image: url('https://images.pexels.com/photos/3073681/pexels-photo-3073681.jpeg')">
<div class="grid-container items-center px-4"> <div class="section-clip bg-cover bg-no-repeat flex pb-32 xl:pb-0 xl:h-screen relative z-10">
<div class="grid-full flex flex-col"> <img src="{% static 'main/images/background-images/bg-bartos-newsletter.jpg' %}" alt="" class="absolute h-full w-full object-cover">
<div class="flex space-x-3 mb-4"> <div class="grid-container mt-20 xl:mt-0 xl:items-center z-10">
<i class="ico--anchor text-7xl xl:text-9xl mb-4 xl:w-1/4"></i> <div class="grid-full newsletter-grid">
<h5 class="uppercase mt-4 head-alt-md xl:head-alt-lg">Odebírej náš <br> newsletter</h5> <i class="newsletter-grid__icon ico--anchor text-7xl xl:text-9xl xl:w-full"></i>
</div> <span class="newsletter-grid__additional-text uppercase text-xl xl:text-base font-bold mb-2 xl:w-full">
<div class="flex xl:space-x-3 flex-wrap flex-col xl:flex-row">
<span class="uppercase text-sm xl:text-base font-bold mb-2 xl:w-1/4">
Fake news tam nenajdeš, ale dozvíš se co chystáme doopravdy! Fake news tam nenajdeš, ale dozvíš se co chystáme doopravdy!
</span> </span>
<div class=""> <h5 class="newsletter-grid__main-text font-alt text-6xl xl:text-7xl uppercase">Odebírej náš newsletter</h5>
<input <div class="newsletter-grid__input flex flex-col items-start">
type="text" <input type="text" class="text-input bg-white form-field__control mb-3 w-full" value=""
class="text-input form-field__control mb-3 w-full" placeholder="Tvůj email"/>
value="" <div class="checkbox form-field__control flex items-center mb-3">
placeholder="Tvůj email" <input type="checkbox" id="checkbox_1">
/> <label class="text-xs font-alt font-light" for="checkbox_1">"Souhlasím se zpracováním osobních údajů"</label>
<div class="checkbox form-field__control mb-3">
<input type="checkbox" id="agreement_checkbox">
<label class="text-xs font-bold" for="agreement_checkbox">
Souhlasím se zpracováním osobních údajů
</label>
</div>
{% include 'main/includes/button_animated.html' with btn_link=box.button_link btn_text="Odebírat" %}
</div> </div>
{% include 'main/includes/button_animated.html' with btn_text="Odebírat" %}
</div> </div>
</div> </div>
</div> </div>
......
main/templates/main/main_contact_page.html
+ 35
− 38
View file @ 28be6975
...@@ -5,29 +5,31 @@ ...@@ -5,29 +5,31 @@
{% include 'main/includes/layout/simple_page_header.html' %} {% include 'main/includes/layout/simple_page_header.html' %}
<main role="main"> <main role="main">
<section class="grid-container no-max mb-16"> <section class="grid-container no-max mb-4 xl:mb-20">
<div class="grid-content-with-right-side flex flex-wrap"> <div class="grid-content-with-right-side flex flex-wrap">
{% if page.text %} {% if page.text %}
<div class="mb-12 xl:mb-0"> <div class="w-full max-w-xl mb-10 xl:mb-20">
<h2 class="font-alt text-3xl sm:text-4xl mb-5">
<h2 class="head-4xl mb-5">
Kontakty pro veřejnost Kontakty pro veřejnost
</h2> </h2>
{% for text_block in page.text %}
<div class="flex flex-wrap justify-between"> <div class="flex flex-wrap justify-between">
<div class="leading-5 w-1/2"> {% for text_block in page.text %}
<div class="leading-5">
{{ text_block.value.text_column_1|richtext }} {{ text_block.value.text_column_1|richtext }}
</div> </div>
<div class="leading-5 w-5/6 sm:w-5/12"> <div class="leading-5 w-5/6 sm:w-5/12">
{{ text_block.value.text_column_2|richtext }} {{ text_block.value.text_column_2|richtext }}
</div> </div>
</div>
{% endfor %} {% endfor %}
</div> </div>
</div>
{% endif %} {% 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="head-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,17 +37,16 @@ ...@@ -35,17 +37,16 @@
</div> </div>
</section> </section>
<div class="grid-container"> <div class="grid-container">
<section class="grid-content-with-right-side mb-20">
{% if page.contact_boxes %} {% if page.contact_boxes %}
<h2 class="font-alt text-4xl mb-5"> <section class="grid-content-with-right-side mb-4 xl:mb-20">
<h2 class="head-4xl mb-5">
Další kontakty Další kontakty
</h2> </h2>
<div class="flex flex-wrap gap-4 justify-center md:justify-start">
<div class="flex flex-wrap">
{% for contact_block in page.contact_boxes %} {% for contact_block in page.contact_boxes %}
<div class="contact-box"> <div class="contact-box">
<div> <div>
<div class="h-16 mx-auto w-16"> <div class="h-16 mx-auto w-16 mb-3">
{% image contact_block.value.image fill-150x150 as contact_box_image %} {% image contact_block.value.image fill-150x150 as contact_box_image %}
<img src="{{ contact_box_image.url }}" alt="{{ contact_block.title }}"> <img src="{{ contact_box_image.url }}" alt="{{ contact_block.title }}">
</div> </div>
...@@ -57,30 +58,26 @@ ...@@ -57,30 +58,26 @@
</p> </p>
</div> </div>
<a href="{{ contact_block.value.button_link }}" class="btn btn__slide__wrap"> <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 }}</span>
{{ contact_block.value.button_text }} <span class="btn bg-blue-300 text-white w-32">{{ contact_block.value.button_text }}</span>
</span>
<span class="btn bg-blue-300 text-white w-32">
{{ contact_block.value.button_text }}
</span>
</a> </a>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
{% endif %}
</section> </section>
{% endif %}
</div> </div>
<div class="grid-container no-max"> <div class="grid-container no-max">
{% if page.contact_people %} {% if page.contact_people %}
<section class="grid-content-with-right-side mb-20"> <section class="grid-content-with-right-side mb-4 xl:mb-20">
<h2 class="font-alt text-4xl mb-5"> <h2 class="head-4xl mb-5">
Kontakty pro média Kontakty pro média
</h2> </h2>
<div class="flex flex-wrap"> <div class="flex flex-wrap gap-4">
{% for contact_person_box in page.contact_people %} {% for contact_person_box in page.contact_people %}
<div class="flex person-box mb-4 mr-4"> <div class="flex person-box">
<div class="mr-7"> <div class="mr-2 sm:mr-7">
{% image contact_person_box.value.person.profile_image fill-250x250 as profile_image %} {% image contact_person_box.value.person.profile_image fill-250x250 as profile_image %}
<img class="rounded-full shadow-sm w-20 sm:w-40" src="{{ profile_image.url }}" <img class="rounded-full shadow-sm w-20 sm:w-40" src="{{ profile_image.url }}"
alt="user image"> alt="user image">
...@@ -90,14 +87,14 @@ ...@@ -90,14 +87,14 @@
{{ contact_person_box.value.person.title }} {{ contact_person_box.value.person.title }}
</h6> </h6>
<span class="mb-6 text-grey-300"> <span class="mb-6 text-grey-300">
{% if contact_person_box.value.person.position %}
{{ contact_person_box.value.person.position }} {{ contact_person_box.value.person.position }}
{% else %}
{{ contact_person_box.value.position }}
{% endif %}
</span> </span>
<span> <span>{{ contact_person_box.velue.person.phone }}</span>
{{ contact_person_box.value.person.phone }} <span class="text-turquoise-500">{{ contact_person_box.velue.person.email }}</span>
</span>
<span class="text-turquoise-500">
{{ contact_person_box.value.person.email }}
</span>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
......
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