From 23883a13c63b0b678887eda4ef2f113aa75ff3d4 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Sun, 14 Feb 2021 23:44:06 +0100
Subject: [PATCH] =?UTF-8?q?Zobrazov=C3=A1n=C3=AD=20barev=20sekc=C3=AD=20v?=
 =?UTF-8?q?=20prim=C3=A1rn=C3=AD=20navigaci?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Barva sekce je definována v hlavičce Markdown dokumentu pomocí
`extra.color`.
---
 content/katedra/_index.md         |  3 +++
 content/studenti/_index.md        |  3 +++
 content/uchazeci/_index.md        |  3 +++
 content/vedecka-cinnost/_index.md |  3 +++
 sass/main.scss                    |  6 +++---
 templates/macros.html             | 10 ++++++++--
 6 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/content/katedra/_index.md b/content/katedra/_index.md
index 9dae944..86e3a5b 100644
--- a/content/katedra/_index.md
+++ b/content/katedra/_index.md
@@ -1,4 +1,7 @@
 +++
 title = "Katedra"
+
+[extra]
+color = "#B48EAD"
 +++
 
diff --git a/content/studenti/_index.md b/content/studenti/_index.md
index f9e32e2..d1c4b07 100644
--- a/content/studenti/_index.md
+++ b/content/studenti/_index.md
@@ -1,4 +1,7 @@
 +++
 title = "Studenti"
+
+[extra]
+color = "#D08770"
 +++
 
diff --git a/content/uchazeci/_index.md b/content/uchazeci/_index.md
index aa14cae..a3c4adf 100644
--- a/content/uchazeci/_index.md
+++ b/content/uchazeci/_index.md
@@ -1,4 +1,7 @@
 +++
 title = "Uchazeči"
+
+[extra]
+color = "#A3BE8C"
 +++
 
diff --git a/content/vedecka-cinnost/_index.md b/content/vedecka-cinnost/_index.md
index f1bd1d3..263b216 100644
--- a/content/vedecka-cinnost/_index.md
+++ b/content/vedecka-cinnost/_index.md
@@ -1,4 +1,7 @@
 +++
 title = "Vědecká činnost"
+
+[extra]
+color = "#8FBCBB"
 +++
 
diff --git a/sass/main.scss b/sass/main.scss
index 8c6232d..bf0e396 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -50,7 +50,7 @@ header {
 			position: relative;
 
 			a { padding: .9rem }
-			a:hover, li:hover { color: #5E81AC }
+			li:hover { color: var(--color) }
 
 			li:hover ul { display: grid }
 
@@ -64,7 +64,7 @@ header {
 				margin-top: .9rem;
 				padding: 1rem;
 				background-color: #FFF;
-				border-top: 5px solid #5E81AC;
+				border-top: 5px solid var(--color);
 				box-shadow: 0px 1px 9px #00000033;
 				font-size: 1rem;
 				font-weight: normal;
@@ -74,7 +74,7 @@ header {
 					display: block;
 					padding: .5em;
 
-					&:hover { color: #5E81AC }
+					&:hover { color: var(--color) }
 				}
 
 			}
diff --git a/templates/macros.html b/templates/macros.html
index 78c3656..be6e17b 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -12,8 +12,14 @@
 	{% if items %}
 		<ul>
 			{% for item in items %}
-				<li>
-					{% set section = get_section(path=item.path~"/_index.md") %}
+				{% set section = get_section(path=item.path~"/_index.md") %}
+				<li
+					{% if section.extra.color %}
+						style="--color: {{ section.extra.color }}"
+					{% else %}
+						style="--color: #5E81AC"
+					{% endif %}
+				>
 					<a href="{{ section.permalink }}">{{ section.title }}</a>
 					{% if section.subsections %}
 						<ul>