Better Bliss phone demo
A long, long time ago, there was this format named gif. While the Internet
still, even to this day, hasn't decided on what pronounciation the word
must be, whether it's pronounced 'j-if' or 'g-if', it was a great format to
show photos on websites.
But gif was abused. Instead of displaying photos, it was forced and
enslaved to forever play looping videos of cute kittens. Gif was tired,
and hoarding all the video frames to display continuous playback was a
heavy load. But people, in general, did not give any care, they simply wanted
to see cute kittens jumping around their monitor while having no regards
for the poor gif standard.
/s
I'm kidding. Let's all use WebM, people!
Conflicts:
index.html
diff --git a/index.html b/index.html
index 6ee9982..e6f8aa6 100644
--- a/index.html
+++ b/index.html
@@ -90,10 +90,16 @@
<img src="images/bliss_screens.gif" style="max-height: 65%;max-width: 45%;vertical-align: middle;display: inline-flex;float: none;margin-top: -90%;z-index: 999" />
</div>
</div>
- </div>
- <div class="row break">
- <div class="centered col-md-6 about-last">
- <p class="text-center"><a href="#portfolio" id="scrollPortfolio">Head To The Downloads <span class="glyphicon glyphicon-arrow-down"></span></a></p>
+ <div class="col-md-6 text-center about-info">
+ <div>
+ <img src="images/phone_front.svg" style="max-height: 75%;max-width: 50%;vertical-align: middle;display: inline-flex;float: none" />
+ <div>
+ <video style="max-height: 65%;max-width: 45%;vertical-align: middle;display: inline-flex;float: none;margin-top: -90%;z-index: 999" autoplay loop>
+ <source src="images/bliss-demo.webm" type="video/webm">
+ Your browser does not support video!
+ </video>
+ </div>
+ </div>
</div>
</div>
</div>