sakrecoer-mother-web/index.html

---
title: The Mother-web of Sakrecoer
description:
image:
video_path:
layout: default
---
<div id="hero">
  <h1>GREETINGS<br />ROBOT!</h1>
</div>

<div>
  <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>
  {{ post.content | strip_html | truncatewords: 250 }}
</div>
{% endfor %}

<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>

<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>