did a thing

themes/warwick_portfolio/assets/css/greeter.css

@@ -10,12 +10,32 @@
 }
 
 #greeter {
-  margin: 5% 10% 5% 50%;
-  animation: 1s ease-out 0s 1 slideInLeft;
-  background: var(--paper);
-  padding: 40px;
+  height: 1080px;
+  width: 100%;
+  position: relative;
 }
 
-#greeter li {
+#greeter-flex { 
+  padding: 20%;
+  max-width: 30rem;
+}
+#greeter-content {
+  z-index: 1;
+  position: relative;
+  padding: 5%;
+  animation: 1s ease-out 0s 1 slideInLeft;
+  background: var(--paper);
+}
+
+#greeter-content li {
   font-size: 133%;
 }
+
+#greeter video {
+  opacity: 0.1;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  object-fit: cover;
+  z-index: 0;
+}

themes/warwick_portfolio/layouts/partials/greeter.html

@@ -1,7 +1,17 @@
 {{ with .Site.GetPage "/greeter" }}
   {{$greeter_style := resources.Get "css/greeter.css"}}
+  {{$greeter_video := resources.Get "background_video/Portfolio.webm"}}
   <link rel="stylesheet" type="" href="{{$greeter_style.RelPermalink}}">
   <div id="greeter">
-    {{ .Content }} 
+    <video src="{{ $greeter_video.RelPermalink }}" muted loop autoplay> </video>
+
+    <div id="greeter-flex">
+      <div id="greeter-content">
+        {{ .Content }} 
+        <div>
+          Scroll down
+        </div>
+      </div>
+    </div>
   </div>
 {{ end }}