Skip to content
Snippets Groups Projects
Commit e8de9093 authored by OndraRehounek's avatar OndraRehounek
Browse files

Merge remote-tracking branch 'origin/feature/pirati-cz' into feature/pirati-cz

parents fcc59b6b 22755ceb
No related branches found
No related tags found
2 merge requests!607Pirati.cz,!575Feature/pirati cz
Pipeline #9386 passed
Showing
with 187 additions and 220 deletions
......@@ -3,7 +3,7 @@
<span class="bg-green-400 mr-1 px-1">Duben 2022</span>
<span class="bg-violet-400 mr-1 px-1">#ENERGETIKA</span>
</div>
<h4 class="font-bold leading-9 mb-4 text-3xl">
<h4 class="head-3xl mb-4">
Ukončili jsme povinné přimíchávání biopaliv první generace do pohonných hmot
</h4>
<p class="mb-6">
......
<div class="contact-box">
<div>
<div class="h-16 mx-auto w-16">
hm, image...
</div>
<h3 class="font-alt mb-3 text-xl">
Adresář
</h3>
<p>
Další osoby naleznete na stránce pirati.cz
</p>
</div>
<a href="" class="btn btn__slide__wrap">
<span class="btn bg-black text-white w-32">
Lidé
</span>
<span class="btn bg-blue-300 text-white w-32">
Lidé
</span>
</a>
</div>
<div class="flex person-box mb-4 mr-4">
<div class="mr-7">
<img class="rounded-full shadow-sm w-20 sm:w-40" src="https://randomuser.me/api/portraits/women/26.jpg"
alt="user image">
</div>
<div class="flex flex-col py-4">
<h6 class="font-bold text-2xl sm:text-3xl">
Veronika Šmídová
</h6>
<span class="mb-6 text-grey-300">
Tisková mluvčí
</span>
<span>
+420 778 111 466
</span>
<span class="text-turquoise-500">
veronika.smidova@pirati.cz
</span>
</div>
</div>
<div class="flex mb-16 person-box-medium">
<div class="shrink-0 mr-7">
<div class="shrink-0 mr-4">
<img
class="rounded-full shadow-sm w-44 mb-2"
class="rounded-full shadow-sm w-20 mb-2 xl:w-44"
src="https://randomuser.me/api/portraits/women/18.jpg"
alt=" {{ name }}"
>
</div>
<div class="flex flex-col justify-between py-4">
<div class="flex flex-col">
<h4 class="font-bold text-3xl">
<h4 class="head-3xl">
{{ name }}
</h4>
<span class="leading-6 mb-6">
<span class="text-sm xl:text-base leading-6 mb-6">
{{ function }}
</span>
</div>
......
<header
class="bg-black flex items-center simple-header-height header-clip mb-8 xl:mb-24 xl:pt-24 w-full"
class="bg-black flex items-center simple-header-height header-clip mb-8 xl:mb-24 xl:pb-24 xl:pt-44 w-full"
>
<div class="grid-container header-max-width">
<div class="grid-content">
......
......@@ -3,9 +3,9 @@
{{> molecules-simple_header(title: "Kontakty") }}
<main role="main">
<div class="grid-container">
<section class="grid-content-with-right-side flex flex-wrap mb-16">
<div class="mb-12 md:mb-0">
<section class="grid-container no-max mb-16">
<div class="grid-content-with-right-side flex flex-wrap">
<div class="mb-12 xl:mb-0">
<h2 class="font-alt text-3xl sm:text-4xl mb-5">
Kontakty pro veřejnost
</h2>
......@@ -52,132 +52,39 @@
</div>
</div>
</div>
<div>
<div class="w-full max-w-2xl">
<h2 class="font-alt text-4xl mb-5">
Regionální kontakty
</h2>
<div class="__js-root w-100 flex items-center justify-center">
<div class="__js-root w-full flex max-w-2xl items-center">
<ui-region-map class="w-full"></ui-region-map>
</div>
</div>
</div>
</section>
<div class="grid-container">
<section class="grid-content-with-right-side mb-20">
<h2 class="font-alt text-4xl mb-5">
Další kontakty
</h2>
<div class="flex flex-wrap sm:justify-center">
<div class="contact-box">
<div>
<div class="h-16 mx-auto w-16">
hm, image...
</div>
<h3 class="font-alt mb-3 text-xl">
Adresář
</h3>
<p>
Další osoby naleznete na stránce pirati.cz
</p>
</div>
<a href="" class="btn btn__slide__wrap">
<span class="btn bg-black text-white w-32">
Lidé
</span>
<span class="btn bg-blue-300 text-white w-32">
Lidé
</span>
</a>
</div>
<div class="contact-box">
<div>
<div class="h-16 mx-auto w-16">
hm, image...
</div>
<h3 class="font-alt mb-3 text-xl">
Adresář
</h3>
<p>
Další osoby naleznete na stránce pirati.cz
</p>
</div>
<a href="" class="btn btn__slide__wrap">
<span class="btn bg-black text-white w-32">
Lidé
</span>
<span class="btn bg-blue-300 text-white w-32">
Lidé
</span>
</a>
</div>
<div class="contact-box">
<div>
<div class="h-16 mx-auto w-16">
hm, image...
</div>
<h3 class="font-alt mb-3 text-xl">
Adresář
</h3>
<p>
Další osoby naleznete na stránce pirati.cz
</p>
</div>
<a href="" class="btn btn__slide__wrap">
<span class="btn bg-black text-white w-32">
Lidé
</span>
<span class="btn bg-blue-300 text-white w-32">
Lidé
</span>
</a>
</div>
<div class="flex flex-wrap">
{{> molecules-contact-block }}
{{> molecules-contact-block }}
{{> molecules-contact-block }}
</div>
</section>
</div>
<div class="grid-container no-max">
<section class="grid-content-with-right-side mb-20">
<h2 class="font-alt text-4xl mb-5">
Kontakty pro média
</h2>
<div class="flex flex-wrap justify-center">
<div class="flex mr-4 person-box">
<div class="mr-7">
<img class="rounded-full shadow-sm w-20 sm:w-40 mb-2" src="https://randomuser.me/api/portraits/women/26.jpg"
alt="user image">
</div>
<div class="flex flex-col py-4">
<h6 class="font-bold text-2xl sm:text-3xl">
Veronika Šmídová
</h6>
<span class="mb-6 text-grey-300">
Tisková mluvčí
</span>
<span>
+420 778 111 466
</span>
<span class="text-turquoise-500">
veronika.smidova@pirati.cz
</span>
</div>
</div>
<div class="flex mr-4 person-box">
<div class="mr-7">
<img class="rounded-full shadow-sm w-20 sm:w-40" src="https://randomuser.me/api/portraits/women/26.jpg"
alt="user image">
</div>
<div class="flex flex-col py-4">
<h6 class="font-bold text-2xl sm:text-3xl">
Veronika Šmídová
</h6>
<span class="mb-6 text-grey-300">
Tisková mluvčí
</span>
<span>
+420 778 111 466
</span>
<span class="text-turquoise-500">
veronika.smidova@pirati.cz
</span>
</div>
<div class="flex flex-wrap">
{{> molecules-contact-person-box }}
{{> molecules-contact-person-box }}
{{> molecules-contact-person-box }}
</div>
</div>
</section>
......
......@@ -3,10 +3,10 @@
{{> molecules-photo_header }}
<main role="main">
<div class="grid-container">
<section class="flex flex-wrap grid-content-with-right-side">
<div class="leading-6 w-7/12">
<article class="mb-24">
<div class="">
<section class="grid-container person-grid-container">
<div class="grid-content leading-6">
<article class="mb-4 xl:mb-24">
<p class="font-alt mb-5">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ante orci, molestie vitae vehicula
venenatis, tincidunt ac pede. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus,
......@@ -40,7 +40,7 @@
</p>
</article>
</div>
<div class="w-auto">
<div class="grid-right-side mb-8 xl:mb-0">
<div class="bg-grey-100 mb-1 px-7 py-9">
<div class="flex mb-2">
<i class="ico--envelope mr-2"></i>
......@@ -78,8 +78,9 @@
</div>
</section>
</div>
<section class="container--medium">
<h2 class="font-alt text-4xl text-center xl:text-left">
<section class="grid-container no-max">
<div class="grid-content-with-right-side">
<h2 class="head-4xl text-center xl:text-left">
Aktuálně na Twitteru
</h2>
<div class="mb-8 flex flex-wrap">
......@@ -96,25 +97,30 @@
{{> molecules-twitter-box }}
</div>
</div>
</div>
</section>
<section class="container--medium mb-40 flex flex-wrap justify-center xl:justify-start">
<div class="leading-6 w-8/12">
<h2 class="font-alt mb-7 text-4xl">
<section class="grid-container mb-4 justify-start xl:mb-14">
<div class="grid-content-with-right-side">
<div class="leading-6">
<h2 class="head-4xl">
Články
</h2>
{{> molecules-person-article-preview }}
{{> molecules-person-article-preview }}
</div>
</div>
</section>
<section class="container--medium mb-20 flex flex-wrap justify-center xl:justify-start">
<h2 class="font-alt mb-12 text-4xl">
<section class="grid-container person-grid-container mb-4 justify-start xl:mb-14">
<div class="grid-content-with-right-side">
<h2 class="head-4xl text-left">
Další lidé z poslanecké sněmovny
</h2>
<div class="flex flex-wrap justify-center">
<div class="flex flex-wrap">
{{> molecules-person-simple-block(name: "Klára Kocmanová", function: "poslankyně Parlamentu České republiky za Středočeský kraj") }}
{{> molecules-person-simple-block(name: "Olga Richterová", function: "poslankyně, místopředsedkyně PSP ČR") }}
{{> molecules-person-simple-block(name: "Jakub Michálek", function: "předseda poslaneckého klubu Pirátů") }}
</div>
</div>
</section>
</div>
{{> organisms-newsletter-section }}
......
......@@ -50,6 +50,14 @@
&.article-section {
max-width: 1400px;
}
&.person-grid-container {
max-width: 1400px;
}
&.no-max {
max-width: none;
}
}
@responsive {
.grid-container {
......@@ -62,6 +70,11 @@
@screen 3xl {
margin-left: 20%;
}
&.person-grid-container {
@screen xl {
grid-template-columns: 240px 1fr 339px;
}
}
}
}
......
......@@ -4,7 +4,7 @@
.person-box-medium {
max-width: 485px;
width: 485px;
width: 100%;
}
.person-box {
......
.contact-box {
@apply border border-grey-100 flex flex-col h-80 items-center justify-between mr-4 px-16 py-8 text-center;
@apply border border-grey-100 flex flex-col h-80 items-center justify-between mr-4 mb-4 px-16 py-8 text-center;
width: 280px;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment