Started modification of home page

src/themes/vikunja/layouts/home/index.html

@@ -1,36 +0,0 @@
-{{ partial "header.html" . }}
-
-<section class="hero is-primary homepage-hero">
-	<!-- Hero head: will stick at the top -->
-	<div class="hero-head">
-		{{ partial "navbar.html" . }}
-	</div>
-	<!-- Hero content: will be in the middle -->
-	<div class="hero-body">
-		<div class="container has-text-centered">
-			{{ .Content }}
-		</div>
-	</div>
-
-	<div class="hero-foot">
-		<img src="{{ .Site.BaseURL }}/images/screenshot.jpg"/>
-	</div>
-</section>
-
-<section class="hero is-link feature-shoutout">
-	<div class="hero-body">
-		<div class="container">
-			<div class="columns">
-			{{ range $index, $element := .Data.Pages }}
-				{{ if eq .Section "features" }}
-					<div class="column">
-						{{ .Content }}
-					</div>
-				{{ end }}
-			{{ end }}
-			</div>
-		</div>
-	</div>
-</section>
-
-{{ partial "footer.html" . }}

src/themes/vikunja/layouts/home/single.html

@@ -1,6 +1,6 @@
 {{ partial "header.html" . }}
 
-<section class="hero is-primary homepage-hero">
+<section class="homepage-hero">
 	<!-- Hero head: will stick at the top -->
 	<div class="hero-head">
 		{{ partial "navbar.html" . }}
@@ -11,26 +11,6 @@
 			{{ .Content }}
 		</div>
 	</div>
-
-	<div class="hero-foot">
-		<img src="{{ .Site.BaseURL }}/images/screenshot.jpg"/>
-	</div>
-</section>
-
-<section class="hero is-link feature-shoutout">
-	<div class="hero-body">
-		<div class="container">
-			<div class="columns">
-			{{ range $index, $element := .Data.Pages }}
-				{{ if eq .Section "features" }}
-					<div class="column">
-						{{ .Content }}
-					</div>
-				{{ end }}
-			{{ end }}
-			</div>
-		</div>
-	</div>
 </section>
 
 {{ partial "footer.html" . }}

src/themes/vikunja/src/main.scss

@@ -6,12 +6,15 @@
 @import "../node_modules/bulma/bulma";
 @import '../node_modules/bulmaswatch/materia/overrides';
 
-
 .homepage-hero{
   height: 100vh;
   min-height: 700px;
   overflow: hidden;
 
+  background: url('../images/bg.jpg') no-repeat center;
+  -webkit-background-size: cover;
+  background-size: cover;
+
   .hero-body .container{
     padding: 3em 0 1em;
 
@@ -63,6 +66,10 @@
   }
 }
 
+.footer {
+  padding: 1.5rem 1rem;
+}
+
 // Mobile Styles
 
 .navbar-background{