preview

owsko · Jul 9, 2024 · 95f44d2 · 95f44d2
1 parent 598cd23
commit 95f44d2
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -51,10 +51,49 @@
 
     <!-- SELECTIONS -->
     <div class="content">
-      <img src="media/favicons/white-background.jpg" alt="" />
-      <img src="media/favicons/white-background.jpg" alt="" />
-      <img src="media/favicons/white-background.jpg" alt="" />
-      <img src="media/favicons/white-background.jpg" alt="" />
+      <iframe
+        width="560"
+        height="315"
+        src="https://www.youtube-nocookie.com/embed/Oiv35dPWgg4?si=oCdXDGZcLYAPNEP2&amp;controls=0"
+        title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        referrerpolicy="strict-origin-when-cross-origin"
+        allowfullscreen
+      ></iframe>
+
+      <iframe
+        width="560"
+        height="315"
+        src="https://www.youtube-nocookie.com/embed/nL2jlYNadT8?si=6qHedOub3U7b6HpY&amp;controls=0"
+        title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        referrerpolicy="strict-origin-when-cross-origin"
+        allowfullscreen
+      ></iframe>
+
+      <iframe
+        width="560"
+        height="315"
+        src="https://www.youtube-nocookie.com/embed/Uw-hkrK7P_A?si=EVqT3LNAB5ElJDue&amp;controls=0"
+        title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        referrerpolicy="strict-origin-when-cross-origin"
+        allowfullscreen
+      ></iframe>
+
+      <iframe
+        width="560"
+        height="315"
+        src="https://www.youtube.com/embed/upTRHOGf8Q8?si=K0vNjviRMh_4NFjp"
+        title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        referrerpolicy="strict-origin-when-cross-origin"
+        allowfullscreen
+      ></iframe>
     </div>
 
     <script src="scripts/script_randomHeader.js"></script>

diff --git a/stylesheets/main.css b/stylesheets/main.css
@@ -43,12 +43,14 @@ header {
     padding-top: 10px; /* idk */
 }
 
-.content img {
+.content iframe {
+    /*
     width: 100%;
     height: auto;
+    */
     border-radius: 3px;
 
-    padding-bottom: 10px;
+    margin-bottom: 10px;
 }