Přidání hlavičky a základních stylů

5 years ago · e4ccc9382c
parent d8b1247512
commit e4ccc9382c
3 changed files with 31 additions and 1 deletions
--- a/config.toml
+++ b/config.toml
@ -2,3 +2,4 @@ base_url = "/"
 compile_sass = true
 highlight_code = false
 build_search_index = false
+title = "Centrum pro e-learning a e-working"
--- a/sass/style.scss
+++ b/sass/style.scss
@ -1,6 +1,28 @@
+$header-width: 1400px;
+
+$main-width: 720px;
+
 body {
 	min-height: 100vh;
 	margin: 0;
 	background: url(/body-bg.svg) top center no-repeat #d22d40;
 	background-size:100% auto;
+	color: #fff;
+	font-size: 1.6em;
+}
+
+header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	max-width: $header-width;
+	margin: 0 auto;
+	padding: 2em 1em;
+
+	img { width: 250px; }
+
+	#menu {
+		width: 250px;
+		text-align: right;
+	}
 }
--- a/templates/index.html
+++ b/templates/index.html
@ -8,8 +8,15 @@
 		<link rel="icon" href="/favicon.ico" type="image/x-icon">
 	</head>
 	<body>
+		<header>
+		{% block header %}
+			<img src="/logo.png" alt="Logo">
+			<span>{{ config.title }}</span>
+			<span id="menu">Menu</span>
+		{% endblock %}
+		</header>
 		{% block content %}
 			{{ section.content | safe }}
-		{% endblock content %}
+		{% endblock %}
 	</body>
 </html>