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

[FIX] 

homepage
parent 54b0993a
No related branches found
No related tags found
3 merge requests!607Pirati.cz,!599[FIX]Homepage,!575Feature/pirati cz
Pipeline #9547 passed
Stage: build
Show whitespace changes
Inline Side-by-side
Showing
with 32 additions and 29 deletions
main/styleguide/source/_patterns/molecules/articles/small-article-preview.mustache
+ 1
− 1
View file @ 229acc74
......@@ -5,7 +5,7 @@
class="mr-4 h-32 w-32"
>
<div class="flex flex-col justify-between items-start">
<span class="text-sm text-green-500 lg:text-base mb-2">23.2.2022</span>
<span class="text-sm text-green-500 mb-2 lg:text-base">23.2.2022</span>
<h4 class="font-alt leading-5 text-base uppercase lg:text-base mb-2">
Komentář Lukáše Koláříka: Kriminalita ve virtuálním prostoru není imaginární,
ale skutečná. Jak nenaletět internetovým šmejdům?
......
main/styleguide/source/_patterns/molecules/twitter-box.mustache
+ 1
− 1
View file @ 229acc74
......@@ -2,7 +2,7 @@
<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"/>
<div class="flex flex-col sm:sm:flex-col">
<div class="flex flex-col sm:flex-col">
<h5 class="font-alt text-xl mb-2 sm:text-base">Tomáš Marný</h5>
<small class="mb-4 text-turquoise-400">@pirat.tomas.marny</small>
</div>
......
main/templates/main/blocks/boxes_block.html
+ 6
− 6
View file @ 229acc74
{% load wagtailimages_tags %}
<div class="bg-cover bg-no-repeat section-clip py-16 lg:py-36"
<div class="bg-cover bg-no-repeat section-clip py-16 xl:h-screen lg:py-36"
style="background-image: url('https://i.picsum.photos/id/630/1980/1400.jpg?hmac=WjDo021fzd9SaIlmsi9LtZJApZ02RMzdG0bYLx8iXOo')">
<div class="container--medium">
<h2 class="head-7xl text-center mb-6 xl:mb-28">
<div class="container--wide mx-auto z-10">
<h2 class="head-7xl xl:text-center mb-6 xl:mb-28">
{{ self.title }}
</h2>
<div class="flex flex-wrap justify-center items-center">
<div class="flex flex-wrap gap-2 md:gap-1 justify-center items-center md:flex-row">
{% for box in self.list %}
<div class="mb-1 mr-1 w-60 w-80 h-80 flex bg-white flex-col items-center justify-center md:mr-1">
<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">
{% image box.image max-200x200 as box_img %}
<img
src="{{ box_img.url }}"
alt=""
class="mb-8"
class="mb-8 max-w-20 max-h-20"
>
<h5 class="head-4xl mb-8">
{{ box.title }}
......
main/templates/main/blocks/homepage_carousel_block.html
+ 3
− 5
View file @ 229acc74
......@@ -7,12 +7,10 @@
{% image slide.image fill-1920x800 as slide_img %}
<img src="{{ slide_img.url }}" draggable="false">
<div class="header-carousel--text grid-container">
<div class="grid-content-with-right-side">
<div class="grid-content-with-right-side h-fit">
<h1 class="text-white">{{ slide.line_1 }}</h1>{# TODO SEO <h1><span><span> #}
<h1 class="text-orange-250">{{ slide.line_2 }}</h1>
{% include 'main/includes/button_animated.html' with btn_link=slide.button_link btn_text=slide.button_text %}
</a>
<h1 class="text-orange-250 mb-2">{{ slide.line_2 }}</h1>
{% include 'main/includes/button_animated.html' with btn_link=slide.button_link btn_text=slide.button_text extra_classes="btn-carousel" %}
</div>
</div>
</div>
......
main/templates/main/blocks/news_block.html
+ 1
− 1
View file @ 229acc74
......@@ -7,7 +7,7 @@
</h2>
<div class="flex flex-wrap mb-5 lg:mb-10">
{% image article_data_list.0.image original as article_img %}
<img src="{{ article_img.url }}" draggable="false" alt="" class="lg:max-w-lg lg:mr-11">
<img src="{{ article_img.url }}" draggable="false" alt="" class="lg:max-w-lg h-fit lg:mr-11">
<div class="flex flex-col max-w-xl items-start">
<span class="text-green-500 head-3xl mt-10 mb-4 lg:mb-8">{{ article_data_list.0.date }}</span>
<h5 class="head-4xl mb-5 lg:mb-10">{{ article_data_list.0.title }}</h5>
......
main/templates/main/blocks/people_overview_block.html
+ 3
− 3
View file @ 229acc74
{% load wagtailimages_tags %}
<div class="container--medium mb-8 lg:mb-16">
<h2 class="head-7xl text-center mb-6 xl:mb-28">
<div class="container--medium mb-8 xl:h-screen flex flex-col justify-center lg:mb-16">
<h2 class="head-7xl xl:text-center mb-6 xl:mb-28">
{{ self.title }}
</h2>
<div class="flex flex-wrap space-x-1 justify-center items-center">
{% for box in self.list %}
{% image box.image fill-500x500 as box_image %}
<div class="w-full max-w-xs mb-1 w-80 h-80 flex flex-col items-center justify-center"
<div class="w-96 h-60 flex bg-white flex-col items-center bg-cover justify-center drop-shadow-xl xl:m-0 sm:w-80 sm:h-80"
style="background-image: url('{{ box_image.url }}')">
<h5 class="head-alt-md text-white mt-24 mb-8">
{{ box.title }}
......
main/templates/main/blocks/regions_block.html
+ 1
− 2
View file @ 229acc74
<div class="bg-cover bg-no-repeat section-clip py-16 lg:py-36"
style="background-image: url('https://i.picsum.photos/id/630/1980/1400.jpg?hmac=WjDo021fzd9SaIlmsi9LtZJApZ02RMzdG0bYLx8iXOo')">
<div class="container--medium mx-auto px-4 ">
<h2 class="head-7xl text-center mb-6 xl:mb-28">
<h2 class="head-7xl xl:text-center mb-6 xl:mb-28">
{{ self.title }}
</h2>
<div class="flex flex-wrap">
......@@ -24,7 +24,6 @@
</div>
</div>
</div>
<div></div>
</div>
</div>
<script type="text/javascript">
......
main/templates/main/blocks/twitter_block.html
+ 4
− 2
View file @ 229acc74
<div class="container--medium mx-auto mb-8 lg:mb-16">
<h2 class="head-7xl text-center mb-6 xl:mb-28">
<div class="container--wide mx-auto mb-8 lg:mb-16">
<div class="flex flex-wrap justify-center items-center">
<h2 class="w-full head-7xl xl:text-center mb-6 xl:mb-28">
{{ self.title }}
</h2>
</div>
<div id="tweetsList">
{% include 'main/includes/twitter_widget.html' with tweet_list=tweet_list %}
</div>
......
main/templates/main/includes/button_animated.html
+ 2
− 2
View file @ 229acc74
<a href="{{ btn_link }}" class="btn btn__slide__wrap {{ extra_classes }}">
<span class="btn text-sm bg-black text-white w-32 lg:text-base">
<span class="btn text-lg bg-black text-white w-32 lg:text-base">
{{ btn_text | default_if_none:"Číst dále" }}
</span>
<span class="btn text-sm bg-white text-black w-32 lg:text-base">
<span class="btn text-lg bg-white text-black w-32 lg:text-base">
{{ btn_text | default_if_none:"Číst dále" }}
</span>
</a>
main/templates/main/includes/small_article_preview.html
+ 2
− 2
View file @ 229acc74
......@@ -7,10 +7,10 @@
class="mr-4 h-32 w-32"
>
<div class="flex flex-col justify-between items-start">
<span class="text-sm text-green-500 lg:text-base">
<span class="text-sm text-green-500 mb-2 lg:text-base">
{{ article_page.date | date }}
</span>
<h4 class="text-sm uppercase lg:text-base">
<h4 class="font-alt leading-5 text-base uppercase lg:text-base mb-2">
{{ article_page.title }}
</h4>
{% include 'main/includes/button_animated.html' with btn_link=article_page.url btn_text="Číst dále" %}
......
main/templates/main/includes/twitter_widget.html
+ 8
− 4
View file @ 229acc74
<div class="flex flex-wrap justify-center mb-8 lg:mb-24">
{% for tweet in tweet_list %}
<div class="w-full flex max-w-xs">
<div class="p-4 flex flex-col items-center text-center border border-grey-100">
<div class="w-full flex max-w-sm sm:max-w-xs">
<div class="mb-5 p-4 flex flex-col items-center text-center border border-grey-100 sm:mb-0">
<div class="flex flex-row sm:flex-col items-center">
<img
class="rounded-full shadow-sm w-12 mb-2"
src="{{ tweet.author_img_url }}"
alt="user image"
/>
<div class="flex flex-col sm:flex-col">
<h5 class="font-alt mb-2">
{{ tweet.author_name }}
</h5>
<small class="mb-4 text-turquoise-400">
{{ tweet.author_username }}
</small>
<p class="text-base leading-6 mb-2">
</div>
</div>
<p class="text-small sm:text-base leading-6 mb-2">
{{ tweet.text }}
</p>
<a href="" class="hover:no-underline">
<i class="ico--twitter text-turquoise-400 text-xl"></i>
<i class="ico--twitter text-turquoise-400 text-3xl sm:text-xl"></i>
</a>
</div>
</div>
......
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