59 lines
1.5 KiB
HTML
59 lines
1.5 KiB
HTML
---
|
|
title: The Mother-web of Sakrecoer
|
|
description:
|
|
image:
|
|
video_path:
|
|
layout: default
|
|
---
|
|
<div id="hero">
|
|
<h1>GREETINGS<br />ROBOT!</h1>
|
|
<button id="video_pause">Pause<br />Video</button>
|
|
|
|
<video autoplay loop poster="{{ site.baseurl }}/assets/img/bg/frontpage.jpg" id="bgvid">
|
|
<source src="{{ site.baseurl }}/assets/vi/0001-0076.webm" type="video/webm">
|
|
<source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4">
|
|
</video>
|
|
</div>
|
|
|
|
<div>
|
|
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art<br />&
|
|
<b>Music.</b><br /><br />I push sounds, images, thoughts and passion for <b>cool robots like you.</b><br /><br />I
|
|
am funky and I deliver because<br /><b>I was born tomorrow.</b></p>
|
|
</div>
|
|
|
|
{% for post in site.categories.blog offset: 0 limit: 1 %}
|
|
<div>
|
|
{{ post.content | strip_html | truncatewords: 250 }}
|
|
</div>
|
|
{% endfor %}
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
var vid = document.getElementsByTagName("video")[0]; vid.playbackRate = 0.1;
|
|
var pauseButton = document.getElementById("video_pause");
|
|
|
|
function vidFade() {
|
|
vid.classList.add("stopfade");
|
|
}
|
|
|
|
vid.addEventListener('ended', function () {
|
|
// only functional if "loop" is removed
|
|
vid.pause();
|
|
// to capture IE10
|
|
vidFade();
|
|
});
|
|
|
|
pauseButton.addEventListener("click", function () {
|
|
vid.classList.toggle("stopfade");
|
|
if (vid.paused) {
|
|
vid.play();
|
|
pauseButton.innerHTML = "Pause Video";
|
|
}
|
|
else {
|
|
vid.pause();
|
|
pauseButton.innerHTML = "Resume Video";
|
|
}
|
|
});
|
|
</script> |