controls overlay

[carveJwlIkooP6JGAAIwe30JlM.git] / web / frag / main.html

diff --git a/web/frag/main.html b/web/frag/main.html
index 65d49f4931a1cd8b61ec925de2aaf5bc3a06d16f..64118cd69fd66749bd7c6494ad20c392e15826f8 100644 (file)
--- a/web/frag/main.html
+++ b/web/frag/main.html
@@ -1,11 +1,16 @@
-<div style="padding: 15px;">
-   <h2>Skaterift</h2><br>
-   <hr>
-   <!--<img src="img/method.png" style="width: 512px; max-width:100%;"/>-->
-   <p>
-   image.. image ... 
-   <br>
-   <a href=https://store.steampowered.com/app/2103940/Skate_Rift/>Availible on
-   Steam</a>
-   </p>
+<div class="subcontent">
+ <div style="width:100%;padding-top:56.25%;position:relative">
+  <div style="position:absolute;top:0;left:0;right:0;bottom:0;">
+   <iframe width="100%" height="100%" src="https://www.youtube.com/embed/o6VcqI11eQQ" 
+    title="Skaterift Update Trailer" frameborder="0" 
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>
+   </iframe>
+  </div>
+ </div>
+ <center>
+  <p>
+   Skaterift is a minimal skateboarding experience. It is availible to purchase 
+   <a href=https://store.steampowered.com/app/2103940/Skate_Rift/>on Steam</a>
+  </p>
+ </center>
 </div>