youtube videos

_layouts/default.html

@@ -129,7 +129,7 @@
                 </p>
             </div>
             <div id="truebottom">
-                Website by <a href="https://swaous.asuscomm.com">Tyler Clarke</a>.
+                © Jhew It Org. All rights reserved. Website by <a href="https://swaous.asuscomm.com">Tyler Clarke</a>.
             </div>
         </div>
         <script src="main.js"></script>

index.html

@@ -2,6 +2,10 @@
 layout: default
 title: Home
 ---
+<iframe width="1273" height="716" src="https://www.youtube.com/embed/XNtr-EZiF2c"
+    title="W̲e̲e̲ze̲r 2022 Mix - The Best of Weezer - Greatest Hits, Full Album - Rock Music" frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    allowfullscreen></iframe>
 <div class="image-relational-scrolling">
     <div>
         <img src="https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg" class="selected" />

main.css

@@ -465,6 +465,10 @@ h1 {
     #head-marker {
         margin-top: 30vh;
     }
+
+    iframe {
+        --video-width: 90vw !important;
+    }
 }
 
 #content > p {
@@ -532,4 +536,16 @@ h1 {
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
+}
+
+iframe {
+    --video-width: 50vw;
+    position: relative;
+    left: 50%;
+    transform: translate(-50%, 0);
+    box-sizing: border-box;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    width: var(--video-width) !important;
+    height: calc(var(--video-width) * 9/16) !important;
 }