From a2b098087f4b1a817e3c3cd20a9460526606063b Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Tue, 23 Oct 2018 11:48:36 +0100
Subject: [PATCH] index: Cleanup CSS for page cover

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/scss/style.scss      | 31 ++++++++++++++-----------------
 src/templates/index.html |  8 ++++----
 2 files changed, 18 insertions(+), 21 deletions(-)

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 068e2b88..3ad9029b 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -44,12 +44,9 @@
 	color: $body-bg;
 }
 
-html, body {
-	height: 100%;
-}
-
 body {
 	display: flex;
+	min-height: 100vh;
 	flex-flow: column;
 }
 
@@ -113,6 +110,19 @@ body {
 	}
 }
 
+header {
+	&.cover {
+		position: relative;
+		width: 100%;
+		height: auto;
+		min-height: 35rem;
+
+		@include media-breakpoint-up(lg) {
+			height: calc(100vh - #{$navbar-height});
+		}
+	}
+}
+
 footer {
 	margin-top: auto;
 
@@ -174,19 +184,6 @@ section {
 			line-height: $display-line-height;
 		}
 	}
-
-	&.intro {
-		padding: 0;
-
-		min-height: 100%;
-		min-height: 100vh;
-
-		margin-top: -$navbar-height;
-
-		@include media-breakpoint-down(sm) {
-			padding-top: $navbar-height;
-		}
-	}
 }
 
 .blog-post {
diff --git a/src/templates/index.html b/src/templates/index.html
index 2399a8f2..ec5b4bd6 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -7,9 +7,9 @@
 {% block title %}{{ _("Welcome to IPFire") }}{% end block %}
 
 {% block container %}
-	<section class="intro d-flex align-items-center">
-		<div class="container">
-			<div class="row flex-md-row-reverse">
+	<header class="cover">
+		<div class="container d-flex h-100 align-items-center">
+			<div class="row w-100 flex-md-row-reverse">
 				<div class="col-12 col-md-5 my-5 text-center">
 					<img class="img-fluid" src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Logo" />
 				</div>
@@ -24,7 +24,7 @@
 				</div>
 			</div>
 		</div>
-	</section>
+	</header>
 
 	<section class="inverse">
 		<div class="container">
-- 
2.47.2