sakrecoer-mother-web/index.html

---
layout: default
---

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


  <video autoplay loop poster="{{ base }}/assets/img/bg/frontpage.jpg" id="bgvid">
    <source src="assets/vi/0001-0076.webm" type="video/webm">
    <source src="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>