Skip to content
Snippets Groups Projects
Commit 3c8b90b2 authored by Tomáš Valenta's avatar Tomáš Valenta
Browse files

WIP euro web

parent bbffa11c
No related branches found
No related tags found
1 merge request!22Feat/redesign
Showing
with 174 additions and 10 deletions
majak_uistyleguide/static/images/mikulas-arrow.png

3.42 MiB

context:
image_url: '../../../../static/images/ivan2.png'
image_url: '../../../../../static/images/ivan2.png'
image_source: 'Ministr pro místní rozvoj Ivan Bartoš'
......@@ -18,5 +18,5 @@
"
>
<span class="group-hover:-translate-x-2 duration-200">{{ button_text }}</span>
<span class="opacity-0 group-hover:opacity-100 duration-200">{% include 'patterns/atoms/icons/arrow.html' %}</span>
<span class="opacity-0 group-hover:opacity-100 duration-200 mb-[0.03rem]">{% include 'patterns/atoms/icons/arrow.html' %}</span>
</a>
{% extends 'patterns/atoms/header/navigation.html' %}
{% block classes %}
flex gap-3 text-black {{ classes }}
{% endblock %}
<div class="flex gap-3 text-grey-185 {{ classes }}">
<div
class="
{% block classes %}
flex gap-3 text-grey-185 {{ classes }}
{% endblock %}
"
>
<a href="#" class="underline">
{{ first_text }}
</a>
......
<a href="#" class="text px-4 py-2 text-black bg-yellow-500 duration-200 hover:bg-yellow-600 hover:no-underline">
<a
href="#"
class="
{% if color_classes %}
{{ color_classes }}
{% else %}
text-black bg-yellow-500 hover:bg-yellow-600
{% endif %}
px-4 py-2 duration-200 hover:no-underline
"
>
{{ text }}
</a>
context:
image_url: '../../../../static/images/ivan1.png'
image_url: '../../../../../static/images/ivan1.png'
image_source: 'Ministr pro místní rozvoj Ivan Bartoš'
text_1: 'Část prostředků z veřejných zakázek na online inzerci putuje i k provozovatelům konspiračních a dezinformačních portálů. Na těchto internetových stránkách měly často nevědomky svoji inzerci například ČEZ, České dráhy, Česká pošta nebo Český rozhlas. „Různé hoaxy a fake news neslouží jen propagandě diktátorských států. Přitahují velkou pozornost a s tím spojenou reklamu, pro dezinformační weby jsou proto velmi dobrým zdrojem příjmů. Metodika přispěje k tomu, aby mezi nimi nebyly peníze daňových poplatníků. Doporučujeme postupy, které delší dobu praktikuje i MMR. Prostředky resortu díky tomu nekončí na účtech provozovatelů konspiračních webů,” uvedl místopředseda vlády pro digitalizaci a ministr pro místní rozvoj Ivan Bartoš z České pirátské strany.'
text_2: 'Zadavatelé si mohou ve formě obchodní podmínky stanovit konkrétní pravidla, podle kterých se jejich inzerce zobrazí pouze v médiích, jež dostatečně splňují etické nebo žurnalistické standardy. Jako vodítko si mohou vybrat z palety nástrojů, které jsou v daném okamžiku aktuální. V současné době jsou to například MediaRating Nadačního fondu nezávislé žurnalistiky, přehled dezinformačních webů spravovaný spolkem Nelež nebo výstupy tzv. jednotných měn měření návštěvnosti médií v ČR. Mezi tyto měny patří například NetMonitor, MediaProjekt nebo RadioProjekt a TVmetry. „Nejúčinnější obranou proti dezinformacím je samozřejmě vzdělávání od nejmladších let. Je potřeba zvyšovat schopnosti lidí dezinformace rozpoznat, o což se snažíme i v programech Digitálního Česka. To je ale běh na dlouhou trať, oproti tomu naše metodika může přinést pozitivní efekt velmi rychle, protože doporučuje zavedené a osvědčené nástroje,” dodal Bartoš.'
......@@ -7,7 +7,7 @@
>
<a href="#">
<img
src="../../../../static/images/person-table.png"
src="../../../../../static/images/person-table.png"
alt=""
class="w-full object-cover object-center h-[20rem]"
>
......
<div class="flex">
<img
src="../../../../static/images/person-table.png"
src="../../../../../static/images/person-table.png"
alt=""
class="mr-4 h-36 w-36"
>
......
<div>
<h3
class="
hidden font-alt text-[3.5rem] mb-3
xl:block
"
>Kontakty</h3>
</div>
<div class="flex flex-col gap-2 text-lg">
<a href="tel:{{ person_telto }}" class="font-bold underline">
{{ person_telto }}
</a>
<a href="{{ person_mail }}" class="font-bold underline">
{{ person_mail }}
</a>
<div class="flex flex-col pt-4 gap-3">
<div class="flex items-center gap-2">
<i class="ico--facebook"></i>
<a href="#" class="underline">
{{ person_facebook }}
</a>
</div>
<div class="flex items-center gap-2">
<i class="ico--twitter"></i>
<a href="#" class="underline">
{{ person_twitter }}
</a>
</div>
<div class="flex items-center gap-2">
<i class="ico--instagram"></i>
<a href="#" class="underline">
{{ person_instagram }}
</a>
</div>
<div class="flex items-center gap-2">
<i class="ico--mastodon"></i>
<a href="#" class="underline">
{{ person_mastodon }}
</a>
</div>
</div>
</div>
context:
person_mailto: 'mailto:ivan.bartos@pirati.cz'
person_mail: 'ivan.bartos@pirati.cz'
person_telto: '+420 775 978 550'
person_facebook: '@PiratIvanBartos'
person_twitter: '@PiratIvanBartos'
person_instagram: '@PiratIvanBartos'
person_mastodon: '@PiratIvanBartos'
<div class="flex flex-col min-w-[calc(100vw_-_2.5rem)] lg:min-w-[15rem] flex flex-col {{ classes }}">
<img
class="w-74 h-74 object-cover"
src="../../../../static/images/person-table.png"
src="../../../../../static/images/person-table.png"
>
<div class="text-center mt-6 mb-4">
......
<div
class="
flex gap-2 min-w-[calc(100vw_-_2.5rem)]
lg:min-w-[24rem]
"
>
<img
class="w-3/5"
src="{{ image_source }}"
>
<div class="flex flex-col justify-end">
<h3 class="head-4xl">{{ name }}</h3>
<p class="font-condensed">
{{ position }}
</p>
</div>
</div>
context:
image_source: '../../../../../static/images/mikulas-arrow.png'
name: 'Mikuláš Peksa'
position: 'Europoslanec'
<li class="candidate-primary-box">
<div
class="
candidate-primary-box--content
container--wide flex gap-8 py-16
"
>
<div
class="
candidate-primary-box--text-column
flex flex-col justify-between w-full
"
>
<div class="flex flex-col w-min">
<h2 class="head-9xl whitespace-nowrap">
{{ name }}
</h2>
<p class="font-condensed text-lg mt-[-0.5rem] mb-8">
{{ position }}
</p>
<p class="font-condensed text-lg mb-16">
{{ description }}
</p>
</div>
<div class="flex justify-start">
{% include 'patterns/atoms/buttons/round_button.html' with button_text='Zjisti více' %}
</div>
</div>
<div
class="
candidate-primary-box--image-column
w-full flex justify-center
"
>
<img
class="w-1/2"
src="{{ image_source }}"
>
</div>
</div>
</li>
context:
name: 'Mikuláš Peksa'
image_source: '../../../../../static/images/mikulas-arrow.png'
position: 'Europoslanec'
description: 'Mikuláš Peksa (18. 6. 1986) vystudoval fyziku na Matematicko-fyzikální fakultě Univerzity Karlovy. V Německu pracoval jako správce Linuxových serverů a programátor v C++. Po návratu do Čech byl v roce 2017 zvolen poslancem PSP ČR, následně v roce 2019 poslancem Evropského parlamentu. Věnuje se zejména tématům spojeným s fungováním společnosti v digitálním věku.'
<li class="candidate-secondary-box">
<div class="container--wide py-4">
<h4 class="text-xl">{{ name }}</h4>
</div>
</li>
context:
number: '1'
name: 'Mikuláš Peksa'
image_source: '../../../../../static/images/mikulas-arrow.png'
position: 'Europoslanec'
description: 'Mikuláš Peksa (18. 6. 1986) vystudoval fyziku na Matematicko-fyzikální fakultě Univerzity Karlovy. V Německu pracoval jako správce Linuxových serverů a programátor v C++. Po návratu do Čech byl v roce 2017 zvolen poslancem PSP ČR, následně v roce 2019 poslancem Evropského parlamentu. Věnuje se zejména tématům spojeným s fungováním společnosti v digitálním věku.'
......@@ -3,7 +3,7 @@
<a href="#">
<img
class="h-full w-36 object-cover rounded-full"
src="../../../../static/images/person-table.png"
src="../../../../../static/images/person-table.png"
alt=" {{ name }}"
>
</a>
......
......@@ -10,7 +10,7 @@
<a href="#">
<img
class="h-full w-full xl:w-60 object-cover"
src="../../../../static/images/person-table.png"
src="../../../../../static/images/person-table.png"
alt=" {{ name }}"
>
</a>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment