Skip to content
Snippets Groups Projects
Commit 1c97ee96 authored by Daniel Kriz's avatar Daniel Kriz
Browse files

[fix] repairs

parent eb35a574
No related branches found
No related tags found
1 merge request!1Feature/89 přenést pattenlab do django pattern library
Showing
with 64 additions and 47 deletions
<a href="{{ target_url }}" class="btn btn__slide__wrap h-11 p-0 {{ classes }}">
<span class="btn text-lg bg-black text-white w-32 lg:text-base">{{ btn_text }}</span>
<span class="btn text-lg bg-white text-black w-32 lg:text-base">{{ btn_text }}</span>
<a href="{{ target_url }}" class="btn btn__slide__wrap {{ classes }}">
<span class="btn text-lg bg-black px-1 text-white lg:text-base">{{ btn_text }}</span>
<span class="btn text-lg bg-white px-1 text-black lg:text-base">{{ btn_text }}</span>
</a>
\ No newline at end of file
<button type="button" class="btn btn__slide__wrap {{ classes }}">
<span class="btn text-base bg-black px-1 text-white">
{{ btn_text }}
</span>
<span class="btn text-base bg-white px-1 text-black">
{{ btn_text }}
</span>
</button>
context:
target_url: 'https://example.com'
btn_text: 'Zobrazit další'
classes: ''
\ No newline at end of file
<div>
<div class="flex max-w-md items-start xl:mr-2">
<a href="#" class="mr-4">
<a href="#" class="mr-4 shrink-0">
<img src="https://i.picsum.photos/id/523/132/132.jpg?hmac=XjW7KxLZNbta7gMDNvldHNGwA9XyxpjBFUGkJqrMR4o" alt=""
class="w-16 xl:w-36">
</a>
......
context:
richtext_title: 'Komentář Lukáše Koláříka: Kriminalita ve virtuálním prostoru není imaginární,
ale skutečná. Jak nenaletět internetovým šmejdům?'
richtext_text: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem
aperiam,
richtext_title: 'SENÁT CHCE V SOUVISLOSTI S RUSKOU AGRESÍ ZABRÁNIT NĚKTERÝM FIRMÁM Z RUSKA A BĚLORUSKA ČERPAT DOTACE Z PROSTŘEDKŮ ROZPOČTU ČESKÉ REPUBLIKY.'
richtext_text: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. id est laborum
et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Sed ut perspiciatis unde omnis iste
natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
......
<div class="flex flex-wrap mb-5 lg:mb-10">
<a href="#">
<img src="https://i.picsum.photos/id/361/576/576.jpg?hmac=kb62KiZkyDuigb46DUJQd7QvQM6LfYFolTdIMwEqei4" alt=""
class="lg:max-w-lg lg:mr-11 h-fit">
class="lg:max-w-lg lg:mr-11">
</a>
<div class="flex flex-col max-w-xl items-start">
<span class="text-green-500 head-3xl mt-10 mb-4 lg:mb-8"> {{ main_article_date }} </span>
......
......@@ -2,10 +2,10 @@
<div class="flex justify-start xl:justify-end grid-left-side">
<i class="ico--download p-2 text-3xl md:text-4xl xl:text-7xl xl:mr-12"></i>
</div>
<div class="grid-content flex items-center flex-wrap gap-3">
<div class="flex items-center bg-white h-11 p-1 mr-3">
<div class="grid-content flex items-center flex-wrap gap-3 overflow-hidden">
<div class="flex items-center bg-white h-11 p-1 mr-3 overflow-hidden">
<span class="font-bold mr-1">Stáhnout soubor:</span>
<span>{{ block_dowload_file_title }}</span>
<span class="overflow-hidden text-ellipsis">{{ block_dowload_file_title }}</span>
</div>
{% include 'patterns/atoms/buttons/button_animated.html' with btn_text='Stáhnout' classes='h-11 p-0' %}
</div>
......
context:
block_dowload_file_title: 'prehled-tabulka.pdf'
block_dowload_file_title: 'prehledasdfasndfjansdjkfnkjasndkjfajsdnfkjtabulka.pdf'
<div class="grid-container px-3 py-3 mb-4 bg-grey-150 xl:py-0 xl:mb-20">
<div class="grid-content-with-right-side flex flex-wrap gap-3 xl:gap-5">
<div class="grid-content-with-right-side flex flex-wrap gap-3 xl:gap-5 overflow-hidden">
<img src="https://i.picsum.photos/id/547/480/300.jpg?hmac=Y7cmYUqM4jIvrQzzO8VTM0oiedlqvSPOzXH_iRSK87w" alt="" class="w-full max-w-sm">
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between overflow-hidden">
<a href="" class="mt-4 xl:mt-8 mb-2 font-bold hover:no-underline leading-5">
{{ block_image_text }}
</a>
<span class="text-sm text-grey-200 uppercase mb-4 xl:mb-6">zdroj: {{ block_image_source }}</span>
<span class="text-sm text-grey-200 uppercase mb-4 xl:mb-6 overflow-hidden text-ellipsis">zdroj: {{ block_image_source }}</span>
</div>
</div>
</div>
context:
block_image_text: 'Et harum quidem rerum facilis est et expedita distinctio.'
date_carousel: 'www.internet.cz'
block_image_source: 'www.internet.cz'
<div class="w-96 h-72 flex bg-white flex-col items-center justify-center drop-shadow-xl xl:m-0 sm:w-80 sm:h-80">
<div class="w-96 h-72 flex bg-white flex-col items-center justify-center drop-shadow-xl xl:m-0 sm:w-80 sm:h-80 hover:no-underline">
<img src="https://i.picsum.photos/id/865/90/100.jpg?hmac=0E2Zv4lGASwKCcZxquMc_v2Y3Rg68gw21euyRQ1bu80" alt=""
class="mb-8 max-w-20 max-h-20">
<h5 class="head-4xl mb-8">{{ box_link_title }}</h5>
......
<div class="flex person-box">
<div class="mr-2 sm:mr-7">
<div class="flex w-full max-w-md">
<div class="mt-2 sm:mt-0 mr-4 sm: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">
<h6 class="font-bold mb-2 text-xl xl:text-2xl sm:text-3xl">
{{ contact_person }}
</h6>
<span class="mb-6 text-grey-300">
<span class="mb-4 sm:mb-6 text-grey-300">
{{ contact_person_function }}
</span>
<span>
<span class="mb-1">
{{ contact_person_telephone }}
</span>
<span class="text-turquoise-500">
......
<div class="background-hover-zoom w-96 h-60 flex bg-white flex-col items-center justify-center drop-shadow-xl xl:m-0 sm:w-80 sm:h-80"
<div class="background-hover-zoom w-96 h-60 flex bg-white flex-col items-center justify-center drop-shadow-xl xl:m-0 sm:w-80 sm:h-80 hover:no-underline"
style="background-image: url('https://i.picsum.photos/id/261/350/350.jpg?hmac=GOGR4Va2TTfzr3sxRHwTlAxqhpu4M_pl_oKex2O7fcQ')">
<h5 class="head-alt-md text-white mt-24 mb-8">{{ representative_title }}</h5>
{% include 'patterns/atoms/buttons/button_animated.html' with btn_text='Poslanecký klub' %}
......
<div class="mb-5 p-4 flex flex-col items-center text-center border border-grey-100 h-full sm:mb-0">
<a href="#" class="mb-5 p-4 w-full flex flex-col items-center justify-between text-center border border-grey-100 sm:mb-0 hover:no-underline">
<div>
<div class="flex flex-row sm:flex-col items-center">
<img class="rounded-full shadow-sm w-12 h-12 mb-4 sm:mb-2" src="https://randomuser.me/api/portraits/women/56.jpg"
alt="user image"/>
......@@ -7,8 +8,9 @@
<small class="mb-4 text-turquoise-400">{{ twitter_mail }}</small>
</div>
</div>
<p class="text-small sm:text-base leading-6 mb-2">{{ twitter_text }}</p>
<a href="" class="hover:no-underline">
<p class="text-small sm:text-base leading-6 mb-2">
{{ twitter_text }}
</p>
</div>
<i class="ico--twitter text-turquoise-400 text-3xl sm:text-xl"></i>
</a>
</div>
......@@ -5,9 +5,9 @@
<div class="grid-container header-max-width pt-16">
<div class="pl-4 pr-2 col-start-1 col-end-3 sm:col-start-2 sm:col-end-13 sm:pr-0">
<h1 class="font-alt text-white">
<span class="text-2xl">Ing.{{ photo_header_degree_before }}</span><br>
<span class="font-alt text-7xl">Ivan Bartoš{{ photo_header_name }}</span><span class="text-2xl">, PhDr. et PhD{{ photo_header_degree_after }}</span><br>
<span class="font-alt">Prezident České republiky{{ photo_header_function }}</span>
<span class="text-2xl">{{ photo_header_degree_before }}</span><br>
<span class="font-alt text-7xl">{{ photo_header_name }}</span><span class="text-2xl">{{ photo_header_degree_after }}</span><br>
<span class="font-alt">{{ photo_header_function }}</span>
</h1>
</div>
</div>
......
<div class="flex flex-col space-y-1">
<div class="bg-grey-150 p-4">
<a href="#" class="text-bold uppercase hover:no-underline font-bold">{{ topic_nowadays }}</a>
<a href="{{ topic_nowadays_url }}" class="text-bold uppercase hover:no-underline font-bold">{{ topic_nowadays }}</a>
</div>
<div class="bg-grey-150 p-4">
<a href="#" class="text-bold uppercase hover:no-underline">{{ topic_2 }}</a>
<a href="{{ topic_2_url }}" class="text-bold uppercase hover:no-underline">{{ topic_2 }}</a>
</div>
<div class="bg-grey-150 p-4">
<a href="#" class="text-bold uppercase hover:no-underline">{{ topic_3 }}</a>
<a href="{{ topic_3_url }}" class="text-bold uppercase hover:no-underline">{{ topic_3 }}}</a>
</div>
<div class="bg-grey-150 p-4">
<a href="#" class="text-bold uppercase hover:no-underline">{{ topic_4 }}</a>
<a href="{{ topic_4_url }}" class="text-bold uppercase hover:no-underline">{{ topic_4 }}</a>
</div>
</div>
......@@ -3,3 +3,7 @@ context:
topic_2: 'TISKOVÉ VÝSTUPY'
topic_3: '2017-2021'
topic_4: 'RESORTNÍ TÝMY'
topic_nowadays_url: '#'
topic_2_url: '#'
topic_3_url: '#'
topic_4_url: '#'
\ No newline at end of file
<div class="p-7 flex flex-col max-w-xl border border-grey-150 mb-8">
<div class="article-box p-7 flex flex-col max-w-xl border border-grey-150 mb-8 {{ classes }}">
<a href="#">
<img src="https://i.picsum.photos/id/689/576/281.jpg?hmac=yIwOFV185zFy4fwVE3lF1UDqLDAm_bpLr9LZprQ26eo" alt=""
class="mb-7 w-full">
......
......@@ -5,3 +5,4 @@ context:
work_article_text: 'Zachránili jsme 180 miliard korun pro naše občany. Ostuda, kterou Česká republika musela podstupovat, je u konce.
Babiš, podle závěrů auditu, spoluvytvářel prostředí, ve kterém jeho firmy čerpaly dotace, čímž ohrozil čerpání 180 miliard korun z evropských dotací.
Ministerstvo pro místní rozvoj obdrželo rozhodnutí od Evropské komise, podle kterého auditní řízení ke střetu zájmů, které se týkalo i bývalého premiéra Babiše, bylo uzavřeno.'
classes: ''
\ No newline at end of file
<div class="bg-cover bg-no-repeat section-clip mb-8 py-16 lg:py-36 lg:mb-16"
style="background-image: url('../../images/background-images/bg-join-us.jpg')">
style="background-image: url('../../../../static/images/background-images/bg-join-us.jpg')">
<div class="container--medium mx-auto px-4">
<h2 class="head-7xl xl:text-center mb-6 xl:mb-28">
{{ articles_section_title }}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment