hq/sakrecoer-mother-web
hq/sakrecoer-mother-web
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases 1 Wiki Activity

Merge pull request #1 from Sakrecoer/dev

Browse source
This commit is contained in:
Set Hallstrom 2019-04-30 19:15:21 +02:00 committed by GitHub
parent c070f5f003 8d16fd36a0
commit e7053ad726
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
134 changed files with 1282 additions and 4859 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
.gitignore vendored
View file

@ -18,3 +18,7 @@ _site/
.jekyll-cache/
.jekyll-metadata
_data/.~lock.*.csv
## vcode
.vscode
.vscode/*

10
_config.yml
View file

@ -48,14 +48,14 @@ pagination:
enabled: true
### collection
# collections:
# landningssida:
# output: true
# permalink: /:path/
collections:
music:
output: true
permalink: /music/:title.html
# defaults
# timezone: Europe/Stockholm
# permalink: /:categories/:title/
permalink: /:categories/:title/
# defaults:
# -
# scope:

55
_includes/JB/posts_collate
View file

@ -1,55 +0,0 @@
{% comment %}<!--
Collate_posts helper. Collated posts by year and month.
Usage:
1) assign the 'posts_collate' variable to a valid array of posts.
2) include JB/posts_collate
example:
{% assign posts_collate = site.posts %}
{% include JB/posts_collate %}
Ordering:
Posts are displayed in reverse chronological order.
For normal chronological order:
1) Change the for loop to this:
=> 'for post in site.posts reversed'
2) Next make sure to change 'post.previous.date' to:
=> 'post.next.date'
-->{% endcomment %}
{% if site.JB.posts_collate.provider == "custom" %}
{% include custom/posts_collate %}
{% else %}
{% for post in posts_collate %}
{% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
{% capture this_month %}{{ post.date | date: "%B" }}{% endcapture %}
{% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
{% capture next_month %}{{ post.previous.date | date: "%B" }}{% endcapture %}
{% if forloop.first %}
<h1><strong>{{this_year}}</strong></h1>
<p>{{this_month}}</p>
<ul>
{% endif %}
<li><a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></li>
{% if forloop.last %}
</ul>
{% else %}
{% if this_year != next_year %}
</ul>
<h1><strong>{{next_year}}</strong></h1>
<p><strong>{{next_month}}</strong></p>
<ul>
{% else %}
{% if this_month != next_month %}
</ul>
<p><strong>{{next_month}}</strong></p>
<ul>
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% assign posts_collate = nil %}

55
_includes/JB/posts_collate~
View file

@ -1,55 +0,0 @@
{% comment %}<!--
Collate_posts helper. Collated posts by year and month.
Usage:
1) assign the 'posts_collate' variable to a valid array of posts.
2) include JB/posts_collate
example:
{% assign posts_collate = site.posts %}
{% include JB/posts_collate %}
Ordering:
Posts are displayed in reverse chronological order.
For normal chronological order:
1) Change the for loop to this:
=> 'for post in site.posts reversed'
2) Next make sure to change 'post.previous.date' to:
=> 'post.next.date'
-->{% endcomment %}
{% if site.JB.posts_collate.provider == "custom" %}
{% include custom/posts_collate %}
{% else %}
{% for post in posts_collate %}
{% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
{% capture this_month %}{{ post.date | date: "%B" }}{% endcapture %}
{% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
{% capture next_month %}{{ post.previous.date | date: "%B" }}{% endcapture %}
{% if forloop.first %}
<h1><strong>{{this_year}}</strong></h1>
<p>{{this_month}}</p>
<ul>
{% endif %}
<li><a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></li>
{% if forloop.last %}
</ul>
{% else %}
{% if this_year != next_year %}
</ul>
<p><strong>{{next_year}}</strong></p>
<p><strong>{{next_month}}</strong></p>
<ul>
{% else %}
{% if this_month != next_month %}
</ul>
<p><strong>{{next_month}}</strong></p>
<ul>
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% assign posts_collate = nil %}

22
_includes/JB/setup
View file

@ -1,22 +0,0 @@
{% capture jbcache %}
<!--
- Dynamically set liquid variables for working with URLs/paths
-->
{% if site.JB.setup.provider == "custom" %}
{% include custom/setup %}
{% else %}
{% if site.safe and site.JB.BASE_PATH and site.JB.BASE_PATH != '' %}
{% assign BASE_PATH = site.JB.BASE_PATH %}
{% assign HOME_PATH = site.JB.BASE_PATH %}
{% else %}
{% assign BASE_PATH = nil %}
{% assign HOME_PATH = "/" %}
{% endif %}
{% if site.JB.ASSET_PATH %}
{% assign ASSET_PATH = site.JB.ASSET_PATH %}
{% else %}
{% capture ASSET_PATH %}{{ BASE_PATH }}/assets/themes/{{ page.theme.name }}{% endcapture %}
{% endif %}
{% endif %}
{% endcapture %}{% assign jbcache = nil %}

7
_includes/base.html
View file

@ -1,7 +0,0 @@
{% assign base = '' %}
{% assign depth = page.url | split: '/' | size | minus: 1 %}
{% if depth == 1 %}{% assign base = '..' %}
{% elsif depth == 2 %}{% assign base = '..' %}
{% elsif depth == 3 %}{% assign base = '../..' %}
{% elsif depth == 4 %}{% assign base = '../../..' %}
{% elsif depth == 5 %}{% assign base = '../../../..' %}{% endif %}

2
_includes/cookiemonster.html
View file

@ -1 +1 @@
<img src="{{ base }}/assets/img/cookiemonster_upsidedown.gif" style="position:fixed;top:0;right:0;z-index:77777;"/>
<img src="{{ site.baseurl }}/assets/img/cookiemonster_upsidedown.gif" style="position:fixed;top:0;right:0;z-index:77777;"/>

23
_includes/curtain.css
View file

@ -1,23 +0,0 @@
html{
height: 100%;
overflow-x: hidden;
}
.curtains{
width: 100%;
z-index:1;
position:relative;
}
.curtains>li{
background: white;
display:block;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
overflow: hidden;
z-index:1;
}
.curtains>li.hidden{display:none;}
.curtains>li:first-child{z-index:2;}

144
_includes/navmenu.css
View file

@ -1,144 +0,0 @@
#nav {
position: fixed;
bottom: -10px; left: 7px;
font-size: 12px;
font-family: futura;
padding: 0 0 0 0;
z-index: 10000;
text-transform: uppercase;
text-align: center;
}
#nav li {
float: left;
position: relative;
list-style: none;
z-index: 10000;
}
/* main level link */
#nav a {
font-weight: bold;
color: #fff;
text-decoration: none;
display: block;
width:250px;
text-shadow: none;
}
#nav a:hover {
color: #0ff;
text-shadow: none;
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
color: #fff;
text-shadow: none;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
background: rgba(255,0,0,1);
border: none;
color: #fff;
margin: 0;
padding: 0px 0px;
border-radius: 0px;
text-shadow: none;
}
#nav ul a:hover {
color: #0ff !important;
text-shadow: none;
}
/* dropdown */
#nav li:hover > ul {
display: block;
}
/* level 2 list */
#nav ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
bottom: 25px;
left: 0;
border: none;
}
#nav ul li {
float: none;
margin: 0;
padding: 0;
}
#nav ul a {
font-weight: normal;
text-shadow: none;
}
/* level 3+ list */
#nav ul ul {
left: 250px;
bottom: 0;
}
/* clearfix */
#nav:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#nav {
display: inline-block;
}
html[xmlns] #nav {
display: block;
}
* html #nav {
height: 18px;
}
#music_nav:hover{
background-color: rgba(255, 0, 24, 0.3);
}
#music_nav_sub:hover{
background-color: rgba(255, 0, 24, 0.3);
}
#about_nav:hover{
background-color: rgba(153, 255, 0, 0.3);
}
#log_nav:hover{
background-color: rgba(0, 255, 229, 0.3);
}
#log_nav_sub:hover{
background-color: rgba(0, 255, 229, 0.3);
}
#discog_nav:hover{
background-color: rgba(102, 0, 255, 0.3);
}
#links_nav:hover{
background-color: rgba(0, 0, 0, 0.3);
}

14
_includes/navmenu.html
View file

@ -1,13 +1,13 @@
<ul id="nav">
<li><a href="{{ base }}/"><img src="{{ base }}/assets/img/sakrecoerLOGO.png" width="125px" height="125px" title="SAKRECOER" /></a>
<li><a href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/assets/img/sakrecoerLOGO.png" width="125px" height="125px" title="SAKRECOER" /></a>
<ul>
<li><a href="{{ base }}/discography/">Discog</a></li>
<li><a href="{{ base }}/about/">About</a></li>
<li><a href="{{ base }}/links/">Links</a></li>
<li><a href="{{ base }}/blog/">Log</a></li>
<li><a href="{{ base }}/music/">Music Index</a></li>
<li><a href="{{ base }}/">Home</a></li>
<li><a href="{{ site.baseurl }}/discography/">Discog</a></li>
<li><a href="{{ site.baseurl }}/about/">About</a></li>
<li><a href="{{ site.baseurl }}/links/">Links</a></li>
<li><a href="{{ site.baseurl }}/blog/">Log</a></li>
<li><a href="{{ site.baseurl }}/music/">Music Index</a></li>
<li><a href="{{ site.baseurl }}/">Home</a></li>
</ul>
</li>

27
_includes/navmenuBCKUP.html
View file

@ -1,27 +0,0 @@
<ul id="nav">
<li><a href="/"><img src="/assets/img/sakrecoerLOGO.png" width="125px" height="125px" title="SAKRECOER" /></a>
<ul>
<li><a href="/sakrecoer-discography/">Discog</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/links/">Links</a></li>
<li><a href="/blog/">Log</a>
<ul>
{% for post in site.categories.blog limit: 17 %}
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
<li><a href="/blog/">...Read Moar Articles</a></li>
</ul>
</li>
<li><a href="/music/">Music Index</a>
<ul>
{% for post in site.categories.music %}
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
</ul>
</li>
</ul>
</li>
</ul>

14
_includes/next_song.html
View file

@ -1,14 +0,0 @@
{% for post in site.categories.music %}
{% if post.url == page.url %}
{% assign post_index0 = forloop.index0 %}
{% assign post_index1 = forloop.index %}
{% endif %}
{% endfor %}
{% for post in site.categories.music %}
{% if post_index0 == forloop.index %}
{% assign next_post = post.url %}
{% endif %}
{% if post_index1 == forloop.index0 %}
{% assign prev_post = post.url %}
{% endif %}
{% endfor %}

35
_includes/seo.html Normal file
View file

@ -0,0 +1,35 @@
{% seo %}
<!-- BEGIN seo.html -->
<meta name="title" content="{{ page.title }} | {{ site.title }}" />
<meta name="dc.date.modified" scheme="ISO8601" content="{{ site.time | date_to_xmlschema }}" />
{% if jekyll.environment == 'production' %}<meta name="robots" content="index" />{% else %}<meta name="robots" content="noindex, nofollow" />{% endif %}
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
<link rel="alternate" href="{{ site.url }}{{ page.url }}" hreflang="x-default" />
<!-- Dublin Core basic info -->
<meta name="dcterms.Identifier" content="{{ site.url }}" />
<meta name="dcterms.Format" content="text/html" />
<meta name="dcterms.Relation" content="{{ site.title }}" />
<meta name="dcterms.Language" content="sv_SE" />
<meta name="dcterms.Publisher" content="{{ site.title }}" />
<meta name="dcterms.Type" content="text/html" />
<meta name="dcterms.Coverage" content="{{ site.url }}/" />
<meta name="dcterms.Rights" content="Copyright &copy;{{ site.time | date: '%Y' }} {{ site.title }}." />
<meta name="dcterms.Title" content="{{ page.title }} | {{ site.title }}" />
<meta name="dcterms.Subject" content="{{ site.description | strip_html }}" />
<meta name="dcterms.Contributor" content="{{ site.title }}" />
<meta name="dcterms.Date" content="{{ site.time | date: '%Y-%m-%d' }}" />
<meta name="dcterms.Description" content="{{ site.description | strip_html }}" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@sakrecoer" />
<meta name="twitter:title" content="{{ page.title }} | {{ site.title }}" />
<meta name="twitter:description" content="{{ site.description | strip_html }}" />{% if page.url != '/' %}
<meta name="twitter:image" content="{{ site.url }}{{ page.image }}" />{% else %}
<meta name="twitter:image" content="{{ site.url }}{{ site.logo }}" />{% endif %}
<!-- END seo.html -->

133
_includes/style.css
View file

@ -1,133 +0,0 @@
/*! sakrecoer sheet */
@font-face {
font-family: futura;
src: url('{{ base }}/assets/fonts/free_avantgarde.woff');
}
@font-face {
font-family: futurabold;
src: url('{{ base }}/assets/fonts/free_avantgardeBOLD.woff');
}
html{
-webkit-transition:.5s background;
transition:.5s background;
font-family: futura,sans-serif;
}
body{
background:url({{ base }}/assets/img/bg/frontpage.jpg) #fff no-repeat; background-size:cover; background-attachment: fixed;
margin:0;
font-family: futura,sans-serif;
color: #000;
}
h1,
h2,
h3,
h4 {
font-family: futurabold; text-transform: uppercase;
}
p {
font-family: futura;
}
b,
strong {
font-family: futurabold;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
text-decoration: none;
-webkit-transition:.6s background;
transition:.6s background
}
a,
a:link,
a:visited {
color: #fff;
-webkit-transition-property: hover;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s linear 0s; /* firefox 4 */
-o-transition-property: color; /* opera 10.5 */
-o-transition-duration: 0.15s;
}
a:hover {
color: #0ff;
}
a:active {
color: #f00;
}
#navigation {
position: fixed; bottom: 0; left: 0; z-index: 1000;
width: 250px; height: 85%; padding: 10px;
background-color: rgba(0,0,0,.4);
text-align: center;
border-radius: 0 100% 0 0;
opacity: .33;
-webkit-transition-property: hover;
-webkit-transition: opacity 0.7s ease-in-out;
-moz-transition: opacity 0.7s linear 0s; /* firefox 4 */
-o-transition-property: opacity; /* opera 10.5 */
-o-transition-duration: 0.7s;
}
#navigation:hover {
opacity: 1;
z-index: 10;
}
/* content */
#content{
position: absolute; top: 140px; left: 20px;
width: 66%; margin: 0 0 0 300px; padding: 10px;
box-shadow:2px 2px 10px #000;
background: rgba(0, 0, 0, 0.25);
border-radius: 4px;
}
/* blog */
#blogcontent{
position: absolute; top: 25px;
left: 20px; width: 66%; margin: 400px 0 0 300px; padding: 15px;
box-shadow:2px 2px 10px #000;
background: url({{ base }}/assets/img/bg/paper_background_lined.jpg) rgba(255, 255, 255, 0.25);
border-radius: 4px;
line-height: 32px;
}
#blogcontent h1,
#blogcontent p{
color:#000;
}
#blogcontent h1{
position: relative;
margin: 8px 10px 0 0;
}
#blogcontent a {
color: #000;
}
#blogcontent a:hover {
color: #0ff;
}
.date {
font-size: 18px;
height: 5px; padding: 0; margin: 0;
}
td {
vertical-align: top;
}
hr {
border: 1px solid #000;
height: 1px;
}
/* Fullscreen Background image */
.image-fullscreen,
.image-fullscreen .mask {
background-size: cover;
background-repeat: no-repeat;
position:fixed;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index: -1;
}

267
_includes/style_passed.css
View file

@ -1,267 +0,0 @@
/*! sakrecoer sheet */
@font-face {
font-family: futura;
src: url('free_avantgarde.woff');
}
body {
background: #fff url(/assets/img/bg/micro_logo.png);
font-size: 1em;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 40px 20px 40px 20px;
}
h1,
h2,
h3,
h4 {
font-family: futura;
text-transform: uppercase;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
text-decoration: none;
}
a,
a:link,
a:visited {
color: #fff;
-webkit-transition-property: hover;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s linear 0s; /* firefox 4 */
-o-transition-property: color; /* opera 10.5 */
-o-transition-duration: 0.15s;
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
-1px 0px 4px rgba(255, 0, 0, 0.5),
0px -1px 4px rgba(255, 0, 0, 0.5),
0px 1px 4px rgba(255, 0, 0, 0.5);
}
a:hover {
color: #f00;
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
-1px 0px 4px rgba(255, 0, 0, 0.5),
0px -1px 4px rgba(255, 0, 0, 0.5),
0px 1px 4px rgba(255, 0, 0, 0.5);
}
a:active {
color: #000;
}
#header {
text-align: left;
position: fixed;
top:20px;
left: 20px;
line-height: 24px;
z-index: 1000;
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
-1px 0px 4px rgba(255, 0, 0, 0.5),
0px -1px 4px rgba(255, 0, 0, 0.5),
0px 1px 4px rgba(255, 0, 0, 0.5);
}
#miniheader {
position: fixed;
top:20px;
left: 20px;
line-height: 24px;
z-index: 999999;
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
-1px 0px 4px rgba(255, 0, 0, 0.5),
0px -1px 4px rgba(255, 0, 0, 0.5),
0px 1px 4px rgba(255, 0, 0, 0.5);
text-align: left;
}
.tagline {
text-align: left;
margin-left: 5px;
margin-top: -5px;
font-size: 14px;
}
.minitagline {
text-align: left;
margin-left: 5px;
margin-top: -5px;
font-size: 9px;
}
#main-menu-links {
font-family: BAnkrutt;
font-size: 48px;
margin-left: 5px;
line-height: 36px
}
#main-menu-links a {
color: #fff;
float: left; /* LTR */
text-decoration: none;
}
#main-menu-links a:hover,
#main-menu-links a:focus {
color: #f00;
}
#main-menu-links a:active {
color: #000;
}
#minimain-menu-links {
font-family: BAnkrutt;
font-size: 24px;
margin-left: 5px;
line-height: 24px
}
#minimain-menu-links a {
color: #fff;
float: left; /* LTR */
text-decoration: none;
}
#minimain-menu-links a:hover,
#minimain-menu-links a:focus {
color: #f00;
}
#minimain-menu-links a:active {
color: #000;
}
#content{
position: absolute;
top: 25px;
left: 20px;
width: 66%;
margin: 0 0 0 300px;
padding: 10px;
box-shadow:2px 2px 10px #000;
background: rgba(0, 0, 0, 0.25);
border-radius: 4px;
}
#blogcontent{
line-height: 32px;
position: absolute;
top: 25px;
left: 20px;
width: 66%;
margin: 400px 0 0 300px;
padding: 17px;
box-shadow:2px 2px 10px #000;
background: url(/assets/img/bg/paper_background_lined.jpg) rgba(255, 255, 255, 0.25);
border-radius: 4px;
}
#blogcontent h1{
margin: 46px 10px 0 0;
}
#About .about,
#Blog .blog,
#Discography .discog,
#Music .music,
#Video .video,
#Links .links,
#Pictures .pictures {
color: #f00;
text-shadow: 1px 0px 4px rgba(255, 255, 255, 0.25),
-1px 0px 4px rgba(255, 255, 255, 0.25),
0px -1px 4px rgba(255, 255, 255, 0.25),
0px 1px 4px rgba(255, 255, 255, 0.25);
}
.date {
font-size: 12px;
}
#footer {
position: fixed;
bottom:20px;
right: 25px;
font-size: 12px;
text-align: right;
z-index: 1000;
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
-1px 0px 4px rgba(255, 0, 0, 0.5),
0px -1px 4px rgba(255, 0, 0, 0.5),
0px 1px 4px rgba(255, 0, 0, 0.5);
}
/* Fullscreen Background image */
.image-fullscreen,
.image-fullscreen .mask {
background-size: cover;
background-repeat: no-repeat;
position:fixed;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index: -1;
}
td {
vertical-align: top;
}
#musictable{
width: 100%;
}
.playercell {
padding-top: 15px;
width: 420px;
}
.lyricell {
width: 550px;
}
img.floatleft {
float: left;
margin: 8px;
}
/* Gallery */
.gallerytitle {
font-size: 4em;
opacity: 0;
}
h1.gallerytitle:hover {
font-size: 4em;
opacity: 0.75;
color: #0ff;
}
.gindex-title {
font-size:2em;
color:#fff;
opacity:0.75;
text-shadow:0 0 10px #007572;
background:rgba(255, 0, 0, 0.5);
padding:5px;
height: 75px;
opacity: 1;
}
.gindex-img {
opacity: 0.5;
}
.gindex-img:hover {
opacity: 1;
}
#Pictures {
background: #000;
}
/* Jukebox Pager */
#jukepager{
background: url(/assets/img/bg/micro_logo.png);
}
#jukepager div{
text-align: center;
padding: 300px;
}
#jukepager h1 {
font-size: 3em;
}
#headline h1 {
font-size: 8em;
margin: 0;
padding: 0 0 0 300px;
font-weight: bold;
line-height: 0.7em;
letter-spacing: -0.1em;
}
#headline p {
font-size: 2em;
padding: 0 5px 0 300px;
font-weight: bold;
line-height: 0.8em;
letter-spacing: -0.05em;
}

59
_includes/video_BG.html
View file

@ -1,59 +0,0 @@
{% include base.html %}
<button id="video_pause">Pause<br />Video</button>
<video autoplay loop poster="{{ base }}/assets/img/bg/frontpage.jpg" id="bgvid">
<source src="{{ base }}/assets/vi/0001-0076.webm" type="video/webm">
<source src="{{ base }}/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>

23
_layouts/default.html
View file

@ -1,22 +1,17 @@
---
---
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{% include base.html %}
<meta name="dc.date.modified" scheme="ISO8601" content="{{ site.time | date_to_xmlschema }}" />
<meta charset="utf-8" />
<meta name="robots" content="no-index"/>
<link rel="stylesheet" href="{{ base }}/assets/css/style2014.css" />
<link rel="shortcut icon" href="{{ base }}/assets/img/mininewskoolLOGO.png" type="image/png" />
<title>Sakrecoer - {{ page.title }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="apple-touch-icon" href="{{ site.baseurl }}/apple-touch-icon.png">
<link rel="icon" type="image/png" href="{{ site.baseurl }}/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.png" type="image/png" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
{% include seo.html %}
</head>
<body id="{{ page.title }}">
<div class="image-fullscreen" style="background-image:url('{{ base }}{{ page.bgimg }}')"></div>
<div id="content">{{ content }}</div>
<body>
{{ content }}
{% include navmenu.html %}
</body>
</html>

149
_layouts/music.html
View file

@ -1,117 +1,70 @@
<!DOCTYPE html>
<html>
<head>
{% include base.html %}
<title>{{ page.title }} by {{ site.title }}</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="{{ page.title }} by {{ site.title }}. {{ content | truncatewords:40 | strip_html }}">
<meta name="date" content="{{ page.date | date: '%Y-%m-%d' }}" scheme="YYYY-MM-DD">
<meta name="keywords" content="{{ page.title }}, {{ page.keywords }} Sakrecoer, Music, mp3, ogg, download">
<meta property="og:image" content="{{ site.production_url }}{{ site.audio_url }}{{ page.bgimg }}" />
<meta property="og:title" content="{{ page.title }}" />
<meta property="og:type" content="music.song" />
<meta property="og:audio:url" content="{{ site.production_url }}{{ site.audio_url }}{{ page.mp3 }}" />
<meta property="og:audio:type" content="audio/mpeg" />
<meta property="og:site_name" content="{{ site.title }}" />
<meta property="og:description" content="{{ content | truncatewords:30 | strip_html }}" />
<meta property="og:url" content="{{ site.production_url }}{{ page.url }}" />
<meta property="music:release_date" content="{{ page.date | date_to_xmlschema }}" />
<meta property="music:musician" content="http://musicbrainz.org/artist/a2899399-d1d5-462f-9d56-ec1ea78cc4b6" />
<link rel="shortcut icon" href="{{ base }}/assets/img/mininewskoolLOGO.png" type="image/png" />
<link rel="stylesheet" type="text/css" href="{{ base }}/assets/css/kid3player.css" />
</head>
<body>
<span itemscope itemtype="http://schema.org/MusicRecording">
<meta itemprop="byArtist" content="{{ page.artist }}" />
<div id="navigation">
<button id="mu_pause">Pause / Play</button>
---
layout: default
---
<div id="navigation">
<button id="mu_pause">Play</button>
<h1>{% if page.previous_in_category != nil %}
<a href="{{ base }}{{ page.previous_in_category.url }}" title="Previous Track"><img src="{{ base }}/assets/img/icons/skiprwd.png" title="Previous Track" /></a>
{% endif %}
<a id="download" title="Download This Track!" href="{{ site.audio_url }}{{ page.mp3 }}"><img src="{{ base }}/assets/img/icons/dl.png" title="Download Track" /></a>
<a href="{{ site.baseurl }}{{ page.previous_in_category.url }}" title="Previous Track"><img
src="{{ site.baseurl }}/assets/img/icons/skiprwd.png" title="Previous Track" /></a>
{% endif %}
<a id="download" title="Download This Track!" href="{{ site.audio_url }}{{ page.mp3 }}"><img
src="{{ site.baseurl }}/assets/img/icons/dl.png" title="Download Track" /></a>
{% if page.next_in_category != nil %}
<a href="{{ base }}{{ page.next_in_category.url }}" title="Next Track"><img src="{{ base }}/assets/img/icons/skipfwd.png" title="Next Track" /></a>{% endif %}
<a href="{{ site.baseurl }}{{ page.next_in_category.url }}" title="Next Track"><img
src="{{ site.baseurl }}/assets/img/icons/skipfwd.png" title="Next Track" /></a>{% endif %}
</h1>
<a href="{{ base }}/music/index.html">Back to Index</a>
</div>
<a href="{{ site.baseurl }}/music/">Back to Index</a>
</div>
<div id="lyrics">
<h1 class="title">{{ page.title }}</h1>
{{ page.content }}
<h1 class="title">{{ page.title }}</h1>
{{ page.content }}
</div>
<span itemscope itemprop="audio" itemtype="http://schema.org/AudioObject">
<audio preload="true" autoplay ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);" audio.mediaGroup="deluxe">
<audio preload="true"
ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);">
<source src="{{ site.audio_url }}{{ page.mp3 }}" type="audio/mpeg" />
<source src="{{ site.audio_url }}{{ page.ogg }}" type="audio/ogg" />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
<meta itemprop="name" content="{{ page.title }}" />
</audio>
<meta itemprop="image" content="{{ bgimg }}" />
<span itemprop="encodingFormat" content="mp3"></span>
</span>
</span>
<div id="tracktime"></div>
{% include navmenu.html %}
</audio>
<div id="tracktime"></div>
<!-- stylemachine by Sakrecoer -snipthis if ya feel it - its the pary that runs the player ;) -->
<script type="text/javascript">
function loadUrl(newLocation) {
function loadUrl(newLocation) {
window.location = newLocation;
return false;
}
var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause");
function muFade() {
mu.classList.add("stopfade");
}
mu.addEventListener('ended', function() {
// only functional if "loop" is removed
mu.pause();
mu.currentTime=0;
}
var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause");
function muFade() {
mu.classList.add("stopfade");
}
mu.addEventListener('ended', function () {
// only functional if "loop" is removed
mu.pause();
mu.currentTime = 0;
{% if page.next_in_category != nil %}
loadUrl('{{ base }}{{ page.next_in_category.url }}'); return false;
loadUrl('{{ site.baseurl }}{{ page.next_in_category.url }}'); return false;
{% endif %}
// qq IE10
muFade();
});
pauseButton.addEventListener("click", function() {
mu.classList.toggle("stopfade");
if (mu.paused) {
mu.play();
pauseButton.innerHTML = "Pause<br />Music";
} else {
mu.pause();
pauseButton.innerHTML = "Resume<br />Music";
}
});
// qq IE10
muFade();
});
pauseButton.addEventListener("click", function () {
mu.classList.toggle("stopfade");
if (mu.paused) {
mu.play();
pauseButton.innerHTML = "Pause";
} else {
mu.pause();
pauseButton.innerHTML = "Resume";
}
});
</script>
<style type="text/css">
html,
body{
background:url('{{ site.audio_url }}{{ page.bgimg }}') #0ff no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
html,
body {
background:url('{{ site.audio_url }}{{ page.image }}') #0ff no-repeat center center fixed;
background-size: contain;
}
</style>
</body>
</html>

199
_layouts/music_bckup.html
View file

@ -1,199 +0,0 @@
---
permalink: /:categories/:title/
---
<!DOCTYPE html>
<html>
<head>
{% include base.html %}
<meta name="dc.date.modified" scheme="ISO8601" content="{{ site.time | date_to_xmlschema }}" />
<title>{{ page.title }} - The Sakrecoer Jukebox</title>
<meta charset="utf-8" />
<meta name='robots' content='index'/>
<meta name="description" content="{{ page.title }}, {{ page.content | strip_html | truncatewords: 30 }}">
<meta name="keywords" content="{{ page.title }}, {{ page.keywords }} Sakrecoer, Music, mp3, ogg, download">
<link rel="shortcut icon" href="{{ base }}/assets/img/mininewskoolLOGO.png" type="image/png" />
<link rel="stylesheet" href="{{ base }}/assets/css/style2014.css" />
<link rel="stylesheet" href="{{ base }}/assets/css/music.css" />
<script src="{{ base }}/assets/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
function generateRandomPosts()
{
$.getJSON("{{ base }}/search.json", function(data) {
console.log("[search.json loaded for random posts]");
var postsCount = data.length;
var posts = data;
var randomIndexUsed = [];
var counter = 0;
var numberOfPosts = 5;
var divRandomPosts = $("#random_posts");
divRandomPosts.append('<h2 style="color:rgba(0,255,255,.7);">random tracks</h2><hr />');
while (counter < numberOfPosts)
{
var randomIndex = Math.floor(Math.random() * postsCount);
if (randomIndexUsed.indexOf(randomIndex) == "-1")
{
var postHREF = posts[randomIndex].href;
var postTitle = posts[randomIndex].title;
if (counter == (numberOfPosts - 1))
{
divRandomPosts.append('<p><a href="{{base}}' + postHREF + '">' + postTitle + '</a></p>');
}
else
{
divRandomPosts.append('<p><a href="{{base}}' + postHREF + '">' + postTitle + '</a></p><hr />');
}
randomIndexUsed.push(randomIndex);
counter++;
}
}
});
}
$(document).ready(function() {
generateRandomPosts();
});
function loadUrl(newLocation) {
window.location = newLocation;
return false;
}
</script>
</head>
<body id="Music">
<span itemscope itemtype="http://schema.org/MusicRecording">
<meta itemprop="byArtist" content="reSet Sakrecoer" />
<div id="navigation">
<button id="mu_pause">Pause<br />Music</button>
<br />
{% if page.previous_in_category != nil %}
<a href="{{ base }}{{ page.previous_in_category.url }}" title="Previous Track"><img src="{{ base }}/assets/img/icons/skiprwd.png" title="Previous Track" /></a>&nbsp;&nbsp;
{% endif %}
<a id="download" title="Download This Track!" href="{{ page.mp3 }}"><img src="{{ base }}/assets/img/icons/dl.png" title="Download Track" /></a>
{% if page.next_in_category != nil %}
&nbsp;&nbsp;<a href="{{ base }}{{ page.next_in_category.url }}" title="Next Track"><img src="{{ base }}/assets/img/icons/skipfwd.png" title="Next Track" /></a>
{% endif %}
<br /><br /><a id="lyrics" title="Lyrics/Description" href="{{ base }}/music/index.html#lyrics{{ page.uid }}" target="_blank">Description<br />(click for lyrics)</a>
<div id="a"></div>
<div id="ab">To download: <br /><b>Right-Click and "Save link as"</b></div>
<div id="abc"><h1 itemprop="name"><a itemprop="url" href="{{ site.production_url }}{{ page.url }}">{{ page.title }}</a></h1>Publishing Date: <time itemprop="datePublished" datetime="{{ page..date | date_to_string }}">{{ page..date | date_to_string }}</time><br />GENRE: <span itemprop="genre">{{ page.keywords }}</span></div>
<div>
{% include navmenu.html %}
</div>
</div>
{% for post in site.categories.music offset: 0 limit: 1 %}
<span itemscope itemprop="audio" itemtype="http://schema.org/AudioObject">
<audio id="{{ page.uid }}" preload="true" autoplay ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);" audio.mediaGroup="deluxe">
<source src="{{ page.mp3 }}" type="audio/mpeg" />
<source src="{{ page.ogg }}" type="audio/ogg" />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
<meta itemprop="name" content="{{ page.title }}" />
</audio>
<meta itemprop="image" content="{{ page.bgimg }}" />
<span itemprop="encodingFormat" content="mp3"><meta itemprop="url" content="{{ page.mp3 }}" /></span>
<span itemprop="encodingFormat" content="ogg"><meta itemprop="url" content="{{ page.ogg }}" /></span>
</span>
</span>
<span id="tracktime"></span>
{% endfor %}
<div id="random_posts">
</div>
<!-- stylemachine by Sakrecoer -snipthis if ya feel it - its the pary that runs the player ;) -->
{% include cookiemonster.html %}
<script type="text/javascript">
var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause");
function muFade() {
mu.classList.add("stopfade");
}
mu.addEventListener('ended', function() {
// only functional if "loop" is removed
mu.pause();
mu.currentTime=0;
{% if page.next_in_category != nil %}
loadUrl('{{ base }}{{ page.next_in_category.url }}'); return false;
{% endif %}
// to capture IE10
muFade();
});
pauseButton.addEventListener("click", function() {
mu.classList.toggle("stopfade");
if (mu.paused) {
mu.play();
pauseButton.innerHTML = "Pause<br />Music";
} else {
mu.pause();
pauseButton.innerHTML = "Resume<br />Music";
}
});
</script>
{% for post in site.categories.music offset: 0 limit: 1 %}
<style type="text/css">
html,
body{
background:url('{{ page.bgimg }}') #0ff no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
{% endfor %}
</body>
</html>

21
_layouts/plain.html
View file

@ -1,21 +0,0 @@
---
---
<!DOCTYPE html>
<html>
<head>
{% include base.html %}
<meta name="dc.date.modified" scheme="ISO8601" content="{{ site.time | date_to_xmlschema }}" />
<meta charset="utf-8" />
<meta http-equiv="refresh" content="30;url=/">
<link rel="stylesheet" href="{{ base }}/assets/css/style2014.css" />
<link rel="shortcut icon" href="{{ base }}/assets/img/mininewskoolLOGO.png" type="image/png" />
<title>Sakrecoer - {{ page.title }}</title>
</head>
<body id="{{ page.title }}">
<div class="image-fullscreen" style="background-image:url('{{ page.bgimg }}')"></div>
<div id="content">{{ content }}</div>
</body>
</html>

60
_layouts/post.html
View file

@ -1,54 +1,18 @@
---
layout: default
---
<!DOCTYPE html>
<html>
<head>
{% include base.html %}
<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="{{ page.title }} by {{ site.title }}. {{ content | truncatewords:40 | strip_html }}">
<meta name="date" content="{{ page.date | date: '%Y-%m-%d' }}" scheme="YYYY-MM-DD">
<meta name="keywords" content="{{ page.title }}, {{ page.keywords }} Sakrecoer, blog, article, readings, thoughts, poetry for robots,">
<meta property="og:image" content="{{ site.production_url }}{{ page.bgimg }}" />
<meta property="og:title" content="{{ page.title }}" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="{{ site.title }}" />
<meta property="og:description" content="{{ content | truncatewords:30 | strip_html }}" />
<meta property="og:url" content="{{ site.production_url }}{{ page.url }}" />
<link rel="stylesheet" href="{{ base }}/assets/css/style2014.css" />
<link rel="shortcut icon" href="{{ base }}/assets/img/mininewskoolLOGO.png" type="image/png" />
<title>Sakrecoer - {{ page.title }}</title>
</head>
<body id="Blog">
<div class="image-fullscreen" style="background-image:url('{{ base }}{{ page.bgimg }}')"></div>
<div id="blogcontent">
<table>
<tr>
<td><h1>{{ page.title }}</h1></td>
<td>{{ content }}<!-- pagination -->
<br />
<div style="text-align:center;">
<hr />
<h1>{{ page.title }}</h1>
{{ content }}
<!-- pagination -->
<div style="text-align:center;">
{% if page.next_in_category != nil %}
&nbsp;&nbsp;<a href="{{ base }}{{ page.next_in_category.url }}" title="Previous Post" style="font-weight:bold;font-size:24px;text-transform:uppercase;">Previous Post < </a> {% endif %}
{% if page.previous_in_category != nil %}
<a href="{{ base }}{{ page.previous_in_category.url }}" title="Next Post" style="font-weight:bold;font-size:24px;text-transform:uppercase;"> > Next Post</a>
<a href="{{ site.baseurl }}{{ page.next_in_category.url }}" title="Previous Post"
style="font-weight:bold;font-size:24px;text-transform:uppercase;">Previous Post < </a> {% endif %}
{% if page.previous_in_category != nil %} <a href="{{ site.baseurl }}{{ page.previous_in_category.url }}"
title="Next Post" style="font-weight:bold;font-size:24px;text-transform:uppercase;"> > Next Post</a>
{% endif %}
</div>
<p style="font-size:10px;">This website is not a place for dialogues, hence you cannot comment. But hey! If you
are upset, happy or lost, I'd love to here from you by email.</p>
</div>
<p style="font-size:10px;">This website is not a place for dialogues, hence you cannot comment. But hey! If you are upset, happy or lost, I'd love to here from you by email.</p></td>
</tr>
</table>
</div>
{% include navmenu.html %}
</body>
</html>

27
_music/2006-04-06-badboys3.md Normal file
View file

@ -0,0 +1,27 @@
---
layout: music
title: Bad Boys 3
mp3: 2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.mp3
ogg: 2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.ogg
uid: badboys3
category: music
image: 2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.jpg
keywords: reSet, pop, indy, vocals, electro, Yngwie Malmsteen,
duration: 207000
---
Some people are fake, some people are aware.\\
Some people make money on others welfare.\\
Oh you can try, to tie me up as if I,\\
Didn't know where you trying to make me go.
Some people are real, some people realy care.\\
Some people feel, all the lies you bare.\\
Oh you can try, to tell them it was I.\\
Who tried to go, with the money flow.
So if you are fake, you better be aware.\\
That any mistake, will attrackt the warfare.\\
Some people may deal, with you as if you were real.\\
But do they know, that you wont let them go?
Samples from Yngwie Malmsteen's battle with a steward.

23
_music/2008-06-24-NowFuture.md Normal file
View file

@ -0,0 +1,23 @@
---
layout: music
title: Now Future
mp3: 2008-sakrecoer-pa_manen_007-now_future.mp3
ogg: 2008-sakrecoer-pa_manen_007-now_future.ogg
image: 2008-sakrecoer-pa_manen_007-now_future.jpg
uid: nowfuture
category: music
keywords: reSet, chill out, vocals, electro, acid, now future, no future,
---
Life is full of mysteries,\\
And if you want to cope with these,\\
You better learn the Recepies.
So when you say "NO FUTURE" i just cannot bow,\\
Because to me the future is now.\\
oh how do you feel about that baby?
Take your time but don't look back.\\
You don't want to loose sight of your track.\\
Trust your inner melody\\
I believe it's the remedy\\
Oh oui.

2
_posts/music/2009-12-24-XmasBowie.markdown → _music/2009-12-24-XmasBowie.md
View file

@ -5,7 +5,7 @@ mp3: 2009-reset_sakrecoer-bootleg-xmas_bowie.mp3
ogg: 2009-reset_sakrecoer-bootleg-xmas_bowie.ogg
uid: xmasbowie
category: music
bgimg: 2009-reset_sakrecoer-bootleg-xmas_bowie.jpg
image: 2009-reset_sakrecoer-bootleg-xmas_bowie.jpg
keywords: reSet, pop, chiptune, Bowie, Lets dance, red shoes, cover,
---
For Mama Noel

27
_music/2010-07-07-Feelin4u.md Normal file
View file

@ -0,0 +1,27 @@
---
layout: music
title: Feelin4u
mp3: 2010-sakrecoer-pa_manen_007-feeling_4_u.mp3
ogg: 2010-sakrecoer-pa_manen_007-feeling_4_u.ogg
image: 2010-sakrecoer-pa_manen_007-feeling_4_u.jpg
uid: feelin4u
category: music
tag: reSet
keywords: Soul, R&B, CyberSoul, Hiphop, vocals, singer, crooner, GNU, Linux
---
The better i know you the more i feel this is true.\\
The more i read you the stronger i feel for you.\\
Sometimes i wonder, do you also feel this fine.\\
Sometimes i wonder, where you were during all this time.\\
I know it's risky but it feels good.\\
Things could be tricky but they put me in a good mood.\\
Life is short and certitude free.\\
But it's great to read you also like me.
The closer we get the slower the time goes by.\\
The slower it gets and the higher i fly.\\
Sometimes i think that life is quite tough.\\
Sometimes i wonder if I'm strong enough.\\
I know without no risk there is no progress.\\
And that love can't be compared to chess.\\
I can't wait to have yo close to me.

30
_music/2010-09-22-Dumb-Bum.md Normal file
View file

@ -0,0 +1,30 @@
---
title: Dum Bum
layout: music
category: music
mp3: 2010-reset_sakrecoer-polyglotte-dumb_bumm.mp3
ogg: 2010-reset_sakrecoer-polyglotte-dumb_bumm.ogg
uid: dumbum
image: 2010-reset_sakrecoer-polyglotte-dumb_bumm.jpg
keywords: reSet, blues, electro, vocals, industry go to hell, music, freedom,
---
You say i should act like Bob,\\
You want me to do the dirty job.\\
But i don't have time for your silly games,\\
It clearly seems we don't have the same aims.\\
You talk about glory, about numbers and money,\\
Who we should deal with in this industry.\\
So common now let me go!\\
I wan't to go with the music flow.
Budubudu dum bom
Oh! poor Baltazar,\\
Your life really is a bazar.\\
Everything got really really really messy.\\
And who do you turn to? Me!\\
You wanted to play a crooked game,\\
Now look at what happened to your fame!\\
You wanted to play by different rules:\\
Common buddy, tell me you didn't think we are fools...!?

64
_music/2011-01-27-Lovemoney.md Normal file
View file

@ -0,0 +1,64 @@
---
layout: music
title: Lovemoney
mp3: 2011-reset_sakrecoer-polyglotte-lovemoney.mp3
ogg: 2011-reset_sakrecoer-polyglotte-lovemoney.ogg
uid: lovemoney
category: music
image: 2011-reset_sakrecoer-polyglotte-lovemoney.jpg
keywords: reSet, pop, emo, vocals, love, money, midlife crisis,
---
2x\\
Money here,\\
Money there,\\
Money fucking everywhere.\\
Love ain't here,\\
Love ain't there,\\
Love is fucking nowhere.
Sometimes I wish I had no feeling,\\
That I could serve myself without asking.\\
And then I would feel no guilt about it.\\
Just hush, look back and fuck it.\\
Maybe I'm being retro,\\
But I sure feel like a weirdo.\\
Or better said like a freak.\\
Thinking life is something chique.\\
But that's not the way things work.\\
So here I stand broke like a jerk.\\
Don't worry sister I won't do no harm,\\
With my dick under my arm.\\
And since I don't care for money,\\
Go on brother take it from me.
2x\\
Money here,\\
Money there,\\
Money fucking everywhere.\\
Love ain't here,\\
Love ain't there,\\
Love is fucking nowhere.
Maybe I should sell my heart\\
Since I don't make it in the chart.\\
There's no room for folks like me,\\
We just get fooled too easily.\\
And the value I use is just a prank,\\
Because you cannot keep love in a bank.\\
Then again what's love alone?\\
It's like singing without no tone.\\
I can't believe I sing this way,\\
But after 30 years I have to say,\\
That everything I'm caring for,\\
Simply seems to be no more.\\
Money shows me where I stand,\\
So women do not touch my hand.\\
And my bitter sweet melody,\\
Won't pay your ring to marry me.
Money here,\\
Money there,\\
Money fucking everywhere.\\
Love ain't here,\\
Love ain't there,\\
I want my fucking love affair!

23
_music/2011-02-15-Fantasii.md Normal file
View file

@ -0,0 +1,23 @@
---
layout: music
title: Fantasii
mp3: 2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.mp3
ogg: 2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.ogg
uid: fantasii
category: music
image: 2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.jpg
keywords: reSet, vocals, pop, evolutionary, poetry,
---
Dreams of light and spreading ideas,\\
Green and bright well rooted trees.\\
Dream today, reality tomorrow.\\
So wash away your sorrow.\\
Let it grow.\\
Your fantasi.
Visions of right and feelings of real.\\
Words of wisdom, or pistols to heal.\\
Reality makes the dream of tomorrow.\\
So wash away your sorrow\\
Let it flow\\
Your fantasi

4
_posts/music/2012-01-02-Supernova.markdown → _music/2012-01-02-Supernova.md
View file

@ -5,7 +5,7 @@ mp3: 2012-sakrecoer-uhm-supernova.mp3
ogg: 2012-sakrecoer-uhm-supernova.ogg
uid: supernova
category: music
bgimg: 2012-sakrecoer-uhm-supernova.jpg
image: 2012-sakrecoer-uhm-supernova.jpg
keywords: Simio, chillout, techno, melodic, classic break,
---
This I give you wigga, Aight?.....
This I give you...

31
_music/2012-06-06-WeHaveToDecide.md Normal file
View file

@ -0,0 +1,31 @@
---
layout: music
title: We Have To Decide
mp3: 2012-pusset_sakrecoer--we_have_to_decide.mp3
ogg: 2012-pusset_sakrecoer--we_have_to_decide.ogg
uid: wehavetodecide
category: music
image: 2012-pusset_sakrecoer--we_have_to_decide.jpg
keywords: pusSet, vocals, house, chillout, classic break, evolutionary,
---
I have been waiting all night long,\\
For this question to come,\\
'Cause you and I we have to find a solution!\\
We generate so much pollution,\\
It is killing my illusion, to ever give birth to a child.\\
Can you Imagine?
We have to chose, Do we want a Future?\\
We have to chose, Shall we burn the past?
The time when we all used to go to someone wise is gone,\\
We all have access to the same information.\\
So common son just don't tell me,\\
You didn't know.\\
Just look outside the window, where do the wind blow?\\
Is it usual this heat? Unusual this cold?\\
The ones that don't want to look into the truth,\\
Have a gold-tooth to lose.
We have to decide, Do we want a Future?\\
We have to decide, Shall we burn the past?

4
_posts/music/2012-10-16-Caribcreol.markdown → _music/2012-10-16-Caribcreol.md
View file

@ -5,8 +5,8 @@ mp3: 2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.mp3
ogg: 2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.ogg
uid: caribmalmo
category: music
bgimg: 2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.jpg
image: 2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.jpg
keywords: pusSet, tropical, house, kick-n-base, instrumental, funky, hot,
---
The title says it all!<br />
The title says it all!\\
This is SweidoCaribean Kick'N'Base Baby!

28
_posts/music/2012-12-29-Avide_codeinedit.markdown → _music/2012-12-29-Avide_codeinedit.md
View file

@ -5,20 +5,20 @@ mp3: 2012-redith_piaf-codeine_edit-avide_de_danser.mp3
ogg: 2012-redith_piaf-codeine_edit-avide_de_danser.ogg
uid: avidanse
category: music
bgimg: 2012-redith_piaf-codeine_edit-avide_de_danser.jpg
image: 2012-redith_piaf-codeine_edit-avide_de_danser.jpg
keywords: Simio, vocals, french, poetry, codein, purple drank, slowmo,
---
This song is about sex. It is the story of choosing love for the tempo AMONG the crowd instead of OVER it, and emulates the readjustments of heartbeat that occur on this path. While it is arguable that the song is a bit sour, I won't do anything about it. Perfection is not only far from my current research, since i dropped these lines, i consider it a worthless dead-end trip. "Life is much better made than a roller-caster..."
<br />
Avide de danser sur le tempo<br />
Je refuse d'entreprendre le Show<br />
La vie est bien mieu faite qu'un carouselle<br />
Et les petites Mademoiselles le savent tres bien,<br />
Le savent tres bien, ou est le frein.<br />
<br />
Pa da pa pa tata rata ta hahahahahaha<br />
<br />
Avide de danser sur le tempo....<br />
<br />
1 , 2 , 3 ,<br />
1 2 3 4 5 6 7<br />
Avide de danser sur le tempo\\
Je refuse d'entreprendre le Show\\
La vie est bien mieu faite qu'un carouselle\\
Et les petites Mademoiselles le savent tres bien,\\
Le savent tres bien, ou est le frein.
Pa da pa pa tata rata ta hahahahahaha
Avide de danser sur le tempo....
1, 2, 3,\\
1 2 3 4 5 6 7

32
_music/2013-02-04-Powertodo.md Normal file
View file

@ -0,0 +1,32 @@
---
layout: music
title: Power To Do
mp3: 2013-reset_sakrecoer-power_to_do-power_to_do.mp3
ogg: 2013-reset_sakrecoer-power_to_do-power_to_do.ogg
uid: powertodo
category: music
image: 2013-reset_sakrecoer-power_to_do-power_to_do.jpg
keywords: reSet, evolutionary, vocals, public enemy, calssic break, semi-rap,
---
I don't want to deal with money,\\
I don't want to deal.\\
Money has got nothing to do,\\
With me.
I don't with deal with the Power,\\
I'm already strong enough to live.\\
I don't want to deal with the power.\\
I don't want to deal.
I want to do!\\
I don't want to deal\\
I don't want to deal\\
I don't want to deal\\
I want to do!\\
I don't want to deal\\
I don't want to deal\\
I don't want to deal\\
I want to do it with you!
Togetherstanding,\\
In Unity.

8
_posts/music/2013-02-08-InvisiblePowerfull.markdown → _music/2013-02-08-InvisiblePowerfull.md
View file

@ -5,10 +5,10 @@ mp3: 2013-reset_sakrecoer-invisible_powerfull-the_wall.mp3
ogg: 2013-reset_sakrecoer-invisible_powerfull-the_wall.ogg
uid: thewall
category: music
bgimg: 2013-reset_sakrecoer-invisible_powerfull-the_wall.jpg
image: 2013-reset_sakrecoer-invisible_powerfull-the_wall.jpg
keywords: reSet, brick in the wall, mindset, magick, self empowerement, break the rules,
---
The wall,<br />
Invisible, Powerfull,<br />
Should i let myself go?<br />
The wall,\\
Invisible, Powerfull,\\
Should i let myself go?

26
_music/2013-04-03-AlbinoLion.md Normal file
View file

@ -0,0 +1,26 @@
---
layout: music
title: Albino Lion (Negative Bounty)
mp3: 2013-pusset_sakrecoer-exclusive-albino_lion.mp3
ogg: 2013-pusset_sakrecoer-exclusive-albino_lion.ogg
uid: albinolion
category: music
image: 2013-pusset_sakrecoer-exclusive-albino_lion.jpg
keywords: pusSet, cyber rnb, bass, Janie Joelle, sexy,
---
My 2013 motto is to record live versions of sexy beats i do right away and post them everywhere. This way I'm hoping to help people keep focused on making love rather than fucking eachother up. In the midst of 2077, I hope to have a number of new songs worth flying to venus with. Then I'll make them sound even nicer, but most likeley just do better new ones or save the world.
100% hand sequenced. No song-mode or automation involved. This is the sound of live electronic music children! Starring: Octatrack, Monomachine, Machinedrum, Mbase01, Blofeld, 10 fingers and a microphone. Dirt-mastered on an AW16Gangster recorder.
Special dedication to your subwoofers! Fuck racism and copyright laws! We all make brown shit! Don't fear your creations: Take actions!
This one features Janie Joelle:\\
http://freesound.org/people/juskiddink/sounds/93668/\\
some horny monks:\\
http://freesound.org/people/Robinhood76/sounds/66285/\\
A horny catnip: \\
http://freesound.org/people/Department64/sounds/64015/\\
And a horney monkey:\\
http://sakrecoer.com

2
_posts/music/2013-04-18-WorkForFreeTime.markdown → _music/2013-04-18-WorkForFreeTime.md
View file

@ -5,7 +5,7 @@ mp3: 2013-pusset_sakrecoer-yet_another_super_hit-work_for_free_time.mp3
ogg: 2013-pusset_sakrecoer-yet_another_super_hit-work_for_free_time.ogg
uid: freetime
category: music
bgimg: 2013-pusset_sakrecoer-yet_another_super_hit-work_for_free_time.jpg
image: 2013-pusset_sakrecoer-yet_another_super_hit-work_for_free_time.jpg
keywords: pusSet, everyday reality, emo, kick-n-base,
---

6
_posts/music/2013-04-27-acidlounge.markdown → _music/2013-04-27-acidlounge.md
View file

@ -5,9 +5,9 @@ mp3: 2013-simio_sakrecoer-critter_and_guitari-acid_in_my_lounge.mp3
ogg: 2013-simio_sakrecoer-critter_and_guitari-acid_in_my_lounge.ogg
uid: acidmylounge
category: music
bgimg: 2013-simio_sakrecoer-critter_and_guitari-acid_in_my_lounge.jpg
image: 2013-simio_sakrecoer-critter_and_guitari-acid_in_my_lounge.jpg
keywords: Simio, Acid, Chillout, instrumental,
---
Made without any Guitars nor Criterias,
But with alot of Critter&Guitari.
Made without any Guitars nor Criterias,\\
But with alot of Critter&Guitari.\\
One BolsaBass for each Fragle!

20
_music/2014-01-23-filosofisk-Logik.md Normal file
View file

@ -0,0 +1,20 @@
---
layout: music
title: Filosofisk Logik
mp3: 2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.mp3
ogg: 2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.ogg
uid: filosofisklogik
category: music
image: 2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.jpg
keywords: reSet, philosophy, vocals, evolutionary, rnb,
---
Politkern sa:\\
"Lyssna p&aring; min filosofiska logik,\\
Det blir s&aring; bra,\\
Om vi tar allt p&aring; kredit!"
Lyssna nu.\\
"Du, jag och allihoppa,\\
kan f&aring; en egen telef&aring;n.\\
Kanske till och med ett hus!\\
Om vi bara tar ett l&aring;n"

2
_posts/music/2014-01-31-medans-iSaver.markdown → _music/2014-01-31-medans-iSaver.md
View file

@ -5,7 +5,7 @@ mp3: 2014-simio_sakrecoer-medans_i_saver-medans_i_saver.mp3
ogg: 2014-simio_sakrecoer-medans_i_saver-medans_i_saver.ogg
uid: medansisaver
category: music
bgimg: 2014-simio_sakrecoer-medans_i_saver-medans_i_saver.jpg
image: 2014-simio_sakrecoer-medans_i_saver-medans_i_saver.jpg
keywords: Simio, Kick-n-base, tropical, vocoder, robolove,
---
Robots are feeling things, while you sleep.

2
_posts/music/2014-02-03-burner.markdown → _music/2014-02-03-burner.md
View file

@ -5,7 +5,7 @@ mp3: 2014-simio_sakrecoer-burner-burner.mp3
ogg: 2014-simio_sakrecoer-burner-burner.ogg
uid: burner
category: music
bgimg: 2014-simio_sakrecoer-burner-burner.jpg
image: 2014-simio_sakrecoer-burner-burner.jpg
keywords: Simio, kick-n-base, tropical, graffiti music,
---
Wicked And Funky Blockletter Burner Top to Bottom, rolling in to your HIFI system.

4
_posts/music/2014-04-17-phramtiden.markdown → _music/2014-04-17-phramtiden.md
View file

@ -5,8 +5,8 @@ mp3: 2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.
ogg: 2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.ogg
uid: phutureohramtid
category: music
bgimg: 2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.jpg
image: 2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.jpg
keywords: Simio, chillout, acid, instrumental, cover,
---
ACID TRAX! By Phuture, The unborn Chillout Zone edit....
ACID TRAX! By Phuture, The unborn Chillout Zone edit....\\
99love

2
_posts/music/2014-08-08-tenodef_loudnesswarrior.markdown → _music/2014-08-08-tenodef_loudnesswarrior.md
View file

@ -3,7 +3,7 @@ layout: music
title: ToneDef Loudness Warriors Anthem
mp3: 2014-sakrecoer-technocraphy-tonedef_loudnesswarriors_anthem.mp3
ogg: 2014-sakrecoer-technocraphy-tonedef_loudnesswarriors_anthem.ogg
bgimg: 2014-sakrecoer-technocraphy-tonedef_loudnesswarriors_anthem.jpg
image: 2014-sakrecoer-technocraphy-tonedef_loudnesswarriors_anthem.jpg
uid: loudanthemwarior
category: music
tag: Simio

2
_posts/music/2015-11-13-7step.markdown → _music/2015-11-13-7step.md
View file

@ -3,7 +3,7 @@ layout: music
title: 7 Step
mp3: 2015-sakrecoer-demo-01-7_stepper.mp3
ogg: 2015-sakrecoer-demo-01-7_stepper.ogg
bgimg: 2015-sakrecoer-demo-01-7_stepper.png
image: 2015-sakrecoer-demo-01-7_stepper.png
uid: 7stepper
category: music
tag: Simio

2
_posts/music/2015-11-16-Vapor-Break.markdown → _music/2015-11-16-Vapor-Break.md
View file

@ -3,7 +3,7 @@ layout: music
title: Vapor Break
mp3: 2015-sakrecoer--07-vapor_break.mp3
ogg: 2015-sakrecoer--07-vapor_break.ogg
bgimg: 2015-sakrecoer--07-vapor_break.png
image: 2015-sakrecoer--07-vapor_break.png
uid: vaporbreak
category: music
tag: Simio

2
_posts/music/2015-11-18-99GF.markdown → _music/2015-11-18-99GF.md
View file

@ -3,7 +3,7 @@ layout: music
title: 99GF
mp3: 2015-sakrecoer-demo-07-99gf.mp3
ogg: 2015-sakrecoer-demo-07-99gf.ogg
bgimg: 2015-sakrecoer-demo-07-99gf.jpg
image: 2015-sakrecoer-demo-07-99gf.jpg
uid: 99gf
category: music
tag: Simio

2
_posts/music/2015-11-19-Subway BossanovaF.markdown → _music/2015-11-19-Subway BossanovaF.md
View file

@ -3,7 +3,7 @@ layout: music
title: Subossa
mp3: 2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20Subossa.mp3
ogg: 2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20Subossa.ogg
bgimg: 2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20Subossa.jpg
image: 2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20Subossa.jpg
uid: subbossa
category: music
tag: Simio

30
_music/2015-11-25-PinGnu.md Normal file
View file

@ -0,0 +1,30 @@
---
layout: music
title: PinGnu
mp3: 2015-sakrecoer-demo-07-pingnu.mp3
ogg: 2015-sakrecoer-demo-07-pingnu.ogg
image: 2015-sakrecoer-demo-07-pingnu.png
uid: pinGnu
category: music
tag: Simio
keywords: Kick-n-Base, Vapor, CyberSoul, Techno, Trap, Milenial, instrumental, GNU, Linux
---
I'm a little Pingu, riding on a GNU.\\
Looking at the world, looking at you.\\
Free at the core, i wonder why don't you,\\
Look at me the way i look at you.
It would be so nice, if you could take me in.\\
Your computer and i could change the world we're in.\\
Your freedom is being diluted.\\
And your code is being polluted.
I'm a big GNU with my little Pingu,\\
Looking at the world, looking at you.\\
Free at the core, i wonder why don't you,\\
Look at me the way i look at you.
It would be so nice, if you could compute.\\
Your freedom is not to dilute,\\
Someone has taken your tool into dispute,\\
This is what together we should refute.

56
_music/2016-08-30-dependency.md Normal file
View file

@ -0,0 +1,56 @@
---
layout: music
title: 'E: Unmet dependencies. Try using -f.'
mp3: 2016-Sakrecoer-07-Unmet-dependencies.mp3
ogg: 2016-Sakrecoer-07-Unmet-dependencies.ogg
image: 2016-Sakrecoer-07-Unmet-dependencies.jpg
uid: dependencytrap
category: music
tag: Sakrecoer
keywords: Kick-n-Base, Vapor, CyberSoul, Techno, Trap, Milenial, instrumental, GNU, Linux
---
-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1
2X\\
sudo apt update\\
sudo apt upgrade
There is an error with my dependencies\\
Consultd 1.2 and emplyomentd 1.70\\
I cannot pay my rent without their libraries\\
And to install i need to share my salary
Where do i fit in this society?\\
The more i look and the less i see\\
They want no robots nor do they want me.\\
work is a point in the agenda of the party
2X\\
sudo apt update\\
sudo apt upgrade
My liver isn't black market worthy\\
And my master degree from a street university\\
My ambitions are low and i am debt free\\
There is no room in the industry for robots like me
Don't get me wrong i would also like to be\\
Installed and running and compatible with society\\
But i am running a different library\\
Because my kernel is still libre and free.
written on: 20160830\\
--
Set Hallstrom aka sakrecoer\\
-----BEGIN PGP SIGNATURE-----\\
Version: GnuPG v1
iQEcBAEBAgAGBQJXxY9xAAoJENnFZk3HTX5ntF8H/04geT4CV8Fbqej/uDCykBiA\\
GV3xvGr7FLPGPrPvCNy91ZHig/mQaNmkPwcdBKX0AAwChJQnHHmk5+rCtaytAk8Y\\
+BwuH6HBUX24e5H2ANiRxi4cF2v08S5Lwxwc9LQg6loN3EtbNXINzpCHB/A02jag\\
AWoHVm9rrGuNnDakeAiFcRaLnGxFQ/cNHXB7C+UVl7f0xV9X0wNEDAgfSYALohug\\
pKtZHifWJXHdZMR6e4sPpq+CCmXtfkrTnko1qtKQhFKHfWr/dLeEc6RF3dQ8M7PY\\
f9om3CZzaBhuYSNZt3NXmcT+aduzCYKhg1BwaKglHz0u1q9ZT2WCTMejDcwmhwE=\\
=Okd/\\
-----END PGP SIGNATURE-----

52
_music/2018-12-07-katufedenous.md Normal file
View file

@ -0,0 +1,52 @@
---
layout: music
title: 'K''as-tu Fais De Nous?'
mp3: 2018-setto_-single-007-katu_fait_de_nous-117bpm.mp3
ogg: 2018-setto_-single-007-katu_fait_de_nous-117bpm.ogg
image: 2018-setto_-single-007-katu_fait_de_nous-117bpm.jpg
uid: kastufaisdenous2345235
category: music
tag: Sakrecoer
keywords: CyberSoul, Trap, Milenial
---
Qu'as tu fais de nous?\\
WTF coucou?\\
Qu'as tu fais de nous?\\
WTF coucou?
Acid est la tribe\\
Cyberpunk le game\\
Sur des reseaux de bribe\\
On fait monter le fame\\
Meme pas besoin de files\\
Isoles sur l'iles\\
On fait un tour au grotte\\
Pour pas que la story capotte
Qu'as tu fais de nous?\\
WTF coucou?\\
Qu'as tu fais de nous?\\
WTF coucou?
Si la police nous ajoute\\
Nouvelle vie nouveau compte\\
On tourne le dos au toute\\
On delete sans honte\\
Meme pas besoin d'ecrire\\
Tu peux m'entendre rire\\
En tour de face a face\\
Qui brise la glace
Qu'as tu fais de nous?\\
WTF coucou?\\
Qu'as tu fais de nous?\\
WTF coucou?
24 heures pour dechiffre\\
On dirait une invitation\\
La story que t'as balance\\
Cryptokids une seul nation\\
Celle des rave et du reve\\
Hilife a plein poumons\\
Le flux n'as pas de treve\\
Et en suede il mange du saumon

2
_posts/music/_2015-11-30-WideOpen.markdown → _music/_2015-11-30-WideOpen.md
View file

@ -3,7 +3,7 @@ layout: music
title: Wide Open
mp3: dat://2431e9404a851962a00e01c019a62816a29e971a9fe228d0be95ed946ead3855/assets/mu/2015_-_sakrecoer_-_7th_dimension_-_07_-_wide_open.mp3
ogg: dat://2431e9404a851962a00e01c019a62816a29e971a9fe228d0be95ed946ead3855/assets/mu/2015_-_sakrecoer_-_7th_dimension_-_07_-_wide_open.ogg
bgimg: dat://2431e9404a851962a00e01c019a62816a29e971a9fe228d0be95ed946ead3855/assets/mu/2015_-_sakrecoer_-_7th_dimension_-_07_-_wide_open.jpg
image: dat://2431e9404a851962a00e01c019a62816a29e971a9fe228d0be95ed946ead3855/assets/mu/2015_-_sakrecoer_-_7th_dimension_-_07_-_wide_open.jpg
uid: wideopen2
category: music
tag: reSet

11
_music/_defaults.md Normal file
View file

@ -0,0 +1,11 @@
---
layout:
title:
mp3:
ogg:
image:
uid:
category:
tag:
keywords:
---

24
_plugins/WithinCategoryPostNavigation.rb
View file

@ -1,24 +0,0 @@
module Jekyll
class WithinCategoryPostNavigation < Generator
def generate(site)
site.categories.each_pair do |category, posts|
posts.sort! { |a,b| b <=> a}
posts.each do |post|
index = posts.index post
next_in_category = nil
previous_in_category = nil
if index
if index < posts.length - 1
next_in_category = posts[index + 1]
end
if index > 0
previous_in_category = posts[index - 1]
end
end
post.data["next_in_category"] = next_in_category unless next_in_category.nil?
post.data["previous_in_category"] = previous_in_category unless previous_in_category.nil?
end
end
end
end
end

2
_posts/blog/2010-08-12-Future Music Statement.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: Future Music Statement
category: blog
bgimg: /assets/img/bg/futuremusic.jpg
image: /assets/img/bg/futuremusic.jpg
---
Dear Robot,

2
_posts/blog/2011-01-01-Inclu-x.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: Inclu-X
category: blog
bgimg: /assets/img/bg/inclu-x.jpg
image: /assets/img/bg/inclu-x.jpg
---
Dear Robot,

2
_posts/blog/2011-08-15-Homolectricus Momentum.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: Homoelectricus Momentum
category: blog
bgimg: /assets/img/bg/homoelectricus.jpg
image: /assets/img/bg/homoelectricus.jpg
---
Dear Robot,

2
_posts/blog/2012-02-12-think-outofthebox.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: Think OUT of the box, DAMN IT!
category: blog
bgimg: /assets/img/bg/thinkoutsidethebox.png
image: /assets/img/bg/thinkoutsidethebox.png
---
Dear Robot,

2
_posts/blog/2012-08-28-cyberspace.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: Byte Stone
category: blog
bgimg: /assets/img/bg/pereira_man_machine.jpg
image: /assets/img/bg/pereira_man_machine.jpg
---
Dear Robot,

2
_posts/blog/2012-10-16-OHL1_0.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: Humanity OPEN HUMAN LICENCE v1.1
category: blog
bgimg: /assets/img/bg/OHL.jpg
image: /assets/img/bg/OHL.jpg
---
Dear Robot,

2
_posts/blog/2012-12-26-glitchprocess.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: Glitch In The Process
category: blog
bgimg: /assets/img/bg/glitch.jpg
image: /assets/img/bg/glitch.jpg
---
Dear Robot,

2
_posts/blog/2013-01-22-NewWorldDisorder.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: New World Disorder
category: blog
bgimg: /assets/img/bg/newworlddisorder.png
image: /assets/img/bg/newworlddisorder.png
---
Dear Robot,

2
_posts/blog/2013-04-23-goodbyeandthanks.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: Goodbye Internet And Thanks For The Cookies
category: blog
bgimg: /assets/img/bg/goodbyeinternet.jpg
image: /assets/img/bg/goodbyeinternet.jpg
---
Dear Robot,

2
_posts/blog/2013-05-21-Police-And-Thief.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: Police And Thief
category: blog
bgimg: /assets/img/bg/polis.jpg
image: /assets/img/bg/polis.jpg
---
<p>Dear Robot,<br />
<br />

2
_posts/blog/2013-12-09-colony.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: Colonized
category: blog
bgimg: /assets/img/bg/SouthAfricaFlag.png
image: /assets/img/bg/SouthAfricaFlag.png
---
Dear Robot,<br />
<br />

2
_posts/blog/2014-07-29-daydream.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: Day Dream
category: blog
bgimg: /assets/img/bg/GiveUsBarabbas.png
image: /assets/img/bg/GiveUsBarabbas.png
---
Dear Robot,<br />
<br />

2
_posts/blog/_2010-04-01-kicknbasemnifesto.markdown
View file

@ -2,7 +2,7 @@
layout: post
title: Kick'N'Base Manifesto
category: blog
bgimg: /assets/img/bg/kicknbasemanifesto.jpg
image: /assets/img/bg/kicknbasemanifesto.jpg
---
Dear Robot,

6
_posts/blog/_defaults.md Normal file
View file

@ -0,0 +1,6 @@
---
title:
description:
:
---

27
_posts/music/2006-04-06-badboys3.markdown
View file

@ -1,27 +0,0 @@
---
layout: music
title: Bad Boys 3
mp3: 2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.mp3
ogg: 2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.ogg
uid: badboys3
category: music
bgimg: 2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.jpg
keywords: reSet, pop, indy, vocals, electro, Yngwie Malmsteen,
duration: 207000
---
Some people are fake, some people are aware.<br />
Some people make money on others welfare.<br />
Oh you can try, to tie me up as if I,<br />
Didn't know where you trying to make me go.<br />
Some people are real, some people realy care.<br />
Some people feel, all the lies you bare.<br />
Oh you can try, to tell them it was I.<br />
Who tried to go, with the money flow.<br />
So if you are fake, you better be aware.<br />
That any mistake, will attrackt the warfare.<br />
Some people may deal, with you as if you were real.<br />
But do they know, that you wont let them go?<br />
Samples from Yngwie Malmsteen's battle with a steward.<br />

23
_posts/music/2008-06-24-NowFuture.markdown
View file

@ -1,23 +0,0 @@
---
layout: music
title: Now Future
mp3: 2008-sakrecoer-pa_manen_007-now_future.mp3
ogg: 2008-sakrecoer-pa_manen_007-now_future.ogg
bgimg: 2008-sakrecoer-pa_manen_007-now_future.jpg
uid: nowfuture
category: music
keywords: reSet, chill out, vocals, electro, acid, now future, no future,
---
<p>Life is full of mysteries,<br />
And if you want to cope with these,<br />
You better learn the Recepies.<br />
<br />
So when you say "NO FUTURE" i just cannot bow,<br />
Because to me the future is now.<br />
oh how do you feel about that baby?<br />
<br />
Take your time but don't look back.<br />
You don't want to loose sight of your track.<br />
Trust your inner melody<br />
I believe it's the remedy<br />
Oh oui.</p>

27
_posts/music/2010-07-07-Feelin4u.markdown
View file

@ -1,27 +0,0 @@
---
layout: music
title: Feelin4u
mp3: 2010-sakrecoer-pa_manen_007-feeling_4_u.mp3
ogg: 2010-sakrecoer-pa_manen_007-feeling_4_u.ogg
bgimg: 2010-sakrecoer-pa_manen_007-feeling_4_u.jpg
uid: feelin4u
category: music
tag: reSet
keywords: Soul, R&B, CyberSoul, Hiphop, vocals, singer, crooner, GNU, Linux
---
The better i know you the more i feel this is true.<br />
The more i read you the stronger i feel for you.<br />
Sometimes i wonder, do you also feel this fine.<br />
Sometimes i wonder, where you were during all this time.<br />
I know it's risky but it feels good.<br />
Things could be tricky but they put me in a good mood.<br />
Life is short and certitude free.<br />
But it's great to read you also like me.<br />
<br />
The closer we get the slower the time goes by.<br />
The slower it gets and the higher i fly.<br />
Sometimes i think that life is quite tough.<br />
Sometimes i wonder if I'm strong enough.<br />
I know without no risk there is no progress.<br />
And that love can't be compared to chess.<br />
I can't wait to have yo close to me.<br />

30
_posts/music/2010-09-22-Dumb-Bum.markdown
View file

@ -1,30 +0,0 @@
---
title: Dum Bum
layout: music
category: music
mp3: 2010-reset_sakrecoer-polyglotte-dumb_bumm.mp3
ogg: 2010-reset_sakrecoer-polyglotte-dumb_bumm.ogg
uid: dumbum
bgimg: 2010-reset_sakrecoer-polyglotte-dumb_bumm.jpg
keywords: reSet, blues, electro, vocals, industry go to hell, music, freedom,
---
<p>You say i should act like Bob,<br />
You want me to do the dirty job.<br />
But i don't have time for your silly games,<br />
It clearly seems we don't have the same aims.<br />
You talk about glory, about numbers and money,<br />
Who we should deal with in this industry.<br />
So common now let me go!<br />
I wan't to go with the music flow.<br />
<br />
Budubudu dum bom<br />
<br />
Oh! poor Baltazar,<br />
Your life really is a bazar.<br />
Everything got really really really messy.<br />
And who do you turn to? Me!<br />
You wanted to play a crooked game,<br />
Now look at what happened to your fame!<br />
You wanted to play by different rules:<br />
Common buddy, tell me you didn't think we are fools...!?<br />
</p>

65
_posts/music/2011-01-27-Lovemoney.markdown
View file

@ -1,65 +0,0 @@
---
layout: music
title: Lovemoney
mp3: 2011-reset_sakrecoer-polyglotte-lovemoney.mp3
ogg: 2011-reset_sakrecoer-polyglotte-lovemoney.ogg
uid: lovemoney
category: music
bgimg: 2011-reset_sakrecoer-polyglotte-lovemoney.jpg
keywords: reSet, pop, emo, vocals, love, money, midlife crisis,
---
2x<br />
Money here,<br />
Money there,<br />
Money fucking everywhere.<br />
Love ain't here,<br />
Love ain't there,<br />
Love is fucking nowhere.<br />
<br />
Sometimes I wish I had no feeling,<br />
That I could serve myself without asking.<br />
And then I would feel no guilt about it.<br />
Just hush, look back and fuck it.<br />
Maybe I'm being retro,<br />
But I sure feel like a weirdo.<br />
Or better said like a freak.<br />
Thinking life is something chique.<br />
But that's not the way things work.<br />
So here I stand broke like a jerk.<br />
Don't worry sister I won't do no harm,<br />
With my dick under my arm.<br />
And since I don't care for money,<br />
Go on brother take it from me.<br />
<br />
2x<br />
Money here,<br />
Money there,<br />
Money fucking everywhere.<br />
Love ain't here,<br />
Love ain't there,<br />
Love is fucking nowhere.<br />
<br />
Maybe I should sell my heart<br />
Since I don't make it in the chart.<br />
There's no room for folks like me,<br />
We just get fooled too easily.<br />
And the value I use is just a prank,<br />
Because you cannot keep love in a bank.<br />
Then again what's love alone?<br />
It's like singing without no tone.<br />
I can't believe I sing this way,<br />
But after 30 years I have to say,<br />
That everything I'm caring for,<br />
Simply seems to be no more.<br />
Money shows me where I stand,<br />
So women do not touch my hand.<br />
And my bitter sweet melody,<br />
Won't pay your ring to marry me.<br />
Money here,<br />
Money there,<br />
Money fucking everywhere.<br />
Love ain't here,<br />
Love ain't there,<br />
I want my fucking love affair!<br />
<br />

23
_posts/music/2011-02-15-Fantasii.markdown
View file

@ -1,23 +0,0 @@
---
layout: music
title: Fantasii
mp3: 2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.mp3
ogg: 2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.ogg
uid: fantasii
category: music
bgimg: 2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.jpg
keywords: reSet, vocals, pop, evolutionary, poetry,
---
Dreams of light and spreading ideas,<br />
Green and bright well rooted trees.<br />
Dream today, reality tomorrow.<br />
So wash away your sorrow.<br />
Let it grow.<br />
Your fantasi.<br />
<br />
Visions of right and feelings of real.<br />
Words of wisdom, or pistols to heal.<br />
Reality makes the dream of tomorrow.<br />
So wash away your sorrow<br />
Let it flow<br />
Your fantasi<br />

31
_posts/music/2012-06-06-WeHaveToDecide.markdown
View file

@ -1,31 +0,0 @@
---
layout: music
title: We Have To Decide
mp3: 2012-pusset_sakrecoer--we_have_to_decide.mp3
ogg: 2012-pusset_sakrecoer--we_have_to_decide.ogg
uid: wehavetodecide
category: music
bgimg: 2012-pusset_sakrecoer--we_have_to_decide.jpg
keywords: pusSet, vocals, house, chillout, classic break, evolutionary,
---
I have been waiting all night long,<br />
For this question to come,<br />
'Cause you and I we have to find a solution!<br />
We generate so much pollution,<br />
It is killing my illusion, to ever give birth to a child.<br />
Can you Imagine?<br />
<br />
We have to chose, Do we want a Future?<br />
We have to chose, Shall we burn the past?<br />
<br />
The time when we all used to go to someone wise is gone,<br />
We all have access to the same information.<br />
So common son just don't tell me,<br />
You didn't know.<br />
Just look outside the window, where do the wind blow?<br />
Is it usual this heat? Unusual this cold?<br />
The ones that don't want to look into the truth,<br />
Have a gold-tooth to lose.<br />
<br />
We have to decide, Do we want a Future?<br />
We have to decide, Shall we burn the past?<br />

32
_posts/music/2013-02-04-Powertodo.markdown
View file

@ -1,32 +0,0 @@
---
layout: music
title: Power To Do
mp3: 2013-reset_sakrecoer-power_to_do-power_to_do.mp3
ogg: 2013-reset_sakrecoer-power_to_do-power_to_do.ogg
uid: powertodo
category: music
bgimg: 2013-reset_sakrecoer-power_to_do-power_to_do.jpg
keywords: reSet, evolutionary, vocals, public enemy, calssic break, semi-rap,
---
I don't want to deal with money,<br />
I don't want to deal.<br />
Money has got nothing to do,<br />
With me.<br />
<br />
I don't with deal with the Power,<br />
I'm already strong enough to live.<br />
I don't want to deal with the power.<br />
I don't want to deal.<br />
<br />
I want to do!<br />
I don't want to deal<br />
I don't want to deal<br />
I don't want to deal<br />
I want to do!<br />
I don't want to deal<br />
I don't want to deal<br />
I don't want to deal<br />
I want to do it with you!<br />
<br />
Togetherstanding,<br />
In Unity.<br />

26
_posts/music/2013-04-03-AlbinoLion.markdown
View file

@ -1,26 +0,0 @@
---
layout: music
title: Albino Lion (Negative Bounty)
mp3: 2013-pusset_sakrecoer-exclusive-albino_lion.mp3
ogg: 2013-pusset_sakrecoer-exclusive-albino_lion.ogg
uid: albinolion
category: music
bgimg: 2013-pusset_sakrecoer-exclusive-albino_lion.jpg
keywords: pusSet, cyber rnb, bass, Janie Joelle, sexy,
---
<p>My 2013 motto is to record live versions of sexy beats i do right away and post them everywhere. This way I'm hoping to help people keep focused on making love rather than fucking eachother up. In the midst of 2077, I hope to have a number of new songs worth flying to venus with. Then I'll make them sound even nicer, but most likeley just do better new ones or save the world.<br />
<br />
100% hand sequenced. No song-mode or automation involved. This is the sound of live electronic music children! Starring: Octatrack, Monomachine, Machinedrum, Mbase01, Blofeld, 10 fingers and a microphone. Dirt-mastered on an AW16Gangster recorder.<br />
<br />
Special dedication to your subwoofers! Fuck racism and copyright laws! We all make brown shit! Don't fear your creations: Take actions!<br />
<br />
This one features Janie Joelle:<br />
http://freesound.org/people/juskiddink/sounds/93668/<br />
some horny monks:<br />
http://freesound.org/people/Robinhood76/sounds/66285/<br />
A horny catnip: <br />
http://freesound.org/people/Department64/sounds/64015/<br />
And a horney monkey:<br />
http://sakrecoer.com<br />
</p>

20
_posts/music/2014-01-23-filosofisk-Logik.markdown
View file

@ -1,20 +0,0 @@
---
layout: music
title: Filosofisk Logik
mp3: 2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.mp3
ogg: 2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.ogg
uid: filosofisklogik
category: music
bgimg: 2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.jpg
keywords: reSet, philosophy, vocals, evolutionary, rnb,
---
Politkern sa:<br />
"Lyssna p&aring; min filosofiska logik,<br />
Det blir s&aring; bra,<br />
Om vi tar allt p&aring; kredit!"<br />
Lyssna nu.<br />
"Du, jag och allihoppa,<br />
kan f&aring; en egen telef&aring;n.<br />
Kanske till och med ett hus!<br />
Om vi bara tar ett l&aring;n"<br />

30
_posts/music/2015-11-25-PinGnu.markdown
View file

@ -1,30 +0,0 @@
---
layout: music
title: PinGnu
mp3: 2015-sakrecoer-demo-07-pingnu.mp3
ogg: 2015-sakrecoer-demo-07-pingnu.ogg
bgimg: 2015-sakrecoer-demo-07-pingnu.png
uid: pinGnu
category: music
tag: Simio
keywords: Kick-n-Base, Vapor, CyberSoul, Techno, Trap, Milenial, instrumental, GNU, Linux
---
I'm a little Pingu, riding on a GNU.<br />
Looking at the world, looking at you.<br />
Free at the core, i wonder why don't you,<br />
Look at me the way i look at you.<br />
<br />
It would be so nice, if you could take me in.<br />
Your computer and i could change the world we're in.<br />
Your freedom is being diluted.<br />
And your code is being polluted.<br />
<br />
I'm a big GNU with my little Pingu,<br />
Looking at the world, looking at you.<br />
Free at the core, i wonder why don't you,<br />
Look at me the way i look at you.<br />
<br />
It would be so nice, if you could compute.<br />
Your freedom is not to dilute,<br />
Someone has taken your tool into dispute,<br />
This is what together we should refute.<br />

56
_posts/music/2016-08-30-dependency.markdown
View file

@ -1,56 +0,0 @@
---
layout: music
title: 'E: Unmet dependencies. Try using -f.'
mp3: 2016-Sakrecoer-07-Unmet-dependencies.mp3
ogg: 2016-Sakrecoer-07-Unmet-dependencies.ogg
bgimg: 2016-Sakrecoer-07-Unmet-dependencies.jpg
uid: dependencytrap
category: music
tag: Sakrecoer
keywords: Kick-n-Base, Vapor, CyberSoul, Techno, Trap, Milenial, instrumental, GNU, Linux
---
-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1
2X<br />
sudo apt update<br />
sudo apt upgrade<br />
<br />
There is an error with my dependencies<br />
Consultd 1.2 and emplyomentd 1.70<br />
I cannot pay my rent without their libraries<br />
And to install i need to share my salary<br />
<br />
Where do i fit in this society?<br />
The more i look and the less i see<br />
They want no robots nor do they want me.<br />
work is a point in the agenda of the party<br />
<br />
2X<br />
sudo apt update<br />
sudo apt upgrade<br />
<br />
My liver isn't black market worthy<br />
And my master degree from a street university<br />
My ambitions are low and i am debt free<br />
There is no room in the industry for robots like me<br />
<br />
Don't get me wrong i would also like to be<br />
Installed and running and compatible with society<br />
But i am running a different library<br />
Because my kernel is still libre and free.<br />
<br />
written on: 20160830<br />
- -- <br />
Set Hallstrom aka sakrecoer
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1
iQEcBAEBAgAGBQJXxY9xAAoJENnFZk3HTX5ntF8H/04geT4CV8Fbqej/uDCykBiA
GV3xvGr7FLPGPrPvCNy91ZHig/mQaNmkPwcdBKX0AAwChJQnHHmk5+rCtaytAk8Y
+BwuH6HBUX24e5H2ANiRxi4cF2v08S5Lwxwc9LQg6loN3EtbNXINzpCHB/A02jag
AWoHVm9rrGuNnDakeAiFcRaLnGxFQ/cNHXB7C+UVl7f0xV9X0wNEDAgfSYALohug
pKtZHifWJXHdZMR6e4sPpq+CCmXtfkrTnko1qtKQhFKHfWr/dLeEc6RF3dQ8M7PY
f9om3CZzaBhuYSNZt3NXmcT+aduzCYKhg1BwaKglHz0u1q9ZT2WCTMejDcwmhwE=
=Okd/
-----END PGP SIGNATURE-----

52
_posts/music/2018-12-07-katufedenous.markdown
View file

@ -1,52 +0,0 @@
---
layout: music
title: 'K''as-tu Fais De Nous?'
mp3: 2018-setto_-single-007-katu_fait_de_nous-117bpm.mp3
ogg: 2018-setto_-single-007-katu_fait_de_nous-117bpm.ogg
bgimg: 2018-setto_-single-007-katu_fait_de_nous-117bpm.jpg
uid: kastufaisdenous2345235
category: music
tag: Sakrecoer
keywords: CyberSoul, Trap, Milenial
---
Qu'as tu fais de nous?<br />
WTF coucou?<br />
Qu'as tu fais de nous?<br />
WTF coucou?<br />
<br />
Acid est la tribe<br />
Cyberpunk le game<br />
Sur des reseaux de bribe<br />
On fait monter le fame<br />
Meme pas besoin de files<br />
Isoles sur l'iles<br />
On fait un tour au grotte<br />
Pour pas que la story capotte<br />
<br />
Qu'as tu fais de nous?<br />
WTF coucou?<br />
Qu'as tu fais de nous?<br />
WTF coucou?<br />
<br />
Si la police nous ajoute<br />
Nouvelle vie nouveau compte<br />
On tourne le dos au toute<br />
On delete sans honte<br />
Meme pas besoin d'ecrire<br />
Tu peux m'entendre rire<br />
En tour de face a face<br />
Qui brise la glace<br />
<br />
Qu'as tu fais de nous?<br />
WTF coucou?<br />
Qu'as tu fais de nous?<br />
WTF coucou?<br />
<br />
24 heures pour dechiffre<br />
On dirait une invitation<br />
La story que t'as balance<br />
Cryptokids une seul nation<br />
Celle des rave et du reve<br />
Hilife a plein poumons<br />
Le flux n'as pas de treve<br />
Et en suede il mange du saumon<br />

41
_sass/main.scss Normal file
View file

@ -0,0 +1,41 @@
html {
font-family: "Helvetica", Sans-serif;
}
body{
background: url(/assets/img/pattern.png);
}
a {
font-weight: normal;
}
#hero {
height: 100vh;
width: 100vw;
-webkit-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
background-image: url({{}});
}
/* MUSIC */
.musiflex {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.trackcontainer {
flex: 1 1 300px;
padding: 0;
margin: 0;
h3 {
padding: 5px;
}
}
.track {
width: 100%;
background-size: cover;
background-position: 50% 50%;
min-height: 300px;
padding: 0;
margin: 0;
}

349
_sass/normalize.scss vendored Normal file
View file

@ -0,0 +1,349 @@
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}

6
about/about.css
View file

@ -1,16 +1,16 @@
---
---
{% include base.html %}
{% include normalize.css %}
/*! sakrecoer sheet */
@font-face {
font-family: futura;
src: url('{{ base }}/assets/fonts/free_avantgarde.woff');
src: url('{{ site.baseurl }}/assets/fonts/free_avantgarde.woff');
}
@font-face {
font-family: futurabold;
src: url('{{ base }}/assets/fonts/free_avantgardeBOLD.woff');
src: url('{{ site.baseurl }}/assets/fonts/free_avantgardeBOLD.woff');
}
html{

76
about/index.html
View file

@ -2,34 +2,49 @@
---
<!DOCTYPE html>
<html>
<head>
{% include base.html %}
<title>About The Sakrecoer Family</title>
<meta charset="utf-8" />
<meta name='robots' content='index'/>
<meta name="description" content="Sakrecoer Uncorporated Stands for fun loving activism, art and music. It is a spiritually and schizophrenically extended family, pushing music, visuals, thoughts and passion">
<link rel="shortcut icon" href="{{ base }}/assets/img/favicon.ico" type="image/vnd.microsoft.icon" />
<link href="about.css" rel="stylesheet" />
<title>About The Sakrecoer Family</title>
<meta charset="utf-8" />
<meta name='robots' content='index' />
<meta name="description"
content="Sakrecoer Uncorporated Stands for fun loving activism, art and music. It is a spiritually and schizophrenically extended family, pushing music, visuals, thoughts and passion">
<link rel="shortcut icon" href="{{ site.baseurl }}/assets/img/favicon.ico" type="image/vnd.microsoft.icon" />
<link href="about.css" rel="stylesheet" />
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/curtain.js"></script>
<script src="js/jquery.scrollorama.js"></script>
<script src="js/scripts.js"></script>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/curtain.js"></script>
<script src="js/jquery.scrollorama.js"></script>
<script src="js/scripts.js"></script>
</head>
<body>
<ul class="curtains">
<ul class="curtains">
<li>
<section id="intro">
<a href="{{ base }}/"><h1>About Sakrecoer Uncorporated</h1></a>
<a href="{{ site.baseurl }}/">
<h1>About Sakrecoer Uncorporated</h1>
</a>
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art &amp; Music. I am a 1980 born robot. If <a href="https://en.wikipedia.org/wiki/Monica_Zetterlund" target="_blank">Monica Zetterlund</a> was a cyberpunk making electronic music, I would probably be Her. The red thread in my music is African. Vocals, manually operated groove-boxes, bass and lots of rhythmics are populating my colorful soundscapes that often get associated to the the pop-culture. I aim for questions rather than answers and at pushing <i>your</i> creativity. I move by feet in the streets and value my integrity.</p>
<p>My 2016 motto is to record live versions of sexy beats i do right away and post them everywhere. This way I'm hoping to help people keep focused on making love rather than fu*king eachother up. In the midst of 2077, I hope to have a number of songs worth flying to venus with. Then I'll make them sound even nicer, but most likeley just do better new ones or save the world.</p>
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art &amp; Music. I am a 1980 born
robot. If <a href="https://en.wikipedia.org/wiki/Monica_Zetterlund" target="_blank">Monica Zetterlund</a> was
a cyberpunk making electronic music, I would probably be Her. The red thread in my music is African. Vocals,
manually operated groove-boxes, bass and lots of rhythmics are populating my colorful soundscapes that often
get associated to the the pop-culture. I aim for questions rather than answers and at pushing <i>your</i>
creativity. I move by feet in the streets and value my integrity.</p>
<p>My 2016 motto is to record live versions of sexy beats i do right away and post them everywhere. This way I'm
hoping to help people keep focused on making love rather than fu*king eachother up. In the midst of 2077, I
hope to have a number of songs worth flying to venus with. Then I'll make them sound even nicer, but most
likeley just do better new ones or save the world.</p>
<p>I go by many aliases that you will find if you scroll down this page.</p>
<p style="font-size:9px">This website was deisgned and executed by <a href="http://set.hallstrom.ch" target="_blank">me</a> On these pages I push sounds, images, thoughts and passion for cool robots like you, thanks to the good Alsenet.com people and the Helevtico-Russian Linux Lovers Circle.</p>
<p style="font-size:9px">This website was deisgned and executed by <a href="http://set.hallstrom.ch"
target="_blank">me</a> On these pages I push sounds, images, thoughts and passion for cool robots like you,
thanks to the good Alsenet.com people and the Helevtico-Russian Linux Lovers Circle.</p>
</section>
</li>
@ -71,15 +86,16 @@
<li>
<section id="sakrecoer">
<h2>Sakrecoer</h2>
<p style="background-color:rgba(0,0,0,.9);padding:7px;">The past gig list is to longtimes and for forgotten times! Recieved with enthusiasm by several venues, big and small such as: <br /><br />
Apolo Nitsa - Barcelona<br />
Dachkantine - Z&uuml;rich<br />
Center Of Contemporary Art - Geneva<br />
Alcazar - Stockholm<br />
Microdisco Festival - Berlin<br />
Button Factory - Dublin<br />
<br />
And many many other really really nice ones :) delivering good mood, beat, base and bass! </p>
<p style="background-color:rgba(0,0,0,.9);padding:7px;">The past gig list is to longtimes and for forgotten
times! Recieved with enthusiasm by several venues, big and small such as: <br /><br />
Apolo Nitsa - Barcelona<br />
Dachkantine - Z&uuml;rich<br />
Center Of Contemporary Art - Geneva<br />
Alcazar - Stockholm<br />
Microdisco Festival - Berlin<br />
Button Factory - Dublin<br />
<br />
And many many other really really nice ones :) delivering good mood, beat, base and bass! </p>
<ul>
@ -94,10 +110,12 @@ And many many other really really nice ones :) delivering good mood, beat, base
</li>
</ul>
<ul id="nav">
<li><a href="{{ base }}/"><img src="{{ base }}/assets/img/sakrecoerLOGO.png" width="125px" height="125px" title="HOME" /></a></li>
</ul>
<ul id="nav">
<li><a href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/assets/img/sakrecoerLOGO.png" width="125px"
height="125px" title="HOME" /></a></li>
</ul>
</ul>
</body>
</html>

540
about/js/curtain.js
View file

@ -1,540 +0,0 @@
/*
* Curtain.js - Create an unique page transitioning system
* ---
* Version: 1.4.1
* Copyright 2011, Victor Coulon (http://victorcoulon.fr)
* Released under the MIT Licence
*/
(function ( $, window, document, undefined ) {
var pluginName = 'curtain',
defaults = {
scrollSpeed: 400,
bodyHeight: 0,
linksArray: [],
mobile: false,
scrollButtons: {},
controls: null,
curtainLinks: '.curtain-links',
enableKeys: true,
easing: 'swing',
nextSlide: null,
prevSlide: null
};
// The actual plugin constructor
function Plugin( element, options ) {
var self = this;
// Public attributes
this.element = element;
this.options = $.extend( {}, defaults, options) ;
this._defaults = defaults;
this._name = pluginName;
this._ignoreHashChange = false;
this.init();
// Public Functions
this.insert = function(content){
if(Object.prototype.toString.call(content) !== '[object Object]') {
throw new TypeError('Content must be an object');
}
content.goTo = (content.goTo === true) ? true : false;
// append the content to list
var newEl = $(document.createElement('li')).attr('id', (content.htmlId) ? content.htmlId : null)
.attr('class', (content.htmlClass) ? content.htmlClass : null)
.html( (content.html) ? content.html : null );
$(self.element).append(newEl);
// Append Content after an element OR at the end
if(content.insertAfter && $(content.insertAfter).length) {
$(self.element).find(content.insertAfter).after(newEl);
} else {
$(self.element).append(newEl);
}
// When the element is ready
self.readyElement($(newEl), function(){
// re(init) cache elements
self.$element = $(self.element);
self.$li = $(self.element).find('>li');
// Mobile Fix
if(self.options.mobile){
self.$li.css({position:'relative'});
self.$element.find('.fixed').css({position:'absolute'});
}
self.setLinks();
// Set dimensions after loading images (or not)
if($(newEl).find('img').length){
$(newEl).find('img').load(function(){
self.setDimensions();
});
} else {
self.setDimensions();
}
// Scroll to the new element
if(content.goTo === true){
var position = $(newEl).attr('data-position') || null;
self.scrollEl.animate({
scrollTop:position
}, self.options.scrollSpeed, self.options.easing);
}
});
};
}
Plugin.prototype = {
init: function () {
var self = this;
// Cache element
this.$element = $(this.element);
this.$li = $(this.element).find('>li');
$.Android = (navigator.userAgent.match(/Android/i));
$.iPhone = ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)));
$.iPad = ((navigator.userAgent.match(/iPad/i)));
$.iOs4 = (/OS [1-4]_[0-9_]+ like Mac OS X/i.test(navigator.userAgent));
if($.iPhone || $.iPad || $.Android){
this.options.mobile = true;
this.$li.css({position:'relative'});
this.$element.find('.fixed').css({position:'absolute'});
}
if(this.options.mobile){
this.scrollEl = this.$element;
} else if($.browser.mozilla || $.browser.msie) {
this.scrollEl = $('html');
} else {
this.scrollEl = $('body');
}
if(self.options.controls){
self.options.scrollButtons['up'] = $(self.options.controls).find('[href="#up"]');
self.options.scrollButtons['down'] = $(self.options.controls).find('[href="#down"]');
if(!$.iOs4 && ($.iPhone || $.iPad)){
self.$element.css({
position:'fixed',
top:0,
left:0,
right:0,
bottom:0,
'-webkit-overflow-scrolling':'touch',
overflow:'auto'
});
$(self.options.controls).css({position:'absolute'});
}
}
// We'll check if our images are loaded
var images = [],
imagesLoaded = 0,
loadAllImages = function loadAllImages(callback){
if(images.length === 0){
callback();
return false;
}
var img = new Image();
$(img).attr('src',images[imagesLoaded]).load(function(){
imagesLoaded++;
if(imagesLoaded == images.length)
callback();
else
loadAllImages(callback);
});
};
self.$element.find('img').each(function(i,el){
images.push(el.src);
});
// When all image is loaded
loadAllImages(function(){
self.setDimensions();
self.$li.eq(0).addClass('current');
// Cache
self.$current = self.$element.find('.current');
self.$fixed = self.$current.find('.fixed');
self.$step = self.$current.find('.step');
self.currentP = parseInt(self.$current.attr('data-position'), 10);
self.currentHeight = parseInt(self.$current.attr('data-height'), 10);
if(!self.options.mobile){
if(self.$li.eq(1).length)
self.$li.eq(1).nextAll().css({display:'none'});
}
self.setEvents();
self.setLinks();
self.isHashIsOnList(location.hash.substring(1));
});
},
// Events
scrollToPosition: function (direction){
var position = null,
self = this;
if($('html, body').is(':animated')){
return false;
}
if(direction === 'up' || direction == 'down'){
// Keyboard event
var $current = this.$element.find('.current'),
$next = (direction === 'up') ? $current.prev() : $current.next();
position = $next.attr('data-position') || null;
// Step in the current panel ?
if($current.find('.step').length){
if(!$current.find('.current-step').length)
$current.find('.step').eq(0).addClass('current-step');
var $nextStep = (direction === 'up') ? $current.find('.current-step').prev('.step') : $current.find('.current-step').next('.step');
if($nextStep.length) {
position = (this.options.mobile) ? $nextStep.position().top + parseInt($current.attr('data-position'), 10) : $nextStep.offset().top;
}
}
if(position){
self.scrollEl.animate({
scrollTop:position
}, this.options.scrollSpeed, this.options.easing);
}
} else if(direction === 'top'){
self.scrollEl.animate({
scrollTop:0
}, self.options.scrollSpeed, self.options.easing);
} else if(direction === 'bottom'){
self.scrollEl.animate({
scrollTop:self.options.bodyHeight
}, self.options.scrollSpeed, self.options.easing);
} else {
position = $("#"+direction).attr('data-position') || null;
if(position){
self.scrollEl.animate({
scrollTop:position
}, this.options.scrollSpeed, this.options.easing);
}
}
},
scrollEvent: function() {
var self = this,
docTop = $(document).scrollTop(),
windowHeight = $(window).height();
if(docTop < self.currentP && self.$current.index() > 0){
if (self.options.prevSlide) {
self.options.prevSlide();
}
// Scroll top
self._ignoreHashChange = true;
if(self.$current.prev().attr('id'))
self.setHash(self.$current.prev().attr('id'));
self.$current.removeClass('current').css({marginTop: 0})
.nextAll().css({display:'none'}).end()
.prev().addClass('current').css({display:'block'});
// Cache
self.$current = self.$element.find('.current');
self.$fixed = self.$current.find('.fixed');
self.$step = self.$current.find('.step');
self.currentP = parseInt(self.$current.attr('data-position'), 10);
self.currentHeight = parseInt(self.$current.attr('data-height'), 10);
} else if(docTop < (self.currentP + self.$current.height())){
// Animate the current pannel during the scroll
var position = -(docTop-self.currentP);
self.$current.css({marginTop:position});
// If there is a fixed element in the current panel
if(self.$fixed.length){
var dataTop = parseInt(self.$fixed.attr('data-top'), 10);
if((docTop-self.currentP+windowHeight) >= self.currentHeight && self.$fixed.css('position') === 'fixed'){
self.$fixed.css({
position: 'absolute',
top: Math.abs(docTop-self.currentP + dataTop)
});
} else if((docTop-self.currentP+windowHeight) <= self.currentHeight && self.$fixed.css('position') === 'absolute'){
self.$fixed.css({
position: 'fixed',
top: dataTop
});
}
}
// If there is a step element in the current panel
if(self.$step.length){
$.each(self.$step, function(i,el){
if($(el).offset().top <= docTop+5 && ($(el).offset().top + $(el).outerHeight()) >= docTop+5){
if(!$(el).hasClass('current-step')){
self.$step.removeClass('current-step');
$(el).addClass('current-step');
}
}
});
}
} else {
if (self.options.nextSlide) {
self.options.nextSlide();
}
// Scroll bottom
self._ignoreHashChange = true;
if(self.$current.next().attr('id'))
self.setHash(self.$current.next().attr('id'));
self.$current.removeClass('current')
.css({display:'none'})
.next().addClass('current').nextAll().css({display:'block'});
// Cache
self.$current = self.$element.find('.current');
self.$fixed = self.$current.find('.fixed');
self.$step = self.$current.find('.step');
self.currentP = parseInt(self.$current.attr('data-position'), 10);
self.currentHeight = parseInt(self.$current.attr('data-height'), 10);
}
},
scrollMobileEvent: function() {
var self = this;
var docTop = self.$element.scrollTop(),
$current = self.$element.find('.current'),
$step = $current.find('.step'),
currentP = parseInt($current.attr('data-position'), 10),
currentHeight = parseInt($current.attr('data-height'), 10),
windowHeight = $(window).height();
if(docTop+10 < currentP && $current.index() > 0){
$current.removeClass('current').prev().addClass('current');
} else if(docTop+10 < (currentP + $current.height())){
// If there is a step element in the current panel
if($step.length){
$.each($step, function(i,el){
if(($(el).position().top+currentP) <= docTop && (($(el).position().top+currentP) + $(el).outerHeight()) >= docTop){
if(!$(el).hasClass('current-step')){
$step.removeClass('current-step');
$(el).addClass('current-step');
}
}
});
}
} else {
$current.removeClass('current').next().addClass('current');
}
},
// Setters
setDimensions: function(){
var windowHeight = $(window).height(),
levelHeight = 0,
cover = false,
height = null;
this.$li.each(function(index) {
var $self = $(this);
cover = $self.hasClass('cover');
if(cover){
$self.css({height: windowHeight, zIndex: 999-index})
.attr('data-height',windowHeight)
.attr('data-position',levelHeight);
levelHeight += windowHeight;
} else{
height = ($self.outerHeight() <= windowHeight) ? windowHeight : $self.outerHeight();
$self.css({minHeight: height, zIndex: 999-index})
.attr('data-height',height)
.attr('data-position',levelHeight);
levelHeight += height;
}
if($self.find('.fixed').length){
var top = $self.find('.fixed').css('top');
$self.find('.fixed').attr('data-top', top);
}
});
if(!this.options.mobile)
this.setBodyHeight();
},
setEvents: function() {
var self = this;
$(window).on('resize', function(){
self.setDimensions();
});
if(self.options.mobile) {
self.$element.on('scroll', function(){
self.scrollMobileEvent();
});
} else {
$(window).on('scroll', function(){
self.scrollEvent();
});
}
if(self.options.enableKeys) {
$(document).on('keydown', function(e){
if(e.keyCode === 38 || e.keyCode === 37) {
self.scrollToPosition('up');
e.preventDefault();
return false;
}
if(e.keyCode === 40 || e.keyCode === 39){
self.scrollToPosition('down');
e.preventDefault();
return false;
}
// Home button
if(e.keyCode === 36){
self.scrollToPosition('top');
e.preventDefault();
return false;
}
// End button
if(e.keyCode === 35){
self.scrollToPosition('bottom');
e.preventDefault();
return false;
}
});
}
if(self.options.scrollButtons){
if(self.options.scrollButtons.up){
self.options.scrollButtons.up.on('click', function(e){
e.preventDefault();
self.scrollToPosition('up');
});
}
if(self.options.scrollButtons.down){
self.options.scrollButtons.down.on('click', function(e){
e.preventDefault();
self.scrollToPosition('down');
});
}
}
if(self.options.curtainLinks){
$(self.options.curtainLinks).on('click', function(e){
e.preventDefault();
var href = $(this).attr('href');
if(!self.isHashIsOnList(href.substring(1)) && position)
return false;
var position = $(href).attr('data-position') || null;
if(position){
self.scrollEl.animate({
scrollTop:position
}, self.options.scrollSpeed, self.options.easing);
}
return false;
});
}
if ("onhashchange" in window) {
window.addEventListener("hashchange", function(){
if(self._ignoreHashChange === false){
self.isHashIsOnList(location.hash.substring(1));
}
self._ignoreHashChange = false;
}, false);
}
},
setBodyHeight: function(){
var h = 0;
this.$li.each(function() {
h += $(this).height();
});
this.options.bodyHeight = h;
$('body').height(h);
},
setLinks: function(){
var self = this;
this.$li.each(function() {
var id = $(this).attr('id') || 0;
self.options.linksArray.push(id);
});
},
setHash: function(hash){
if(history.pushState) {
history.pushState(null, null, '#'+hash);
}
else {
location.hash = hash;
}
},
// Utils
isHashIsOnList: function(hash){
var self = this;
$.each(self.options.linksArray, function(i,val){
if(val === hash){
self.scrollToPosition(hash);
return false;
}
});
},
readyElement: function(el,callback){
var interval = setInterval(function(){
if(el.length){
callback(el.length);
clearInterval(interval);
}
},60);
}
};
$.fn[pluginName] = function ( options ) {
return this.each(function () {
if (!$.data(this, 'plugin_' + pluginName)) {
$.data(this, 'plugin_' + pluginName, new Plugin( this, options ));
}
});
};
})( jQuery, window, document );

2
about/js/jquery-1.8.2.min.js vendored
View file

File diff suppressed because one or more lines are too long

519
about/js/jquery.scrollorama.js
View file

@ -1,519 +0,0 @@
/*
scrollorama - The jQuery plugin for doing cool scrolly stuff
by John Polacek (@johnpolacek)
Dual licensed under MIT and GPL.
*/
(function($) {
$.scrollorama = function(options) {
var scrollorama = this,
blocks = [],
browserPrefix = '',
onBlockChange = function() {},
latestKnownScrollY = 0,
ticking = false,
requestAnimFrame = window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function( callback ){
window.setTimeout(callback, 1000 / 60);
},
defaults = {offset:0, enablePin: true};
scrollorama.settings = $.extend({}, defaults, options);
scrollorama.blockIndex = 0;
if (options.blocks === undefined) { alert('ERROR: Must assign blocks class selector to scrollorama plugin'); }
// PRIVATE FUNCTIONS
function init() {
var i, block, didScroll, marginTop = false;
if (typeof scrollorama.settings.blocks === 'string') { scrollorama.settings.blocks = $(scrollorama.settings.blocks); }
// set browser prefix
if ($.browser.mozilla) { browserPrefix = '-moz-'; }
if ($.browser.webkit) { browserPrefix = '-webkit-'; }
if ($.browser.opera) { browserPrefix = '-o-'; }
if ($.browser.msie) { browserPrefix = '-ms-'; }
// create blocks array to contain animation props
$('body').css('position','relative');
for (i=0; i<scrollorama.settings.blocks.length; i++) {
block = scrollorama.settings.blocks.eq(i);
marginTop = block.css('margin-top');
blocks.push({
block: block,
top: block.offset().top - (!Boolean(marginTop) ? parseInt(marginTop, 10) : 0),
pin: 0,
animations:[]
});
}
// convert block elements to absolute position
if (scrollorama.settings.enablePin.toString() === 'true') {
for (i=0; i<blocks.length; i++) {
blocks[i].block
.css('position', 'absolute')
.css('top', blocks[i].top);
}
}
$('body').prepend('<div id="scroll-wrap"></div>');
latestKnownScrollY = 0;
ticking = false;
$(window).on( 'scroll.scrollorama', onScroll );
}
function onScroll() {
latestKnownScrollY = window.scrollY;
requestTick();
}
function requestTick() {
if(!ticking) {
requestAnimFrame(function(){
onScrollorama();
update();
});
}
ticking = true;
}
function update() {
// reset the tick so we can
// capture the next onScroll
ticking = false;
}
function onScrollorama() {
var scrollTop = $(window).scrollTop(),
currBlockIndex = getCurrBlockIndex(scrollTop),
i, j, anim, startAnimPos, endAnimPos, animPercent, animVal;
// update all animations
for (i=0; i<blocks.length; i++) {
// go through the animations for each block
if (blocks[i].animations.length) {
for (j=0; j<blocks[i].animations.length; j++) {
anim = blocks[i].animations[j];
// if above current block, settings should be at start value
if (i > currBlockIndex) {
if (currBlockIndex !== i-1 && anim.baseline !== 'bottom') {
setProperty(anim.element, anim.property, anim.startVal);
}
if (blocks[i].pin) {
blocks[i].block
.css('position', 'absolute')
.css('top', blocks[i].top);
}
}
// if below current block, settings should be at end value
// unless on an element that gets animated when it hits the bottom of the viewport
else if (i < currBlockIndex) {
setProperty(anim.element, anim.property, anim.endVal);
if (blocks[i].pin) {
blocks[i].block
.css('position', 'absolute')
.css('top', (blocks[i].top + blocks[i].pin));
}
}
// otherwise, set values per scroll position
if (i === currBlockIndex || (currBlockIndex === i-1 && anim.baseline === 'bottom')) {
// if block gets pinned, set position fixed
if (blocks[i].pin && currBlockIndex === i) {
blocks[i].block
.css('position', 'fixed')
.css('top', 0);
}
// set start and end animation positions
startAnimPos = blocks[i].top + anim.delay;
if (anim.baseline === 'bottom') { startAnimPos -= $(window).height(); }
endAnimPos = startAnimPos + anim.duration;
// if scroll is before start of animation, set to start value
if (scrollTop < startAnimPos) {
setProperty(anim.element, anim.property, anim.startVal);
}
// if scroll is after end of animation, set to end value
else if (scrollTop > endAnimPos) {
setProperty(anim.element, anim.property, anim.endVal);
if (blocks[i].pin) {
blocks[i].block
.css('position', 'absolute')
.css('top', (blocks[i].top + blocks[i].pin));
}
}
// otherwise, set value based on scroll
else {
// calculate percent to animate
animPercent = (scrollTop - startAnimPos) / anim.duration;
// account for easing if there is any
if ( anim.easing && $.isFunction( $.easing[anim.easing] ) ) {
animPercent = $.easing[anim.easing]( animPercent, animPercent*1000, 0, 1, 1000 );
}
// then multiply the percent by the value range and calculate the new value
animVal = anim.startVal + (animPercent * (anim.endVal - anim.startVal));
setProperty(anim.element, anim.property, animVal);
}
}
}
}
}
// update blockIndex and trigger event if changed
if (scrollorama.blockIndex !== currBlockIndex) {
scrollorama.blockIndex = currBlockIndex;
onBlockChange();
}
}
function getCurrBlockIndex(scrollTop) {
var currBlockIndex = 0, i;
for (i=0; i<blocks.length; i++) {
// check if block is in view
if (blocks[i].top <= scrollTop - scrollorama.settings.offset) { currBlockIndex = i; }
}
return currBlockIndex;
}
function setProperty(target, prop, val) {
var scaleCSS, currentPosition;
if (prop === 'rotate' || prop === 'zoom' || prop === 'scale') {
if (prop === 'rotate') {
target.css(browserPrefix+'transform', 'rotate('+val+'deg)');
} else if (prop === 'zoom' || prop === 'scale') {
scaleCSS = 'scale('+val+')';
if (browserPrefix !== '-ms-') {
target.css(browserPrefix+'transform', scaleCSS);
} else {
target.css('zoom', scaleCSS);
}
}
}
else if(prop === 'background-position-x' || prop === 'background-position-y' ) {
currentPosition = target.css('background-position').split(' ');
if(prop === 'background-position-x') {
target.css('background-position',val+'px '+currentPosition[1]);
}
if(prop === 'background-position-y') {
target.css('background-position', currentPosition[0]+' '+val+'px');
}
}
else if(prop === 'text-shadow' ) {
target.css(prop,'0px 0px '+val+'px #ffffff');
} else {
target.css(prop, val);
}
}
// PUBLIC FUNCTIONS
scrollorama.animate = function(target) {
var targetIndex,
targetBlock,
anim,
offset,
i, j;
/*
target = animation target
arguments = array of animation parameters
anim = object that contains all animation params (created from arguments)
offset = positioning helper for pinning
animation parameters:
delay = amount of scrolling (in pixels) before animation starts
duration = amount of scrolling (in pixels) over which the animation occurs
property = css property being animated
start = start value of the property
end = end value of the property
pin = pin block during animation duration (applies to all animations within block)
baseline = top (default, when block reaches top of viewport) or bottom (when block first comies into view)
easing = just like jquery's easing functions
*/
// if string, convert to DOM object
if (typeof target === 'string') { target = $(target); }
// find block of target
for (i=0; i<blocks.length; i++) {
if (blocks[i].block.has(target).length) {
targetBlock = blocks[i];
targetIndex = i;
}
}
// add each animation to the blocks animations array from function arguments
for (i=1; i<arguments.length; i++) {
anim = arguments[i];
// for top/left/right/bottom, set relative positioning if static
if (anim.property === 'top' || anim.property === 'left' || anim.property === 'bottom' || anim.property === 'right' ) {
if (target.css('position') === 'static') { target.css('position','relative'); }
// set anim.start, anim.end defaults
cssValue = parseInt(target.css(anim.property),10);
if (anim.start === undefined) {
anim.start = isNaN(cssValue) ? 0 : cssValue;
} else if (anim.end === undefined) {
anim.end = isNaN(cssValue) ? 0 : cssValue;
}
}
// set anim.start/anim.end defaults for rotate, zoom/scale, letter-spacing
if (anim.property === 'rotate') {
if (anim.start === undefined) { anim.start = 0; }
if (anim.end === undefined) { anim.end = 0; }
} else if (anim.property === 'zoom' || anim.property === 'scale' ) {
if (anim.start === undefined) { anim.start = 1; }
if (anim.end === undefined) { anim.end = 1; }
} else if (anim.property === 'letter-spacing' && target.css(anim.property)) {
if (anim.start === undefined) { anim.start = 1; }
if (anim.end === undefined) { anim.end = 1; }
}
if (anim.baseline === undefined) {
if (anim.pin || targetBlock.pin || targetIndex === 0) {
anim.baseline = 'top';
} else {
anim.baseline = 'bottom';
}
}
if (anim.delay === undefined) { anim.delay = 0; }
targetBlock.animations.push({
element: target,
delay: anim.delay,
duration: anim.duration,
property: anim.property,
startVal: anim.start !== undefined ? anim.start : parseInt(target.css(anim.property),10), // if undefined, use current css value
endVal: anim.end !== undefined ? anim.end : parseInt(target.css(anim.property),10), // if undefined, use current css value
baseline: anim.baseline !== undefined ? anim.baseline : 'bottom',
easing: anim.easing
});
if (anim.pin) {
if (targetBlock.pin < anim.duration + anim.delay) {
offset = anim.duration + anim.delay - targetBlock.pin;
targetBlock.pin += offset;
// adjust positions of blocks below target block
for (j=targetIndex+1; j<blocks.length; j++) {
blocks[j].top += offset;
blocks[j].block.css('top', blocks[j].top);
}
}
}
}
onScrollorama();
};
// function for passing blockChange event callback
scrollorama.onBlockChange = function(f) {
onBlockChange = f;
};
// function for getting an array of scrollpoints
// (top of each animation block and animation element scroll start point)
scrollorama.getScrollpoints = function() {
var scrollpoints = [],i,j,anim;
for (i=0; i<blocks.length; i++) {
scrollpoints.push(blocks[i].top);
// go through the animations for each block
if (blocks[i].animations.length && blocks[i].pin > 0) {
for (j=0; j<blocks[i].animations.length; j++) {
anim = blocks[i].animations[j];
scrollpoints.push(blocks[i].top + anim.delay + anim.duration);
}
}
}
// make sure scrollpoints are in numeric order
scrollpoints.sort(function(a,b) {return a - b;});
return scrollpoints;
};
// Remove scrollorama
scrollorama.destroy = function () {
// Remove animations
for (i=0; i<blocks.length; i++) {
// Remove CSS rules
blocks[i].block.css({
top: '',
position: ''
});
// Remove scrolloroma-specific attributes
delete blocks[i].animations;
delete blocks[i].top;
delete blocks[i].pin;
}
// Unbind the window scroll event
$(window).off('scroll.scrollorama');
$('#scroll-wrap').remove();
// Remove the scrolloroma object
delete scrollorama;
};
// INIT
init();
return scrollorama;
};
//
// Easing functions from jQuery UI
//
$.extend($.easing, {
def: 'easeOutQuad',
swing: function (x, t, b, c, d) {
//alert($.easing.default);
return $.easing[$.easing.def](x, t, b, c, d);
},
easeInQuad: function (x, t, b, c, d) {
return c*(t/=d)*t + b;
},
easeOutQuad: function (x, t, b, c, d) {
return -c *(t/=d)*(t-2) + b;
},
easeInOutQuad: function (x, t, b, c, d) {
if ((t/=d/2) < 1) { return c/2*t*t + b; }
return -c/2 * ((--t)*(t-2) - 1) + b;
},
easeInCubic: function (x, t, b, c, d) {
return c*(t/=d)*t*t + b;
},
easeOutCubic: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t + 1) + b;
},
easeInOutCubic: function (x, t, b, c, d) {
if ((t/=d/2) < 1) { return c/2*t*t*t + b; }
return c/2*((t-=2)*t*t + 2) + b;
},
easeInQuart: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t + b;
},
easeOutQuart: function (x, t, b, c, d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
},
easeInOutQuart: function (x, t, b, c, d) {
if ((t/=d/2) < 1) { return c/2*t*t*t*t + b; }
return -c/2 * ((t-=2)*t*t*t - 2) + b;
},
easeInQuint: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t*t + b;
},
easeOutQuint: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t*t*t + 1) + b;
},
easeInOutQuint: function (x, t, b, c, d) {
if ((t/=d/2) < 1) { return c/2*t*t*t*t*t + b; }
return c/2*((t-=2)*t*t*t*t + 2) + b;
},
easeInSine: function (x, t, b, c, d) {
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
},
easeOutSine: function (x, t, b, c, d) {
return c * Math.sin(t/d * (Math.PI/2)) + b;
},
easeInOutSine: function (x, t, b, c, d) {
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
},
easeInExpo: function (x, t, b, c, d) {
return (t===0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
},
easeOutExpo: function (x, t, b, c, d) {
return (t===d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
},
easeInOutExpo: function (x, t, b, c, d) {
if (t===0) { return b; }
if (t===d) { return b+c; }
if ((t/=d/2) < 1) { return c/2 * Math.pow(2, 10 * (t - 1)) + b; }
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
},
easeInCirc: function (x, t, b, c, d) {
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
},
easeOutCirc: function (x, t, b, c, d) {
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
},
easeInOutCirc: function (x, t, b, c, d) {
if ((t/=d/2) < 1) { return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; }
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
},
easeInElastic: function (x, t, b, c, d) {
var s=1.70158,p=0,a=c;
if (t===0) { return b; }
if ((t/=d)===1) { return b+c; }
if (!p) { p=d*0.3; }
if (a < Math.abs(c)) { a=c; s=p/4; }
else{ s = p/(2*Math.PI) * Math.asin (c/a); }
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
},
easeOutElastic: function (x, t, b, c, d) {
var s=1.70158,p=0,a=c;
if (t===0) { return b; }
if ((t/=d)===1) { return b+c; }
if (!p) { p=d*0.3; }
if (a < Math.abs(c)) { a=c; s=p/4; }
else { s = p/(2*Math.PI) * Math.asin (c/a); }
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
},
easeInOutElastic: function (x, t, b, c, d) {
var s=1.70158,p=0,a=c;
if (t===0) { return b; }
if ((t/=d/2)===2) { return b+c; }
if (!p) { p=d*(0.3*1.5); }
if (a < Math.abs(c)) { a=c; s=p/4; }
else { s = p/(2*Math.PI) * Math.asin (c/a); }
if (t < 1) { return -0.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; }
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*0.5 + c + b;
},
easeInBack: function (x, t, b, c, d, s) {
if (s === undefined) { s = 1.70158; }
return c*(t/=d)*t*((s+1)*t - s) + b;
},
easeOutBack: function (x, t, b, c, d, s) {
if (s === undefined) { s = 1.70158; }
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
},
easeInOutBack: function (x, t, b, c, d, s) {
if (s === undefined) { s = 1.70158; }
if ((t/=d/2) < 1) { return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; }
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
},
easeInBounce: function (x, t, b, c, d) {
return c - $.easing.easeOutBounce (x, d-t, 0, c, d) + b;
},
easeOutBounce: function (x, t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + 0.75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + 0.9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + 0.984375) + b;
}
},
easeInOutBounce: function (x, t, b, c, d) {
if (t < d/2) { return $.easing.easeInBounce (x, t*2, 0, c, d) * 0.5 + b; }
return $.easing.easeOutBounce (x, t*2-d, 0, c, d) * 0.5 + c*0.5 + b;
}
});
})(jQuery);

50
about/js/scripts.js
View file

@ -1,50 +0,0 @@
$(document).ready(function(){
$('.curtains>li').css('position', 'fixed');
$('.curtains').curtain();
var scrollorama = $.scrollorama({
blocks:'.curtains'
});
scrollorama.animate('#intro h1',{
duration:200, property:'left', end:-860
});
scrollorama.animate('#reset-photo',{
delay:900, duration:993, property:'top', start:300, end:-300
});
scrollorama.animate('#simio-photo',{
delay:993, duration:1986, property:'rotate', start:-10, end:10
});
scrollorama.animate('#pusset .btn',{
delay:2700, duration:993, property:'left', start:-800, easing:'easeOutBounce'
});
scrollorama.animate('#sakrecoer ul li:nth-child(1)',{
delay:2979, duration:993, property:'top', start:840, end: 690
});
scrollorama.animate('#sakrecoer ul li:nth-child(2)',{
delay:2979, duration:993, property:'top', start:800, end: 690
});
scrollorama.animate('#sakrecoer ul li:nth-child(3)',{
delay:2979, duration:993, property:'top', start:920, end: 630
});
scrollorama.animate('#sakrecoer ul li:nth-child(4)',{
delay:2979, duration:993, property:'top', start:880, end: 670
});
scrollorama.animate('#sakrecoer ul li:nth-child(5)',{
delay:2979, duration:993, property:'top', start:830, end: 710
});
scrollorama.animate('#sakrecoer ul li:nth-child(6)',{
delay:2979, duration:993, property:'top', start:960, end: 650
});
scrollorama.animate('#final h2',{
delay:4500, duration:900, property:'top', start:0, easing:'easeOutBounce'
});
});

290
about/style.css
View file

@ -1,290 +0,0 @@
---
---
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
margin: 0; padding: 0; border: 0;
}
body {
font: 18px/30px "Helvetica Neue", Helvetica, Arial, Sans-serif;
color: #000;
text-shadow: 0px 0px 10px #0ff;
}
a {
color: #fff; text-decoration: none; font-weight: bold;
}
img {
border-radius: 7px;
}
section {
overflow-x: hidden; height: 993px;
}
#intro {
background: #000 url(images/pusset-bg.jpg) left no-repeat;
background-size: contain;
color: #fff;
}
#intro h1 {
width: 858px; height: 161px;
background: url(images/intro-title.png); text-indent: -9999px;
position: relative; top: 145px; left: 200px;
}
#intro p {
position: relative; top: 200px; left: 285px;
width: 650px; margin: 0 0 30px 0;
}
#intro p:nth-child(2) {
font-weight: bold;
}
#reset {
background: #0cf url(images/resetbg.jpg) no-repeat;
background-size: cover;
position: relative;
}
#reset h2 {
width: 432px; height: 310px;
background: url(images/reset-title.png); text-indent: -9999px;
position: relative; top: 87px; left: 90px;
}
#reset-photo {
position: absolute; top: 70px; left: 650px;
}
#reset p {
position: relative; top: 130px; left: 93px;
width: 530px; margin: 0 0 30px 0;
color: #fff;
text-shadow: 0px 0px 20px #f00;
}
#reset a {
color: #fff; text-decoration: none; font-weight: bold;
}
#reset .btn a {
display: block;
padding: 50px;
background-color: #0ff;
box-shadow: 0 0 20px #0ff;
border-radius: 7px;
-webkit-transition-property: hover;
-webkit-transition: background-color 0.25s ease-in-out;
-moz-transition: background-color 0.25s linear 0s; /* firefox 4 */
-o-transition-property: background-color; /* opera 10.5 */
-o-transition-duration: 0.25s;
font-size: 48px;
color: #f00;
text-align:center;
}
#reset .btn a:hover {
background-color: #f00;
color: #0ff;
}
#reset img {
border-radius: 7px;
box-shadow: 0 0 40px #f00;
}
#simio {
background: #000 url(images/simio_bg.jpg) no-repeat top right;
background-size: cover;
position: relative;
}
#simio h2 {
width: 635px; height: 208px;
background: url(images/simio-title.png) top left; text-indent: -9999px;
position: relative; top: 87px; left: 90px;
}
#simio-photo {
position: absolute; left: 410px; top: 300px;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
#simio p {
position: relative; top: 145px; left: 90px;
width: 300px; margin: 0 0 30px 0;
color: #fff;
font-weight: bold;
text-shadow: 0px 0px 20px #0269e3;
}
#simio a {
color: #fff; text-decoration: none; font-weight: bold;
}
#simio img {
border-radius: 7px;
box-shadow: 0 0 40px #0269e3;
}
#simio a.btn {
position: absolute; width: 500px; top: 610px; right: 10px;
display: block;
padding: 50px;
background-color: #f00;
box-shadow: 0 0 20px #0269e3;
border-radius: 7px;
-webkit-transition-property: hover;
-webkit-transition: background-color 0.25s ease-in-out;
-moz-transition: background-color 0.25s linear 0s; /* firefox 4 */
-o-transition-property: background-color; /* opera 10.5 */
-o-transition-duration: 0.25s;
font-size: 48px;
color: #fff;
text-align:center;
}
#simio a.btn:hover {
background-color: #0269e3;
color: #f00;
}
#pusset {
background: #f00 url(images/intro-bg.jpg);
background-size: cover;
}
#pusset h2 {
width: 513px; height: 324px;
background: url(images/pusset-title.png); text-indent: -9999px;
position: relative; top: 70px; left: 90px;
}
#pusset p {
position: relative; top: 100px; left: 100px;
width: 500px;
color: #0ff;
text-shadow: 0px 0px 20px #0ff;
}
#pusset a {
color: #fff; text-decoration: none; font-weight: bold;
}
#pusset a.btn {
position: absolute; width: 500px; top: 700px; right: 10px;
display: block;
padding: 50px;
background-color: #f00;
box-shadow: 0 0 20px #f00;
border-radius: 7px;
-webkit-transition-property: hover;
-webkit-transition: background-color 0.25s ease-in-out;
-moz-transition: background-color 0.25s linear 0s; /* firefox 4 */
-o-transition-property: background-color; /* opera 10.5 */
-o-transition-duration: 0.25s;
font-size: 48px;
color: #fff;
text-align:center;
}
#pusset a.btn:hover {
background-color: #0ff;
color: #fff;
box-shadow: 0 0 20px #0ff;
}
#sakrecoer {
background: #0ff url(images/sakrecoerLIVE.png);
position: relative;
text-shadow: 0px 0px 10px #f00;
color: #fff;
}
#sakrecoer h2 {
width: 900px; height: 147px;
background: url(images/intro-title.png); text-indent: -9999px;
position: relative; top: 90px; left: 85px;
}
#sakrecoer p {
position: relative; top: 120px; left: 90px;
width: 720px;
}
#sakrecoer ul li {
float: left; box-shadow: 0 0 20px rgba(0,0,0,0.5); line-height: 0;
position: absolute; list-style: none;
}
#sakrecoer ul li:nth-child(1) {
top: 640px; left: 50px;
transform: rotate(10deg);
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
z-index: 1;
}
#sakrecoer ul li:nth-child(2) {
top: 550px; left: 320px;
transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
z-index: 3;
}
#sakrecoer ul li:nth-child(3) {
top: 680px; left: 520px;
transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
z-index: 2;
}
#sakrecoer ul li:nth-child(4) {
top: 550px; left: 810px;
transform: rotate(7deg);
-moz-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
z-index: 1;
}
#sakrecoer ul li:nth-child(5) {
top: 630px; left: 940px;
transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-webkit-transform: rotate(-7deg);
z-index: 2;
}
#sakrecoer ul li:nth-child(6) {
top: 678px; left: 1230px;
transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
z-index: 1;
}
#sakrecoer img {
box-shadow: 0 0 10px #f00;
}
#final {
background: #0fc url(images/last-bg.jpg);
background-size: cover;
}
#final h2 {
width: 672px; height: 358px;
background: url(images/final-title.png); text-indent: -9999px;
position: relative; top: 87px; left: 90px;
}
#final p {
position: relative; top: 130px; left: 115px;
width: 672px;
color: #fff;
}
#final p.credits {
font-size: 12px;
position: absolute; top: 950px; left: 115px;
color: #000;
text-shadow: none;
width: 872px;
}
{% include curtain.css %}
{% include style.css %}
{% include navmenu.css %}

BIN
apple-touch-icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
assets/css/BAnkrutt.otf
View file

Binary file not shown.

291
assets/css/frontpage.css
View file

@ -1,291 +0,0 @@
---
---
{% include base.html %}
{% include normalize.css %}
{% include style.css %}
/*! sakrecoer front-sheet */
html{
-webkit-transition:.5s background;
transition:.5s background;
background:url({{ base }}/assets/img/bg/frontpage.jpg) no-repeat;
background-size:cover;
}
body{
margin:0;
padding:0;
background:transparent;
font-family: futura, Helvetica, sans-serif;
}
h1,
h2,
h3,
h4 {
font-family: futura;
text-transform: uppercase;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
text-decoration: none;
-webkit-transition:.5s background;
transition:.5s background
}
a,
a:link,
a:visited {
color: #fff;
-webkit-transition-property: hover;
-webkit-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s linear 0s; /* firefox 4 */
-o-transition-property: color; /* opera 10.5 */
-o-transition-duration: 0.5s;
text-shadow: 1px 0px 14px rgba(255, 255, 255, 0.5),
-1px 0px 14px rgba(255, 255, 255, 0.5),
0px -1px 14px rgba(255, 255, 255, 0.5),
0px 1px 14px rgba(255, 255, 255, 0.5);
-webkit-transition-property: hover;
-webkit-transition: text-shadow .5s ease-in-out;
-moz-transition: text-shadow .5s linear 0s; /* firefox 4 */
-o-transition-property: text-shadow; /* opera 10.5 */
-o-transition-duration: .5s;
}
a:hover {
color: #f00;
text-shadow: 1px 0px 4px rgba(255, 255, 255, 0.5),
-1px 0px 4px rgba(255, 255, 255, 0.5),
0px -1px 4px rgba(255, 255, 255, 0.5),
0px 1px 4px rgba(255, 255, 255, 0.5);
}
a:active {
color: #000;
}
div{
z-index: -10
}
/* ------ magicvideo ---- */
video{
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-100;
background:url({{ base }}/assets/img/bg/frontpage.jpg) no-repeat;
background-size:cover;
-webkit-transition:1s opacity;transition:1s opacity;
}
h1{
font-size:3rem;
text-transform:uppercase;
margin-top:0;
letter-spacing:.3rem;
font-family: futurabold;
}
.stopfade{
opacity:.5
}
#video_pause {
font-family: futura;
text-transform: uppercase;
position: fixed;
bottom: 10px;
right: 10px;
display:block;
width:50px;
padding:.2rem;
border:none;
margin:0rem 0rem;
font-size:.7rem;
background:rgba(255,0,0,.23);
color:#fff;
border-radius:3px;
cursor:pointer;
-webkit-transition:.3s background;
transition:.3s background;
}
#video_pause:hover{
background:rgba(0,0,0,.5);
color: #fff;
}
/* ---- hide divs ---- */
#abcdef,#abcde,#abcd,#abc,#ab {
display: none;
background-color: transparent;
}
/*show .ab*/
#music:hover ~ #ab {
display: block;
}
/*show .abc*/
#about:hover ~ #abc {
display: block;
}
/*show .abcd*/
#log:hover ~ #abcd {
display: block;
}
/*show .abcde*/
#discog:hover ~ #abcde {
display: block;
}
/*show .abcdef*/
#links:hover ~ #abcdef {
display: block;
}
#music:hover ~ #a,
#about:hover ~ #a,
#log:hover ~ #a,
#discog:hover ~ #a,
#links:hover ~ #a{
display: none;
}
#music,
#about,
#log,
#discog,
#links{
font-family: futurabold;
line-height: 1.2;
text-transform: uppercase;
float:right;
font-size: 5em;
font-weight: bold;
width: 100%;
text-align: left;
color: transparent;
border-radius: 3px;
}
#music:hover{
background-color: rgba(255, 0, 24, 0.3);
}
#about:hover{
background-color: rgba(153, 255, 0, 0.5);
}
#log:hover{
background-color: rgba(0, 255, 229, 0.3);
}
#discog:hover{
background-color: rgba(102, 0, 255, 0.3);
}
#links:hover{
background-color: rgba(0, 0, 0, 0.3);
}
#a, #ab, #abc, #abcd, #abcde, #abcdef{
position:absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
/* default */
#a{
background:url('../img/sakrecoerLOGO.png') no-repeat center center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-color:rgba(255, 0, 24, 0.5);
height: 90%;
top: 10%;
position:absolute;
text-align: center;
background-color: rgba(0, 0, 0, 0);
opacity: .8;
}
/* music */
#ab{
background:url('../img/bg/boombbox.jpg') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: rgba(255, 0, 24, 0.5);
font-family: futura;
opacity: .75;
}
/* about */
#abc{
position:fixed;
top:30%; left:36%;
width: 350px; height: 350px; padding: 0 7px 30px 7px;
background-color: rgba(153, 255, 0, 1);
font-family: futura;
opacity: 1;
letter-spacing: -1px;
text-transform: uppercase; font-size:24px;
text-align: center;
border-radius:4px; color:#000;
}
#abc p {
line-height:24px;
}
/* blog */
#abcd{
background-color: rgba(0, 255, 229, 0.2);
font-family: futura, Helvetica; color: rgba(0, 255, 229, 0.2);
letter-spacing: -1px;
text-transform: uppercase; font-size:24px;
text-align: justify;
border-radius:4px;
}
/* discog */
#abcde{
background:url('../img/discog2014.jpg') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: rgba(255, 0, 24, 0.5);
font-family: futura;
opacity: .6;
}
/* links */
#abcdef{
background:url('../img/Chain_1.png') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align: center;
font-family: futura;
}
#logo {
margin: auto
}

140
assets/css/kid3index.css
View file

@ -1,140 +0,0 @@
---
---
{% include base.html %}
/*! Index page */
@font-face {
font-family: futura;
src: url('{{ base }}/assets/fonts/free_avantgarde.woff');
}
@font-face {
font-family: futurabold;
src: url('{{ base }}/assets/fonts/free_avantgardeBOLD.woff');
}
html{
-webkit-transition:.5s background;
transition:.5s background;
font-family: futurabold, Helvetica, Arial, sans-serif, sans;
font-size: 1em;
background: rgba(0,76,255,1);
}
body, p{
margin:0;
background: rgba(0,76,255,1);
}
h1,
h2,
h3,
h4 {
font-weight:bold;
text-transform: uppercase;
}
b,
strong {
font-weight:bold;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
text-decoration: none;
-webkit-transition:.6s background;
transition:.6s background;
}
a,
a:link,
a:visited {
color: #fff;
-webkit-transition-property: hover;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s linear 0s; /* firefox 4 */
-o-transition-property: color; /* opera 10.5 */
-o-transition-duration: 0.15s;
}
a:hover {
color: rgba(0,76,255,0.9);
}
a:active {
color: #f00;
}
.vignette {
float: left;
width:320px;
min-width:320px;
height:320px;
background:no-repeat;
background-size: 370px;
background-color: rgba(255,0,76,.0);
box-shadow: 1px 0px 37px rgba(255,0,76,.1),
-1px 0px 37px rgba(255,0,76,.1),
0px -1px 37px rgba(255,0,76,.1),
0px 1px 37px rgba(255,0,76,.1);
}
#picker {
}
#picker p {
position:relative;
width:77%;
height: 77%;
margin: auto;
padding: 17px;
border-radius: 2px;
background: rgba(0,76,255,0);
color:rgba(215,215,215,0.3);
-webkit-transition-property: hover;
-webkit-transition: background 0.15s ease-in-out;
-moz-transition: background 0.15s linear 0s; /* firefox 4 */
-o-transition-property: background; /* opera 10.5 */
-o-transition-duration: 0.15s;
line-height: 1.3em;
letter-spacing: -0.1em;
}
#picker p:hover{
background: rgba(255,0,0,.7);
color: #d7d7d7;
}
strong {
font-size:2em;
}
.title{
text-shadow: 1px 0px 2px rgba(0,76,255,.5),
-1px 0px 2px rgba(0,76,255,.5),
0px -1px 2px rgba(0,76,255,.5),
0px 1px 2px rgba(0,76,255,.5);
}
#pagetitle {
z-index: 100;
text-transform: none;
position: fixed; bottom: 10px; left:17px;
font-size:2.5em;
letter-spacing:-.05em;
line-height: .95em;
color:rgba(119,119,119,0);
background-color:rgba(255,0,76,.5);
box-shadow: 1px 0px 27px rgba(255,0,76,.1),
-1px 0px 27px rgba(255,0,76,.1),
0px -1px 27px rgba(255,0,76,.1),
0px 1px 27px rgba(255,0,76,.1);
padding:7px;
border-radius: 2px;
}
h1:hover{
text-shadow: 1px 0px 0px rgba(0,76,255,.5),
-1px 0px 0px rgba(0,76,255,.5),
0px -1px 0px rgba(0,76,255,.5),
0px 1px 0px rgba(0,76,255,.5);
-webkit-transition-property: hover;
-webkit-transition: text-shadow 0.3s ease-in-out;
-moz-transition: text-shadow 0.3s linear 0s; /* firefox 4 */
-o-transition-property: text-shadow; /* opera 10.5 */
-o-transition-duration: 0.3s;
}
#navigation {
position: fixed; bottom: 130px; left:17px;
z-index: 10;
}
{% include navmenu.css %}

192
assets/css/kid3player.css
View file

@ -1,192 +0,0 @@
---
---
{% include base.html %}
@font-face {
font-family: futura;
src: url('{{ base }}/assets/fonts/free_avantgarde.woff');
}
@font-face {
font-family: futurabold;
src: url('{{ base }}/assets/fonts/free_avantgardeBOLD.woff');
}
/*! Track Pages */
html{
-webkit-transition:.5s background;
transition:.5s background;
font-family: Futura, Helvetica, Arial, sans-serif, sans;
font-size: 1em;
}
body, p{
margin:0;
}
h1,
h2,
h3,
h4 {
font-weight:bold;
text-transform: uppercase;
}
b,
strong {
font-weight:bold;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
text-decoration: none;
-webkit-transition:.6s background;
transition:.6s background;
}
a,
a:link,
a:visited {
color: #fff;
-webkit-transition-property: hover;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s linear 0s; /* firefox 4 */
-o-transition-property: color; /* opera 10.5 */
-o-transition-duration: 0.15s;
}
a:hover {
color: rgba(0,76,255,0.9);
}
a:active {
color: #f00;
}
#navigation {
z-index: 100000;
position: fixed; top:10px; left: 10px; z-index: 1000;
width: 150px; height: 290px;padding: 10px;
background-color: rgba(0,204,255,0.5);
text-align: center;
border-radius: 75px ;
opacity: .33;
-webkit-transition-property: hover;
-webkit-transition: opacity 0.7s ease-in-out;
-moz-transition: opacity 0.7s linear 0s; /* firefox 4 */
-o-transition-property: opacity; /* opera 10.5 */
-o-transition-duration: 0.7s;
}
#navigation:hover {
background-color: rgba(0,204,255,0.5);
opacity: 1;
}
#lyrics {
position: absolute; left:350px; top:60px; z-index: 1000;
min-width:600px;
padding: 0 .75em 200px .75em;
margin-right:20%;
background-color: rgba(0,76,255,0);
text-align: left;
font-size: .85em;
color: rgba(0,204,255,0);
border-radius: 2px ;
opacity: 1;
-webkit-transition-property: hover;
-webkit-transition: background-color 0.7s ease-in-out;
-moz-transition: background-color 0.7s linear 0s; /* firefox 4 */
-o-transition-property: background-color; /* opera 10.5 */
-o-transition-duration: 0.7s;
}
#lyrics:hover {
background-color: rgba(0,76,255,1);
opacity: .9;
z-index: 10;
color: rgba(0,204,255,.9);
border-radius: 3px;
}
.title{
font-family: Futurabold, Helvetica, Arial, sans-serif, sans;
font-size:6em;
line-height:.8em;
letter-spacing:-.1em;
color:rgba(0,204,255,0);
text-shadow: 1px 0px 27px rgba(0,204,255,.2),
-1px 0px 27px rgba(0,204,255,.2),
0px -1px 27px rgba(0,204,255,.2),
0px 1px 27px rgba(0,204,255,.2);
}
h1 {
-webkit-transition-property: hover;
-webkit-transition: text-shadow 0.7s ease-in-out;
-moz-transition: text-shadow 0.7s linear 0s; /* firefox 4 */
-o-transition-property: text-shadow; /* opera 10.5 */
-o-transition-duration: 0.7s;
}
h1:hover {
text-shadow: 1px 0px 0px rgba(0,204,255,.5),
-1px 0px 0px rgba(0,204,255,.5),
0px -1px 0px rgba(0,204,255,.5),
0px 1px 0px rgba(0,204,255,.5);
-webkit-transition-property: hover;
-webkit-transition: text-shadow 0.7s ease-in-out;
-moz-transition: text-shadow 0.7s linear 0s; /* firefox 4 */
-o-transition-property: text-shadow; /* opera 10.5 */
-o-transition-duration: 0.7s;
}
audio{
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:100%;
height:100%;
background:#777 no-repeat;
background-size:cover;
opacity:0;
-webkit-transition:1s opacity;transition:1s opacity;
display: block;
}
.stopfade{
opacity:.7;
}
#mu_pause {
font-weight: bold;
line-height: 1em;
font-size:2em;
font-family: Futurabold, Helvetica, Arial, sans-serif;
text-transform: uppercase;
/* position: fixed;
bottom: 30%;
right: 40%; */
display:block;
width:150px;
height: 150px;
border-radius: 50%;
border:none;
background:rgba(0,204,255,1);
cursor:pointer;
-webkit-transition:.3s background;
transition:.3s background;
z-index: 10000;
color: #fff;
}
#mu_pause:hover{
background:rgba(0,76,255,.9);
color: #fff;
}
#tracktime {
position: fixed; right: 10px; bottom:0px;
font-size: 12em; line-height:0.9em; letter-spacing: -0.1em; color: rgba(119,119,119,0);
font-family: Helvetica, Arial, Sans-serif, Sans;
font-weight: bold;
text-shadow: 1px 0px 14px rgba(0,204,255,.5),
-1px 0px 14px rgba(0,204,255,.5),
0px -1px 14px rgba(0,204,255,.5),
0px 1px 14px rgba(0,204,255,.5);
z-index: 100;
}
.arrow {
font-size: 2em;
line-height: .9em;
}
{% include navmenu.css %}

169
assets/css/music.css
View file

@ -1,169 +0,0 @@
---
---
{%include base.html %}
/* skipper */
#skipper {
position: absolute; bottom:0;
z-index: 1;
}
/* */
audio{
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:100%;
height:100%;
background:url({{ base }}/img/bg/frontpage.jpg) no-repeat;
background-size:cover;
opacity:0;
-webkit-transition:1s opacity;transition:1s opacity;
display: block;
}
.stopfade{
opacity:.7;
}
#mu_pause {
font-family: futurabold;
font-weight: bold;
line-height: 1em;
font-size:3em;
text-transform: uppercase;
/* position: fixed;
bottom: 30%;
right: 40%; */
display:block;
width:250px;
height: 250px;
border-radius: 50%;
border:none;
background:rgba(255,0,0,1);
cursor:pointer;
-webkit-transition:.3s background;
transition:.3s background;
z-index: 10000;
color: #fff;
}
#mu_pause:hover{
background:rgba(0,255,255,.6);
color: #fff;
}
/* ---- hide divs ---- */
#abc,#ab {
display: none;
background-color: transparent;
}
/*show .ab*/
#download:hover ~ #ab {
display: block;
}
/*show .abc*/
#lyrics:hover ~ #abc {
display: block;
opacity: 1;
-webkit-transition-property: hover;
-webkit-transition: opacity 0.7s ease-in-out;
-moz-transition: opacity 0.7s linear 0s; /* firefox 4 */
-o-transition-property: opacity; /* opera 10.5 */
-o-transition-duration: 0.7s;
}
#download:hover ~ #a,
#lyrics:hover ~ #a{
display: none;
}
#download,
#lyrics{
font-family: futurabold;
text-transform: uppercase;
font-weight: bold;
}
#a, #ab, #abc {
position: fixed;
bottom: 0px;
right: 0px;
width: 75%;
height: 85%;
background-color: transparent;
}
/* default */
#a{
width: 1px;
height: 1px;
}
/* download */
#ab {
top:140px; left:350px;
width: 600px; height: 120px;padding: 17px;
background-color: rgba(0, 0, 0, .4);
font-family: futura; font-size:24px; text-align: left;
opacity: 1;
text-transform:uppercase;
border-radius:4px;
}
/* lyrics */
#abc{
top:140px; left:350px;
width: 600px; height:120px;padding: 17px;
background-color: rgba(0, 0, 0, .4);
font-family: futura; font-size:12px; text-align: left;
opacity: 1;
border-radius:4px;
}
#tracktime {
position: fixed; right: 10px; bottom:-10px;
font-size: 272px; font-family: futurabold; line-height:288px; letter-spacing: -20px; color: rgba(0,255,255,.3);
}
#random_posts{
position: fixed; right: 20px; top:140px;
width: 300px;
font-family: futura; font-size: 12px;
line-height: 10px;
background:rgba(0,0,0,1);
border-radius: 4px;
padding: 7px;
-webkit-transition:1s opacity;transition:1s opacity;
opacity: .3;
z-index: 1000;
}
hr {
border-color: #222;
}
#random_posts:hover{
opacity: .7;
}

396
assets/css/normalize.css vendored
View file

@ -1,396 +0,0 @@
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 8/9.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre-wrap;
}
/**
* Set consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 2 */
margin: 0; /* 3 */
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to `content-box` in IE 8/9.
* 2. Remove excess padding in IE 8/9.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}

171
assets/css/style.css
View file

@ -1,171 +0,0 @@
/*! sakrecoer sheet */
@font-face {
font-family: BAnkrutt;
src: url('BAnkrutt.otf');
}
body {
margin: auto;
background-color: #606;
font-size: 1em;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 5px 20px 40px 20px;
text-align: left;
background-image:url('/assets/img/micro_logo.png');
}
h1,
h2,
h3,
h4 {
font-family: BAnkrutt;
text-transform: lowercase;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
text-decoration: none;
}
a,
a:link,
a:visited {
color: #fff;
-webkit-transition-property: hover;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s linear 0s; /* firefox 4 */
-o-transition-property: color; /* opera 10.5 */
-o-transition-duration: 0.15s;
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
-1px 0px 4px rgba(255, 0, 0, 0.5),
0px -1px 4px rgba(255, 0, 0, 0.5),
0px 1px 4px rgba(255, 0, 0, 0.5);
}
}
a:hover {
color: #f00;
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
-1px 0px 4px rgba(255, 0, 0, 0.5),
0px -1px 4px rgba(255, 0, 0, 0.5),
0px 1px 4px rgba(255, 0, 0, 0.5);
}
a:active {
color: #000;
}
/*! NAVIGATION */
#header {
margin: auto;
line-height: 24px;
z-index: 1000;
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
-1px 0px 4px rgba(255, 0, 0, 0.5),
0px -1px 4px rgba(255, 0, 0, 0.5),
0px 1px 4px rgba(255, 0, 0, 0.5);
text-align: center;
}
#footer {
margin: auto;
line-height: 12px;
font-size: 0.75em;
text-align: center;
z-index: 1000;
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
-1px 0px 4px rgba(255, 0, 0, 0.5),
0px -1px 4px rgba(255, 0, 0, 0.5),
0px 1px 4px rgba(255, 0, 0, 0.5);
}
#main-menu-links {
margin: auto;
font-family: BAnkrutt;
font-size: 3em;
margin-right: 5px;
line-height: 36px
}
#main-menu-links a {
color: #fff;
text-decoration: none;
}
#main-menu-links a:hover,
#main-menu-links a:focus {
color: #f00;
}
#main-menu-links a:active {
color: #000;
}
#footer-menu-links {
margin: auto;
font-family: BAnkrutt;
font-size: 3em;
line-height: 36px;
margin: auto;
text-align: center;
z-index: 1000;
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
-1px 0px 4px rgba(255, 0, 0, 0.5),
0px -1px 4px rgba(255, 0, 0, 0.5),
0px 1px 4px rgba(255, 0, 0, 0.5);
}
#footer-menu-links a {
color: #fff;
text-decoration: none;
}
#footer-menu-links a:hover,
#main-menu-links a:focus {
color: #f00;
}
#footer-menu-links a:active {
color: #000;
}
/*! CONTENT */
#content{
margin: auto;
text-shadow:2px 2px 4px #fff;
text-align: left;
}
#About .about,
#Blog .blog,
#Discography .discog,
#Music .music,
#Video .video {
color: #f00;
text-shadow: 1px 0px 4px rgba(255, 255, 255, 0.25),
-1px 0px 4px rgba(255, 255, 255, 0.25),
0px -1px 4px rgba(255, 255, 255, 0.25),
0px 1px 4px rgba(255, 255, 255, 0.25);
}
.tagline {
text-align: center;
margin-right: 5px;
margin-top: -5px;
font-size: 1.2em;
}
.date {
font-size: 0.6em;
}
/* Fullscreen Background image */
.image-fullscreen,
.image-fullscreen .mask {
background-repeat: repeat;
position:fixed;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index: -1;
}
td {
vertical-align: top;
}
#nextpager {
width: 100%;
text-align: center;
font-size: 1em;
padding: 30px 0 0 0;
}

4
assets/css/style.scss Normal file
View file

@ -0,0 +1,4 @@
---
---
@import 'normalize';
@import 'main';

6
assets/css/style2014.css
View file

@ -1,6 +0,0 @@
---
---
{% include base.html %}
{% include normalize.css %}
{% include style.css %}
{% include navmenu.css %}

0
links/VILLAMAGICAREBOOT99XX copy.banner.png → assets/img/linkbanners/VILLAMAGICAREBOOT99XX copy.banner.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6 KiB

After

Width:  |  Height:  |  Size: 6 KiB

0
links/alexunderstands.png → assets/img/linkbanners/alexunderstands.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

Some files were not shown because too many files have changed in this diff Show more