112 lines
2.9 KiB
HTML
112 lines
2.9 KiB
HTML
|
---
|
||
|
|
---
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
{%include base.html %}
|
||
|
|
<title>The Sakrecoer MotherDAT</title>
|
||
|
|
<meta name="dc.date.modified" scheme="ISO8601" content="{{ site.time | date_to_xmlschema }}" />
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="robots" content="index" />
|
||
|
|
<meta name="description"
|
||
|
|
content="MotherDAT of Sakrecoer. I'm Funky and i deliver. My gender is Robot and i was born tomorrow. This is my Production.">
|
||
|
|
<meta name="keywords"
|
||
|
|
content="Sakrecoer, reSet Sakrecoer, Simio, Agga, Fo0bar, pusSet, Free, Music, GNUsic, Electronic, Techno, mp3, ogg, flac, open source, open mind, groove, funk, hiphop, gospel, Kick'n'base, basspistol, villamagica, artifexbcn, subnatura, micro, hardware, elektron, machinedrum, octatrack, monomachine, jomox, mbase01, waldorf, blofeld, AW16G, yamaha, synthesizer, synths, creative, commons, zoom, r16">
|
||
|
|
<link rel="shortcut icon" href="assets/img/mininewskoolLOGO.png" type="image/png" />
|
||
|
|
|
||
|
|
<link rel="stylesheet" type="text/css" href="{{ base }}assets/css/frontpage.css" />
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<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 />&
|
||
|
|
<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>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|