From dde34afb281d3cca18054bed4437c8aef7faf126 Mon Sep 17 00:00:00 2001
From: Warwick <warwick.l.e.new@gmail.com>
Date: Mon, 16 Oct 2023 18:35:53 +0100
Subject: [PATCH] did a thing

---
 .../warwick_portfolio/assets/css/greeter.css  | 30 +++++++++++++++----
 .../layouts/partials/greeter.html             | 12 +++++++-
 2 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/themes/warwick_portfolio/assets/css/greeter.css b/themes/warwick_portfolio/assets/css/greeter.css
index 33d25d9..f035ef8 100644
--- a/themes/warwick_portfolio/assets/css/greeter.css
+++ b/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;
+}
diff --git a/themes/warwick_portfolio/layouts/partials/greeter.html b/themes/warwick_portfolio/layouts/partials/greeter.html
index b57505c..9b0ad37 100644
--- a/themes/warwick_portfolio/layouts/partials/greeter.html
+++ b/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 }}