sakrecoer-mother-web/index.html

91 lines
1.9 KiB
HTML
Raw Normal View History

---
2019-04-24 18:56:12 +02:00
layout: default
---
2019-04-24 18:56:12 +02:00
<a id="about" href="about/">About</a>
<a id="log" href="blog/">Log</a>
<a id="music" href="music/">Music</a>
<a id="discog" href="discography/">Discog</a>
<a id="links" href="links/">Links</a>
<div id="a">
<h1 style="font-size:144px;letter-spacing:-1px;color:#fff;">GREETINGS<br />ROBOT!</h1>
</div>
<div id="ab"></div>
<div id="abc">
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art<br />&amp;
<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 id="abcd">
{{ post.content | strip_html | truncatewords: 250 }}
</div>
{% endfor %}
<div id="abcde"></div>
<div id="abcdef"></div>
<button id="video_pause">Pause<br />Video</button>
2019-04-28 19:33:43 +02:00
<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>
<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>