From 875bd7730d5438340436e887c77e24fe1baa1b7e Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Sat, 15 May 2021 23:15:08 +0200
Subject: [PATCH] Navigace

---
 index.html | 52 ++++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 44 insertions(+), 8 deletions(-)
diff --git a/index.html b/index.html
index 2b44c8d..8d387e1 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,7 @@
 			margin: 0;
 			font-family: moderat, sans-serif;
 		}
+
 		header {
 			display: flex;
 			flex-direction: column;
@@ -26,8 +27,31 @@
 			background-size: auto 70%;
 			text-align: center;
 		}
-		header h1 { font-size: 5em }
+		header h1 {
+			font-size: 5em;
+			margin-bottom: 5rem;
+		}
 		header p { font-size: 2em }
+
+		nav { margin: 4rem auto }
+		nav ul {
+			display: flex;
+			list-style-type: none;
+			margin: 0;
+		}
+		nav ul li a {
+			margin: 0 .25em;
+			padding: .5em .8em;
+			border: 1px solid #000;
+			border-radius: .5em;
+			text-decoration: none;
+			color: inherit;
+		}
+		nav ul li a:hover {
+			background-color: #b52637;
+			border-color: #b52637;
+			color: #fff;
+		}
 	</style>
 </head>
 <body>
@@ -36,26 +60,38 @@
 
 		<p>Tady se dozvíš nejnovější informace jak jsme na tom!</p>
 
+		<nav>
+			<ul>
+				<li><a href="#vyuka">Výuka</a></li>
+				<li><a href="#zkousky">Zkoušky</a></li>
+				<li><a href="#prijimacky">Přijímačky</a></li>
+				<li><a href="#vstup-na-fakultu">Vstup na fakultu</a></li>
+				<li><a href="#provoz-budov">Provoz budov</a></li>
+				<li><a href="#testovani">Testování</a></li>
+				<li><a href="#ubytovani">Ubytování na koleji</a></li>
+			</ul>
+		</nav>
+
 		<p>Aktualizováno xx.5.2021 v xx hodin.</p>
 	</header>
 
-	<h2>Výuka</h2>
+	<h2 id="vyuka">Výuka</h2>
 
 	<p>Na praktickou výuku a praxe můžeš, ale bez platného negativního testu se to neobejde.</p>
 
-	<h2>Zkoušky</h2>
+	<h2 id="zkousky">Zkoušky</h2>
 	
 	<p>Prezenční zkoušky se konají bez početního omezení, ale musí se dodržovat minimální rozestupy 1,5m. Nezapomeň sebou přinést platný negativní antigenní test.</p>
 
-	<h2>Přijímačky</h2>
+	<h2 id="prijimacky">Přijímačky</h2>
 
 	<p>Na prezenčních přijímačkách může být maximálně 20 osob. Před začátkem je potřeba ukázat negativní antigenní nebo RT-PCR test, který není starší než 7 dní před konáním přijímací zkoušky.</p>
 
-	<h2>Vstup na fakultu</h2>
+	<h2 id="vstup-na-fakultu">Vstup na fakultu</h2>
 
 	<p>Než vstoupíš do budovy přilož svou studentskou nebo zaměstnaneckou kartu/čip ke čtečce. Pokud kartu nemáš, zapiš se na vrátnici. Na naší fakultě začíná být rušněji, proto potřebujeme mít přehled, ať tě v případě nákazy můžeme kontaktovat.</p>
 
-	<h2>Provoz budov</h2>
+	<h2 id="provoz-budov">Provoz budov</h2>
 
 	<table>
 		<tr>
@@ -83,7 +119,7 @@
 		<li>Knihovna je otevřena v pondělí a středu 9:00 &ndash; 15:00.</li>
 	</ul>
 
-	<h2>Testování na COVID-19</h2>
+	<h2 id="testovani">Testování na COVID-19</h2>
 
 	<p>Testuje se na Albertově od pondělí do pátku v čase 7:00 &ndash; 17:00 a o víkendu 9:00 &ndash; 16:00.</p>
 
@@ -114,7 +150,7 @@
 	</ul>
 
 
-	<h2>Ubytování na koleji</h2>
+	<h2 id="ubytovani">Ubytování na koleji</h2>
 
 	Pokud potřebuješ bydlet na koleji, kontaktuj přímo kolej a napiš, kdy chceš nastoupit.
 
