Skip to content
Snippets Groups Projects
Commit e57717e5 authored by Ondrej Rehounek's avatar Ondrej Rehounek
Browse files

main: people page wip

parent 3d1e80b8
Branches
No related tags found
2 merge requests!607Pirati.cz,!575Feature/pirati cz
Pipeline #9245 passed
Showing
with 72 additions and 13 deletions
<div class="flex person-box-big">
<div class="mr-7">
<img class="rounded-full shadow-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-3xl">
{{ name }}
</h6>
<span class="mb-6 text-grey-300">
{{ function }}
</span>
<span>
+420 778 111 466
</span>
<span class="text-turquoise-500 underline">
veronika.smidova@pirati.cz
</span>
</div>
</div>
<header class="bg-black flex items-center h-80 header-clip mb-36 py-32 w-full">
<header class="bg-black flex items-center h-96 header-clip mb-24 pt-24 w-full">
<div class="container--narrow flex items-center">
<h1 class="font-alt text-7xl text-white">
{{ title }}
......
<div class="section-clip py-32 bg-no-repeat"
style="background-image: url('https://i.picsum.photos/id/630/1980/1400.jpg?hmac=WjDo021fzd9SaIlmsi9LtZJApZ02RMzdG0bYLx8iXOo')">
<div class="container--middle mx-auto px-4 ">
<div class="container--medium mx-auto px-4 ">
<div class="w-6/12 flex flex-col">
<div class="flex mb-4">
<i class="ico--anchor text-9xl mb-4 w-1/4"></i>
......
<div class="section-clip py-32 bg-no-repeat"
style="background-image: url('https://i.picsum.photos/id/630/1980/1400.jpg?hmac=WjDo021fzd9SaIlmsi9LtZJApZ02RMzdG0bYLx8iXOo')">
<div class="container--middle mx-auto px-4 ">
<div class="container--medium mx-auto px-4 ">
<h2 class="clear-both head-alt-md md:head-alt-lg pb-4 lg:pb-8 text-center mb-16">
Piráti v regionech
</h2>
......
{{> templates-people }}
......@@ -36,7 +36,7 @@
voluptatem accusantium doloremque laudantium…
</p>
</div>
<div class="container--middle">
<div class="container--medium">
{{> molecules-block-quote }}
</div>
<div class="container--narrow leading-6">
......@@ -63,7 +63,7 @@
voluptatem accusantium doloremque laudantium…
</p>
</div>
<div class="container--middle">
<div class="container--medium">
{{> molecules-block-download }}
</div>
<div class="container--narrow leading-6">
......
......@@ -3,7 +3,7 @@
{{> molecules-simple_header(title: "Kontakty") }}
<main role="main">
<section class="container--middle flex flex-wrap mb-16 pl-44">
<section class="container--medium flex flex-wrap mb-16 pl-44">
<div class="w-1/2">
<h2 class="font-alt text-4xl mb-5">
Kontakty pro veřejnost
......@@ -129,7 +129,7 @@
</div>
</section>
<section class="container--middle mb-20 pl-44">
<section class="container--medium mb-20 pl-44">
<h2 class="font-alt text-4xl mb-5">
Kontakty pro média
</h2>
......
{{> organisms-header }}
{{> molecules-simple_header(title: "Lidé v pirátské straně") }}
<main role="main">
<div class="container--narrow">
<p class="font-alt leading-6 mb-12 text-xl">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo
</p>
</div>
<div class="container--medium">
<div class="mb-12">
{{> molecules-multi-state-switch }}
</div>
<div class="flex flex-wrap justify-between mb-12">
{{> molecules-person-contact-big-block(name: "Ivan Bartoš", function: "předseda Pirátů, poslanec PSP ČR za Ústecký kraj, ministr, vicepremiér") }}
{{> molecules-person-contact-big-block(name: "Klára Kocmanová", function: "poslankyně Parlamentu České republiky za Středočeský kraj") }}
{{> molecules-person-contact-big-block(name: "Olga Richterová", function: "poslankyně, místopředsedkyně PSP ČR") }}
{{> molecules-person-contact-big-block(name: "Jakub Michálek", function: "předseda poslaneckého klubu Pirátů") }}
</div>
</div>
{{> organisms-newsletter-section }}
</main>
{{> organisms-footer }}
......@@ -3,12 +3,14 @@
{{> molecules-simple_header(title: "Program") }}
<main role="main">
<div class="container--narrow mx-auto">
<h2 class="max-w-xl font-alt leading-6 mx-auto mb-12">
<div class="container--narrow">
<p class="font-alt leading-6 mb-12 text-xl">
23. a 24. září 2022 nás čekají volby do zastupitelstev obcí a do třetiny Senátu Parlamentu České republiky.
Níže předkládáme zásadní body společného programu pro komunální volby. <br> Kompletní program ve formátu pdf. <br>
Programy jednotlivých sdružení naleznete na jejich stránkách.
</h2>
</p>
</div>
<div class="container--medium">
<div class="mb-12">
{{> molecules-multi-state-switch }}
</div>
......
......@@ -7,12 +7,12 @@
.container--narrow {
margin: auto;
width: 902px;
width: 882px;
}
.container--middle {
.container--medium {
margin: auto;
width: 1260px;
width: 1168px;
}
.container--wide {
......
.person-box-big {
max-width: 576px;
width: 576px;
}
......@@ -26,6 +26,7 @@
@import "./molecules/contact_box.pcss";
@import "./molecules/person_box.pcss";
@import "./molecules/person_box_big.pcss";
@import "./molecules/photo_header.pcss";
@import "./molecules/sliding_button.pcss";
@import "./molecules/switch.pcss";
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment