Rambotron

config.toml

@@ -18,3 +18,10 @@ nav_secondary = [
 	{path = "https://cuni.cz", name = "Univerzita Karlova"},
 	{path = "https://pedf.cuni.cz", name = "Pedagogická fakulta"}
 ]
+
+nav_rambotron = [
+	{path = "", name = "Harmonogram roku"},
+	{path = "", name = "Termíny přijímacího řízení"},
+	{path = "", name = "Témata závěrečných prací"},
+	{path = "", name = "Okruhy k SZZ"}
+]

sass/main.scss

@@ -106,3 +106,46 @@ footer {
 		font-weight: bold;
 	}
 }
+
+div.rambotron {
+	width: 100%;
+	text-align: center;
+	color: #ECEFF4;
+	background: linear-gradient(rgba(94, 129, 172, 0.95), rgba(94, 129, 172, 0.95)), url("rambotron.jpg") center center no-repeat;
+	background-size: cover;
+
+	h1 {
+		font-size: 2em;
+		font-weight: bold;
+		margin: 1em 0 .8em 0;
+	}
+
+	p {
+		max-width: 40em;
+		margin: 0 auto;
+		line-height: 1.5;
+		font-size: .9rem;
+	}
+
+	.links {
+		background-color: #3B4252;
+		margin-top: 2.5rem;
+
+		ul {
+			display: flex;
+			justify-content: center;
+
+			a {
+				display: block;
+				padding: 1.1rem;
+				margin: 0 1rem;
+				color: inherit;
+				text-decoration: none;
+
+				&:hover {
+					background-color: #2E3440;
+				}
+			}
+		}
+	}
+}

templates/base.html

@@ -25,6 +25,7 @@
 			</section>
 		</div>
 	</header>
+	{% block extra %}{% endblock extra %}
 	<main>
 		{% block content %}{% endblock content %}
 	</main>

templates/index.html

@@ -1,5 +1,15 @@
 {% extends "base.html" %}
 
+{% block extra %}
+	<div class="rambotron">
+		<h1>O katedře</h1>
+		<p>Katedra informačních technologií a technické výchovy Pedagogické fakulty Univerzity Karlovy je báječné místo, kde můžete získat kvalitní vzdělání v oblasti ICT. Tento krásný web je toho důkazem. Srší to tu talentem, entusiazmem i odhodlaností. Jsme zastánci čistého kódu, svobodného softwaru a piva.</p>
+		<div class="links">
+			{{ macro::nav_list_items(items=config.extra.nav_rambotron) }}
+		</div>
+	</div>
+{% endblock extra %}
+
 {% block content %}
 	{{ section.content | safe }}
 {% endblock content %}