From 19800a60f8e00409cf053bee061c431c53d40c75 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Sat, 14 Nov 2020 11:35:54 +0100
Subject: [PATCH] =?UTF-8?q?Posunut=C3=AD=20t=C4=9Bla=20a=20odkaz=20na=20za?=
 =?UTF-8?q?=C4=8D=C3=A1tku=20cesty=20p=C5=99=C3=ADb=C4=9Bhu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Na začátek cesty byl přidán odkaz, který posouvá stránku k prvnímu bodu
příběhu. Zároveň byl celý příběh posunutý blíž k hlavičce a vnitřek
hlavního těla byl přeškálován na relativní jednotky.
---
 css/style.css | 19 ++++++++++++++++---
 index.html    |  4 +++-
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/css/style.css b/css/style.css
index 43e11d2..015c961 100644
--- a/css/style.css
+++ b/css/style.css
@@ -41,19 +41,30 @@ p { line-height: 1.6; }
 header { width: auto; }
 header .logo { padding: 2em; float: right; text-align: center; box-sizing: border-box; }
 header .logo img { height: 7.5em; }
-header .row { height: 45em; margin: 0; padding-bottom: 150px; margin-bottom: -300px; }
+header .row { height: 45em; margin: 0; padding-bottom: 10em; }
 header .row img { max-height: 32em; }
 header .row p { text-align: justify; max-width: 45%; font-size: 1.2em; margin: 2em 0; }
 
 main {
-	padding-top: 200px; margin-top: -200px;
-	padding-bottom: 100px; margin-bottom: -100px;
+	padding: 12em 0;
+	margin-top: -22em;
+	margin-bottom: -12em;
 	background: url(../img/timeline.svg) no-repeat center top;
 	background-size: auto 100%;
 }
 
+.pathstart {
+	width: 8em;
+	height: 8em;
+	position: relative;
+	left: 50%;
+	top: -12em; /* padding main */
+	margin-left: -2.5em; /* začátek ve vektoru není vycentrovaný */
+}
+
 .row { height: auto; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: row; margin: 5em 0; }
 .row>img { max-height: 30em; max-width: 40%; }
+#pribeh { padding-top: 4em; }
 
 article {
 	background-image: url(../img/box-border-m.png);
@@ -80,6 +91,8 @@ article:nth-child(2) h2 { margin-left: -1.5em; }
 
 	main { background: none; }
 
+	.pathstart { display: none; }
+
 	.row { flex-direction: column; margin: 4em 0; }
 	.row:nth-child(even) { flex-direction: column-reverse; }
 	.row>img { max-height: 80%; max-width: 80%; margin: 1em 0; }
diff --git a/index.html b/index.html
index 9282768..ab00243 100644
--- a/index.html
+++ b/index.html
@@ -71,7 +71,9 @@
 <div class="wrap">
 <main>
 
-<div class="row">
+<a href="#pribeh"><div class="pathstart"></div></a>
+
+<div class="row" id="pribeh">
 	<img src="img/skladani.png" alt="oli">
 	<article>
 		<h2>Vše do sebe zapadlo</h2>