Updates video to Youtube

akaalias · Jul 19, 2022 · 1eb904d · 1eb904d
1 parent 1032440
commit 1eb904d
Show file tree

Hide file tree

Showing 6 changed files with 83 additions and 29 deletions.
diff --git a/_site/assets/css/custom.css b/_site/assets/css/custom.css
@@ -89,11 +89,6 @@ body {}
     border-radius: 10px;
 }
 
-.video-container {
-    padding: 10px;
-    border-radius: 10px;
-}
-
 .offer-box {
     border: 1px solid #ccc;
     padding: 20px;
@@ -111,4 +106,24 @@ body {}
     height: 16px;
     position: relative;
     top: -3px;
-}
+}
+
+.padded-video {
+    padding: 15px;
+}
+
+.video-container {
+    padding-top: 20px;
+    border-radius: 10px;
+    min-width: 100%;
+    min-height: 570px;
+    position: relative;
+}
+
+.video-container iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
diff --git a/_site/feed.xml b/_site/feed.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en_us"><generator uri="https://jekyllrb.com/" version="4.2.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" hreflang="en_us" /><updated>2022-07-15T14:23:05+00:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Unblah</title><subtitle>Unblah is a meeting-buddy who keeps track of how long you&apos;re speaking, catches you before you talk too much, or too little, and helps you develop a better sense of timing.</subtitle><author><name>Alexis Rondeau</name></author></feed>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en_us"><generator uri="https://jekyllrb.com/" version="4.2.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" hreflang="en_us" /><updated>2022-07-19T14:16:40+00:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Unblah</title><subtitle>Unblah is a meeting-buddy who keeps track of how long you&apos;re speaking, catches you before you talk too much, or too little, and helps you develop a better sense of timing.</subtitle><author><name>Alexis Rondeau</name></author></feed>
diff --git a/_site/index.html b/_site/index.html
@@ -105,17 +105,30 @@ <h1 class="headline">
         <p class="subheadline">
             Unblah is a little "meeting-buddy"-app that helps... <br><b>Keep track</b> of how long you've been speaking, <br><b>Catch yourself</b> before you talk too much, or too little<br><b>Develop</b> a better sense of timing
         </p>
+    </div>
+</section>
 
-        <div class="alert-info video-container">
-            <p>
-                <b>Watch the 2-minute demo video here:</b>
-            </p>
-        <script src="https://fast.wistia.com/embed/medias/1ag85zb2oi.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:62.5% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_embed wistia_async_1ag85zb2oi videoFoam=true" style="height:100%;position:relative;width:100%"><div class="wistia_swatch" style="height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;"><img src="https://fast.wistia.com/embed/medias/1ag85zb2oi/swatch" style="filter:blur(5px);height:100%;object-fit:contain;width:100%;" alt="" aria-hidden="true" onload="this.parentNode.style.opacity=1;" /></div></div></div></div>
-        </div>
+<section id="video">
+    <div class="col-lg-12 mx-auto centered">
+        <div class="alert-info">
+            <b class="padded-video">Watch the 2-minute demo video here:</b>
+
+            <div class="video-container">
+
+                <iframe src="https://www.youtube.com/embed/ud97kazrtXg?controls=0"
+                        width="100%"
+                        height="100%"
+                        title="Unblah"
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; nobranding;"
+                        allowfullscreen
+                ></iframe>
+            </div>
 
+        </div>
     </div>
 </section>
 
+
 <section id="offer">
     <div class="col-lg-12 mx-auto centered">
         <div class="article-post serif-font offer">
@@ -177,7 +190,6 @@ <h4 class="text-success">Awesome, your download has started!</h4>
     </div>
 </section>
 
-<br>
 <br>
 
 <section id="faqs">

diff --git a/_site/v1/get-comfortable/index.html b/_site/v1/get-comfortable/index.html
@@ -154,7 +154,7 @@ <h4 id="how-to-handle-the-color-change">How to handle the color change</h4>
 
 <p>Once you’re in the “red” (around 40+ seconds), think about a way to gracefully transition from talking to maybe asking a question. Or smoothly finishing your sentence and taking a breath before continuing.</p>
 
-<p>If anything, <em>even if</em> you find yourself “rambling on” just <em>notice</em> that and be kind to yourself before thinking of changing your direction of thought.</p>
+<p>If anything, <em>even if</em> find yourself “rambling on” just <em>notice</em> that and be kind to yourself before thinking of changing your direction of thought.</p>
 
 <p><img src="https://raw.githubusercontent.com/akaalias/getunblah/main/assets/images/unblah-running-session-red.png" alt="" /></p>
 
@@ -232,4 +232,4 @@ <h2 id="next-up">Next Up</h2>
 
 </body>
 
-</html>
+</html>
diff --git a/assets/css/custom.css b/assets/css/custom.css
@@ -89,11 +89,6 @@ body {}
     border-radius: 10px;
 }
 
-.video-container {
-    padding: 10px;
-    border-radius: 10px;
-}
-
 .offer-box {
     border: 1px solid #ccc;
     padding: 20px;
@@ -111,4 +106,24 @@ body {}
     height: 16px;
     position: relative;
     top: -3px;
-}
+}
+
+.padded-video {
+    padding: 15px;
+}
+
+.video-container {
+    padding-top: 20px;
+    border-radius: 10px;
+    min-width: 100%;
+    min-height: 570px;
+    position: relative;
+}
+
+.video-container iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
diff --git a/index.html b/index.html
@@ -10,17 +10,30 @@ <h1 class="headline">
         <p class="subheadline">
             Unblah is a little "meeting-buddy"-app that helps... <br><b>Keep track</b> of how long you've been speaking, <br><b>Catch yourself</b> before you talk too much, or too little<br><b>Develop</b> a better sense of timing
         </p>
+    </div>
+</section>
 
-        <div class="alert-info video-container">
-            <p>
-                <b>Watch the 2-minute demo video here:</b>
-            </p>
-        <script src="https://fast.wistia.com/embed/medias/1ag85zb2oi.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:62.5% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_embed wistia_async_1ag85zb2oi videoFoam=true" style="height:100%;position:relative;width:100%"><div class="wistia_swatch" style="height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;"><img src="https://fast.wistia.com/embed/medias/1ag85zb2oi/swatch" style="filter:blur(5px);height:100%;object-fit:contain;width:100%;" alt="" aria-hidden="true" onload="this.parentNode.style.opacity=1;" /></div></div></div></div>
-        </div>
+<section id="video">
+    <div class="col-lg-12 mx-auto centered">
+        <div class="alert-info">
+            <b class="padded-video">Watch the 2-minute demo video here:</b>
+
+            <div class="video-container">
+
+                <iframe src="https://www.youtube.com/embed/ud97kazrtXg?controls=0"
+                        width="100%"
+                        height="100%"
+                        title="Unblah"
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; nobranding;"
+                        allowfullscreen
+                ></iframe>
+            </div>
 
+        </div>
     </div>
 </section>
 
+
 <section id="offer">
     <div class="col-lg-12 mx-auto centered">
         <div class="article-post serif-font offer">
@@ -82,7 +95,6 @@ <h4 class="text-success">Awesome, your download has started!</h4>
     </div>
 </section>
 
-<br>
 <br>
 
 <section id="faqs">