From 1cde0a2a93e78c6d540b5d6950983b0df3323637 Mon Sep 17 00:00:00 2001
From: Felix Albrigtsen <felixalbrigtsen@gmail.com>
Date: Mon, 8 Aug 2022 15:16:14 +0200
Subject: [PATCH] Replace slideshow with promo video

---
 www/css/landing.css |  4 ++--
 www/index.php       | 34 +++++++++++++++++++++++++++++-----
 2 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/www/css/landing.css b/www/css/landing.css
index 2cef0f7..dd6a09e 100644
--- a/www/css/landing.css
+++ b/www/css/landing.css
@@ -2,8 +2,8 @@ header.landing {
 	display:block;
 	margin: 0;
 	margin-top: 3em;
-	padding: 3vh 15vw;
-	width: 70vw;
+	padding: 3vh 10vw;
+	width: 80vw;
 	background-color: #002244;
 	color: #fff;
 }
diff --git a/www/index.php b/www/index.php
index 74fd626..2203a46 100644
--- a/www/index.php
+++ b/www/index.php
@@ -40,11 +40,35 @@ $doorTime = date("H:i", $doorEntry->time);
 	</nav>
 
 	<header class="landing">
-		<div id="imageSlideshow">
-			<?php  include("galleri/slideshow.php"); ?>
-			<script src="js/slideshow.js"></script>
-		</div>
-		
+               <!-- HACK INCOMING! -->
+		<style>
+    		.iframe-container {
+    		  position: relative;
+    		  overflow: hidden;
+    		  width: 100%;
+    		  padding-top: 30%;
+                  margin: 0 auto;
+    		}
+
+    		/* Then style the iframe to fit in the container div with full height and width */
+    		.responsive-iframe {
+    		  position: absolute;
+    		  top: 0;
+    		  left: 0;
+    		  bottom: 0;
+    		  right: 0;
+    		  width: 100%;
+    		  height: 100%;
+    		}
+                @media (max-width: 768px) {
+                    .iframe-container {
+                        padding-top: 0;
+                    }
+                }
+		</style>
+		<div class="iframe-container" style="max-width: 100em;">
+    		<iframe class="responsive-iframe" src="https://www.youtube.com/embed/Uy6HAvMdeuA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ></iframe>
+
 		<div class="info">
 			<h2>Velkommen til Programvare&shy;verkstedet</h2>
 			<p>Programvareverkstedet (PVV) er en studentorganisasjon ved NTNU som vil skape et miljø for datainteresserte personer tilknyttet universitetet.</p>