From c268afda9a656ce4529348903a32cb34a7e56951 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Sat, 31 Jul 2021 11:55:20 +0200
Subject: [PATCH] =?UTF-8?q?Input=20pro=20vyhled=C3=A1v=C3=A1n=C3=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/common.css | 17 +++++++++++++++++
 templates/main.html  | 10 +++++++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/templates/common.css b/templates/common.css
index 8463b36..937e58a 100644
--- a/templates/common.css
+++ b/templates/common.css
@@ -60,6 +60,23 @@ nav a.special:hover {
 	color: #dd4733;
 }
 
+section.search {
+	height: 70vh;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+section.search input {
+	max-width: 40em;
+	width: 100%;
+	padding: 1.5em 2em;
+	border: 0;
+	border-radius: .5em;
+	box-shadow: 3px 3px 10px #00000026;
+	font-family: "roboto-light";
+}
+
 footer {
 	text-align: center;
 	padding: 2em;
diff --git a/templates/main.html b/templates/main.html
index f0c38de..e6704af 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -25,7 +25,15 @@
 	</header>
 
 	<main>
-		<p>Dolorem exercitationem ut aperiam et nemo. Cum unde autem et aspernatur eos distinctio aut. Optio ut aut sapiente delectus qui maiores possimus. Pariatur explicabo modi ipsum repellendus voluptas culpa ut. Itaque ab et tempore et ipsam optio quo.</p>
+		<section class="search">
+			<input type="text" placeholder="Vyhledat téma &hellip;">
+		</section>
+		<section class="filter">
+			filter
+		</section>
+		<section class="list">
+			list
+		</section>
 	</main>
 
 	<footer>