From b57bcd15ef673b909266545baff75b61f919eca7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Valenta?= <git@imaniti.org>
Date: Thu, 21 Dec 2023 10:55:07 +0100
Subject: [PATCH] more adaptable person_page layout
---
.../organisms/header/photo_header.html | 52 ++++++++++++-------
main/templates/main/main_person_page.html | 2 +-
2 files changed, 34 insertions(+), 20 deletions(-)
diff --git a/main/templates/main/includes/organisms/header/photo_header.html b/main/templates/main/includes/organisms/header/photo_header.html
index 6b34c569..4b6ea92e 100644
--- a/main/templates/main/includes/organisms/header/photo_header.html
+++ b/main/templates/main/includes/organisms/header/photo_header.html
@@ -5,10 +5,18 @@
<header
class="
flex items-center mb-4 w-full pt-96 pb-16
- bg-no-repeat bg-cover bg-center bg-blend-darken bg-[top_right_-7rem] bg-[#00000088]
+ bg-no-repeat bg-cover bg-center bg-blend-darken bg-[top_right_-7rem]
+
+ {% if background_image %}
+ bg-[#00000088]
+ {% endif %}
+
xl:mb-20 xl:bg-center xl:py-52
"
- style="background-image:url('{{ background_image.url }}')"
+
+ {% if background_image %}
+ style="background-image:url('{{ background_image.url }}')"
+ {% endif %}
>
<div class="container--wide w-full">
<h1 class="text-white flex flex-col">
@@ -16,29 +24,35 @@
{% include 'main/includes/atoms/header/navigation.html' with classes='mb-10' first_text=first_nav_text second_text=actual_second_nav_text first_link=first_nav_link %}
- <span
- class="
- text-xl font-alt
- sm:text-4xl
- "
- >
- {{ degree_before }}
- </span>
+ {% if degree_before %}
+ <span
+ class="
+ text-xl font-alt
+ sm:text-4xl
+ "
+ >
+ {{ degree_before }}
+ </span>
+ {% endif %}
<div class="flex items-baseline flex-col xl:flex-row font-alt">
<span class="font-alt text-6xl xl:text-9xl grow xl:grow-0">{{ name }}</span>
- <span class="text-2xl xl:text-4xl">
- <span class="hidden xl:inline">, </span>{{ degree_after }}
- </span>
+ {% if degree_after %}
+ <span class="text-2xl xl:text-4xl">
+ <span class="hidden xl:inline">, </span>{{ degree_after }}
+ </span>
+ {% endif %}
</div>
- <span
- class="
- text-lg font-bold mt-8
- xl:mt-[-0.7rem]
- "
- >{{ function }}</span>
+ {% if function %}
+ <span
+ class="
+ text-lg font-bold mt-8
+ xl:mt-[-0.7rem]
+ "
+ >{{ function }}</span>
+ {% endif %}
</h1>
</div>
</header>
diff --git a/main/templates/main/main_person_page.html b/main/templates/main/main_person_page.html
index 5870ed0f..0881f08c 100644
--- a/main/templates/main/main_person_page.html
+++ b/main/templates/main/main_person_page.html
@@ -34,7 +34,7 @@
>Kontakty</h3>
</div>
- <div class="flex flex-col gap-2 text-lg">
+ <div class="flex flex-col gap-2 text-lg mb-12">
{% if page.phone %}
<a href="tel:{{ page.phone }}" class="font-bold underline">
{{ page.phone }}
--
GitLab