Sha256: ecf5596fe54196c168728709dafe11605cfaee8f7c5824a105d9cc4668846b75
Contents?: true
Size: 1.53 KB
Versions: 66
Compression:
Stored size: 1.53 KB
Contents
<!DOCTYPE html>
<html lang="{{site.active_lang}}" class="no-js">
{% include head.html %}
{% assign currentRequest = page.url | remove_first: '/' | downcase | split: '/' %}
<style>
.video-container {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.video-container video {
/* Make video to at least 100% wide and tall */
min-width: 100%;
min-height: 100%;
/* Setting width & height to auto prevents the browser from stretching or squishing the video */
width: auto;
height: auto;
/* Center the video */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
</style>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" data-offset="151">
{% assign transparent = true %}
{% include navigation.html currentRequest=currentRequest transparent=transparent %}
<div class="video-container">
<video poster="/assets/video/meerkat-404.jpg" autobuffer="" autoplay="" loop="">
<source src="/assets//video/meerkat-404.mp4" type="video/mp4">
<source src="/assets//video/meerkat-404.ogv" type="video/ogg">
<source src="/assets//video/meerkat-404.webm" type="video/webm">
</video>
</div>
<section class="blogtitlepic container-fluid" style="height: 0% !important;">
<h1>{{page.title}}</h1>
</section>
{% include scripts.html %}
</body>
</html>
<!-- Page Info: Banner Layout -->
Version data entries
66 entries across 66 versions & 1 rubygems