Simplify homepage

I quite liked the old style

static/src/scss/homepage.scss

@@ -1,24 +1,17 @@
 .homepage-jumbotron {
-  @extend .valign-wrapper, .center-align;
-
-  justify-content: center;
-  flex-direction: column;
+  @extend .center-align;
 
   color: white;
 
-  @media #{$large-and-up} {
-    height: calc(70vh - #{$navbar-height});
-  }
-
-  @media #{$medium-and-down} {
-    height: calc(100vh - #{$navbar-height});
+  h1 {
+    margin-top: 0;
   }
 }
 
-.homepage-recent-content {
-  h2 {
-    @extend .center-align;
+.homepageview > main {
+  display: flex;
+  justify-content: center;
+  align-items: center;
 
-    margin-bottom: $element-bottom-margin * 2;
-  }
+  background-image: url('../img/header.jpg');
 }

templates/card-list-item.html

@@ -1,13 +0,0 @@
-<div class="row">
-  <div class="card">
-    <div class="card-content">
-      <p>
-        I am a very simple card. I am good at containing small bits of information.
-        I am convenient because I require little markup to use effectively.
-      </p>
-    </div>
-    <div class="card-action">
-      <a href="#">Read More</a>
-    </div>
-  </div>
-</div>

templates/homepage.html

@@ -1,4 +1,3 @@
-
 {% extends "base.html" %}
 
 {% load static %}
@@ -6,28 +5,8 @@
 {% block title %}Homepage{% endblock %}
 
 {% block main %}
-  <div class="homepage-jumbotron parallax-container">
-    <div class="parallax">
-      <img src="{% static 'img/header.jpg' %}" />
-    </div>
-
+  <div class="homepage-jumbotron">
     <h1>Jake Howard</h1>
     <p class="flow-text">Part Developer. Part SysAdmin. Part InfoSec. All Nerd!</p>
   </div>
-
-  <div class="container homepage-recent-content">
-    <h2>Recent Content</h2>
-
-    {% include "card-list-item.html" %}
-  </div>
-{% endblock%}
-
-
-{% block extrascripts %}
-<script>
-  document.addEventListener('DOMContentLoaded', function() {
-    var elems = document.querySelectorAll('.parallax');
-    var instances = M.Parallax.init(elems, {});
-  });
-</script>
 {% endblock%}