From 6f26f85b20e8997df68f2dd7ef925506f64c1b39 Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Thu, 11 Jan 2024 22:08:33 +0100
Subject: [PATCH] Add page intro text styles

---
 content/personal/_index.md |  4 ++++
 sass/_personnel.scss       |  5 +++--
 sass/style.scss            | 20 ++++++++++++++++++++
 templates/personnel.html   |  2 +-
 4 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/content/personal/_index.md b/content/personal/_index.md
index e545ae7..4f4b15c 100644
--- a/content/personal/_index.md
+++ b/content/personal/_index.md
@@ -4,3 +4,7 @@ template = "personnel.html"
 sort_by = "weight"
 page_template = "page.html"
 +++
+
+# Personál
+
+Na každém z&nbsp;našich táborů je mnoho lidí, kteří se starají o&nbsp;program, jídlo, bezpečí a&nbsp;celkově hladký průběh tábora. Každý má své povinnosti a&nbsp;starosti, věří, že jeho funkce je ta nejdůležitější apodle toho k&nbsp;ní přistupuje. Pokusíme se Vám tedy přiblížit, kdo a&nbsp;co u&nbsp;nás na táboře dělá.
diff --git a/sass/_personnel.scss b/sass/_personnel.scss
index 8cc1d28..fa18776 100644
--- a/sass/_personnel.scss
+++ b/sass/_personnel.scss
@@ -4,7 +4,7 @@
 		display: flex;
 		justify-content: center;
 		gap: 1em;
-		margin-bottom: 5em;
+		margin-bottom: 4em;
 
 		.button {
 			padding: .5em 1.5em;
@@ -40,11 +40,12 @@
 		}
 
 		.name {
+			font-size: 1.1em;
 			font-weight: bold;
 		}
 
 		&.hidden {
-			opacity: .25;
+			opacity: .1;
 		}
 	}
 }
diff --git a/sass/style.scss b/sass/style.scss
index ec8cc04..06f94ea 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -40,6 +40,14 @@ body {
 	margin-right: auto;
 }
 
+.narrow {
+	max-width: 40em;
+}
+
+.centering {
+	text-align: center;
+}
+
 nav {
 	display: flex;
 	align-items: center;
@@ -160,6 +168,18 @@ header {
 
 section {
 	padding: 3em 1em;
+
+	h1 {
+		font-size: 2em;
+		margin: .5em 0 1em 0;
+
+		&::before {
+			display: block;
+			content: "\ea81";
+			font-family: remixicon;
+			color: $col-red-light;
+		}
+	}
 }
 
 footer {
diff --git a/templates/personnel.html b/templates/personnel.html
index 9e4c354..a943edc 100644
--- a/templates/personnel.html
+++ b/templates/personnel.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 
 {% block content %}
-	<section class="wrap">
+	<section class="wrap narrow centering">
 		{{ section.content | safe }}
 	</section>
 	<section class="wrap personnel">