From c63562e3658618497e8d864d4dd7a48e69a7b29b Mon Sep 17 00:00:00 2001
From: Jip Fr <jipfrijlink@gmail.com>
Date: Fri, 9 Apr 2021 16:50:55 +0200
Subject: [PATCH] Show progress link on mobile, make logo into link

---
 public/main.css                  |  5 +++-
 views/partials/header.handlebars | 44 +++++++++++++++++---------------
 2 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/public/main.css b/public/main.css
index 919ff00..ea6eb51 100644
--- a/public/main.css
+++ b/public/main.css
@@ -63,6 +63,9 @@ header {
 	align-items: center;
 	margin-top: 35px;
 }
+header .logo-link, header .logo-link svg {
+	display: block;
+}
 header nav a:first-child {
 	margin-left: 40px;
 }
@@ -464,7 +467,7 @@ footer {
 		height: 0.5rem;
 	}
 
-	header nav {
+	header nav a:not(.keep-on-mobile) {
 		/* You don't really need it on mobile IMO */
 		display: none;
 	}
diff --git a/views/partials/header.handlebars b/views/partials/header.handlebars
index 39cb542..384efe3 100644
--- a/views/partials/header.handlebars
+++ b/views/partials/header.handlebars
@@ -1,31 +1,33 @@
 <header>
-	<svg xmlns="http://www.w3.org/2000/svg" width="120" height="39.876" viewBox="0 0 120 39.876">
-		<g id="logo_type" data-name="logo type" transform="translate(-553 -467)">
-			<g id="logo" transform="translate(553 467)">
-				<rect id="XMLID_158_" width="39.876" height="39.876" fill="#9d6ff3" opacity="0" />
-				<g id="XMLID_6_" transform="translate(8.222 1.418)">
-					<path id="XMLID_15_"
-						d="M69.149,28.312c-1.051.553-.129,2.139.922,1.585a12.365,12.365,0,0,1,8.794-.571,10.829,10.829,0,0,1,6.342,4.166c.645,1,2.231.074,1.585-.922C83.308,27.169,74.7,25.436,69.149,28.312Z"
-						transform="translate(-64.246 -23.389)" fill="#9d6ff3" />
-					<path id="XMLID_14_"
-						d="M82.64,14.608A15.565,15.565,0,0,0,73.5,8.45a17.535,17.535,0,0,0-12.647.9c-1.051.553-.129,2.139.922,1.585,3.411-1.788,7.6-1.714,11.209-.719,3.1.848,6.268,2.544,8.038,5.309C81.681,16.543,83.267,15.622,82.64,14.608Z"
-						transform="translate(-57.476 -7.693)" fill="#9d6ff3" />
-					<path id="XMLID_9_"
-						d="M55.68,47.8a10.719,10.719,0,0,0-6.71,2.3H45.983A1.336,1.336,0,0,0,44.6,51.376V75.84a1.431,1.431,0,0,0,1.383,1.383h3.023a1.367,1.367,0,0,0,1.309-1.383V68.392A10.993,10.993,0,1,0,55.68,47.8Zm0,17.182a6.213,6.213,0,1,1,6.213-6.213A6.216,6.216,0,0,1,55.68,64.982Z"
-						transform="translate(-44.6 -40.406)" fill="#9d6ff3" />
+	<a href="/" class="logo-link">
+		<svg xmlns="http://www.w3.org/2000/svg" width="120" height="39.876" viewBox="0 0 120 39.876">
+			<g id="logo_type" data-name="logo type" transform="translate(-553 -467)">
+				<g id="logo" transform="translate(553 467)">
+					<rect id="XMLID_158_" width="39.876" height="39.876" fill="#9d6ff3" opacity="0" />
+					<g id="XMLID_6_" transform="translate(8.222 1.418)">
+						<path id="XMLID_15_"
+							d="M69.149,28.312c-1.051.553-.129,2.139.922,1.585a12.365,12.365,0,0,1,8.794-.571,10.829,10.829,0,0,1,6.342,4.166c.645,1,2.231.074,1.585-.922C83.308,27.169,74.7,25.436,69.149,28.312Z"
+							transform="translate(-64.246 -23.389)" fill="#9d6ff3" />
+						<path id="XMLID_14_"
+							d="M82.64,14.608A15.565,15.565,0,0,0,73.5,8.45a17.535,17.535,0,0,0-12.647.9c-1.051.553-.129,2.139.922,1.585,3.411-1.788,7.6-1.714,11.209-.719,3.1.848,6.268,2.544,8.038,5.309C81.681,16.543,83.267,15.622,82.64,14.608Z"
+							transform="translate(-57.476 -7.693)" fill="#9d6ff3" />
+						<path id="XMLID_9_"
+							d="M55.68,47.8a10.719,10.719,0,0,0-6.71,2.3H45.983A1.336,1.336,0,0,0,44.6,51.376V75.84a1.431,1.431,0,0,0,1.383,1.383h3.023a1.367,1.367,0,0,0,1.309-1.383V68.392A10.993,10.993,0,1,0,55.68,47.8Zm0,17.182a6.213,6.213,0,1,1,6.213-6.213A6.216,6.216,0,0,1,55.68,64.982Z"
+							transform="translate(-44.6 -40.406)" fill="#9d6ff3" />
+					</g>
 				</g>
+				<text id="Pretendo" transform="translate(593 492)" fill="#fff" font-size="17"
+					font-family="Poppins-Bold, Poppins" font-weight="700">
+					<tspan x="0" y="0">Pretendo</tspan>
+				</text>
 			</g>
-			<text id="Pretendo" transform="translate(593 492)" fill="#fff" font-size="17"
-				font-family="Poppins-Bold, Poppins" font-weight="700">
-				<tspan x="0" y="0">Pretendo</tspan>
-			</text>
-		</g>
-	</svg>
+		</svg>
+	</a>
 
 	<nav>
 		<a href="/#about">{{ locale.nav.about }}</a>
 		<a href="/#faq">{{ locale.nav.faq }}</a>
 		<a href="/#credits">{{ locale.nav.credits }}</a>
-		<a href="/progress">{{ locale.nav.progress }}</a>
+		<a href="/progress" class="keep-on-mobile">{{ locale.nav.progress }}</a>
 	</nav>
 </header>
\ No newline at end of file