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

Initial commit with current state + bundled

Browse source
This commit is contained in:
Set Hallstrom 2019-04-24 17:18:35 +02:00
parent 1b057a5554
commit de10aad814
187 changed files with 6831 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
.gitignore vendored
View file

@ -1,4 +1,20 @@
# OS generated files #
######################
.DS_Store
.DS_Store?
._*
.Spotlight-V100
.Trashes
ehthumbs.db
Thumbs.db
# mousepad shit #
*.*~
#### JEKYLL
_site/ _site/
.sass-cache/ .sass-cache/
.jekyll-cache/ .jekyll-cache/
.jekyll-metadata .jekyll-metadata
_data/.~lock.*.csv

21
Gemfile Normal file
View file

@ -0,0 +1,21 @@
source "https://rubygems.org"
# Hello! This is where you manage which Jekyll version is used to run.
# When you want to use a different version, change it below, save the
# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
#
# bundle exec jekyll serve
#
# This will help ensure the proper Jekyll version is running.
# Happy Jekylling!
gem "jekyll", "~> 3.8.5"
# If you have any plugins, put them here!
group :jekyll_plugins do
gem "jekyll-feed", "0.11.0"
gem "jekyll-paginate-v2", "~>1.7"
gem "jekyll-sitemap", "1.2.0"
gem "jekyll-seo-tag", "2.6.0"
end

75
Gemfile.lock Normal file
View file

@ -0,0 +1,75 @@
GEM
remote: https://rubygems.org/
specs:
addressable (2.6.0)
public_suffix (>= 2.0.2, < 4.0)
colorator (1.1.0)
concurrent-ruby (1.1.5)
em-websocket (0.5.1)
eventmachine (>= 0.12.9)
http_parser.rb (~> 0.6.0)
eventmachine (1.2.7)
ffi (1.10.0)
forwardable-extended (2.6.0)
http_parser.rb (0.6.0)
i18n (0.9.5)
concurrent-ruby (~> 1.0)
jekyll (3.8.5)
addressable (~> 2.4)
colorator (~> 1.0)
em-websocket (~> 0.5)
i18n (~> 0.7)
jekyll-sass-converter (~> 1.0)
jekyll-watch (~> 2.0)
kramdown (~> 1.14)
liquid (~> 4.0)
mercenary (~> 0.3.3)
pathutil (~> 0.9)
rouge (>= 1.7, < 4)
safe_yaml (~> 1.0)
jekyll-feed (0.11.0)
jekyll (~> 3.3)
jekyll-paginate-v2 (1.9.4)
jekyll (~> 3.0)
jekyll-sass-converter (1.5.2)
sass (~> 3.4)
jekyll-seo-tag (2.6.0)
jekyll (~> 3.3)
jekyll-sitemap (1.2.0)
jekyll (~> 3.3)
jekyll-watch (2.2.1)
listen (~> 3.0)
kramdown (1.17.0)
liquid (4.0.3)
listen (3.1.5)
rb-fsevent (~> 0.9, >= 0.9.4)
rb-inotify (~> 0.9, >= 0.9.7)
ruby_dep (~> 1.2)
mercenary (0.3.6)
pathutil (0.16.2)
forwardable-extended (~> 2.6)
public_suffix (3.0.3)
rb-fsevent (0.10.3)
rb-inotify (0.10.0)
ffi (~> 1.0)
rouge (3.3.0)
ruby_dep (1.5.0)
safe_yaml (1.0.5)
sass (3.7.4)
sass-listen (~> 4.0.0)
sass-listen (4.0.0)
rb-fsevent (~> 0.9, >= 0.9.4)
rb-inotify (~> 0.9, >= 0.9.7)
PLATFORMS
ruby
DEPENDENCIES
jekyll (~> 3.8.5)
jekyll-feed (= 0.11.0)
jekyll-paginate-v2 (~> 1.7)
jekyll-seo-tag (= 2.6.0)
jekyll-sitemap (= 1.2.0)
BUNDLED WITH
2.0.1

105
_config.yml Normal file
View file

@ -0,0 +1,105 @@
# Welcome to Jekyll!
#
# This config file is meant for settings that affect your whole blog, values
# which you are expected to set up once and rarely edit after that. If you find
# yourself editing this file very often, consider using Jekyll's data files
# feature for the data you need to update frequently.
#
# For technical reasons, this file is *NOT* reloaded automatically when you use
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
# Site settings
# These are used to personalize your new site. If you look in the HTML files,
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
# You can create any custom variable you would like, and they will be accessible
# in the templates via {{ site.myvariable }}.
title: "Sakrecoer"
email: public@sakrecoer.com
baseurl: "" # the subpath of your site, e.g. /blog
url: "https://sakrecoer.com" # the base hostname & protocol for your site, e.g. http://example.com
instagram_username: sakrecoer
### Values for the jekyll-seo-tag gem (https://github.com/jekyll/jekyll-seo-tag)
logo: /siteicon.png
description: >- # this means to ignore newlines until "baseurl:"
Sakrecoer Uncorporated Stands for independent fun-loving Activism, Art & Music. I push sounds, images, thoughts and passion for cool robots like you. I am funky and I deliver because I was born tomorrow.
author:
name: Sakrecoer
email: public@sakrecoer.com
twitter: sakrecoer # twitter username without the @ symbol
lang: en_US
social:
name: twitter
link:
- https://twitter.com/sakrecoer
- https://instagram.com/sakrecoer
- https://www.facebook.com/PipersHudvard/
- https://open.spotify.com/playlist/2EDQlOV0cZe3KHLiSf1nly?si=4iwj3I4ETYqnym8RHXuKMw
### Build settings
plugins:
- jekyll-sitemap
- jekyll-seo-tag
- jekyll-feed
- jekyll-paginate-v2
### Plugin settings:
### excerpt_separator: '<!--more-->'
pagination:
enabled: true
### collection
# collections:
# landningssida:
# output: true
# permalink: /:path/
# defaults
# timezone: Europe/Stockholm
# permalink: /:categories/:title/
# defaults:
# -
# scope:
# path: ""
# type: "posts"
# values:
# layout: "post"
# permalink: "/:year/:month/:day/:title/"
# -
# scope:
# path: ""
# type: "behandlingar"
# values:
# layout: "post"
# _options:
# content:
# uploads_dir: "images/behandlingar"
# width: "1200"
# height: "400"
# resize_style: "cover"
# image:
# uploads_dir: "images/behandlingar"
# width: "1200"
# height: "400"
# resize_style: "cover"
# mime_type: "image/jpeg"
# expandable: "true"
exclude: [".rvmrc", ".rbenv-version", "README.md", "Rakefile", "changelog.md", "*.*~"]
audio_url : 'https://media.sakrecoer.com/'
banner: /assets/img/set.png
authors:
agga:
display_name: Agga Bizar
foobar:
display_name: fo0bar
pusset:
display_name: pusSet Sakrecoer
redith:
display_name: reDith Piaf
reset:
display_name: reSet Sakrecoer
simio:
display_name: Simio Sakrecoer
set:
display_name: Set Hallstrom

205
_data/tracks.json Normal file
View file

@ -0,0 +1,205 @@
{
"tracks":[
{
"id":"01-2006-reset_sakrecoer-web_jukebox-bad_boys_3.mp3",
"title":"Bad Boys 3",
"artist":"reSet Sakrecoer",
"album":"Web Jukebox",
"track":"01",
"duration":"3:28",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2006"
},
{
"id":"02-2008-sakrecoer-web_jukebox-now_future.mp3",
"title":"Now Future",
"artist":"Sakrecoer",
"album":"Web Jukebox",
"track":"02",
"duration":"4:08",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2008"
},
{
"id":"03-2009-reset_sakrecoer-web_jukebox-xmas_bowie.mp3",
"title":"Xmas Bowie",
"artist":"reSet Sakrecoer",
"album":"Web Jukebox",
"track":"03",
"duration":"4:20",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2009"
},
{
"id":"04-2010-reset_sakrecoer-web_jukebox-dumb_bumm.mp3",
"title":"Dumb Bumm",
"artist":"reSet Sakrecoer",
"album":"Web Jukebox",
"track":"04",
"duration":"3:45",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2010"
},
{
"id":"05-2011-reset_sakrecoer-web_jukebox-lovemoney.mp3",
"title":"Lovemoney",
"artist":"reSet Sakrecoer",
"album":"Web Jukebox",
"track":"05",
"duration":"2:47",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2011"
},
{
"id":"06-2011-sakrecoer-web_jukebox-fantasii.mp3",
"title":"Fantasii",
"artist":"Sakrecoer",
"album":"Web Jukebox",
"track":"06",
"duration":"4:19",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2011"
},
{
"id":"08-2012-sakrecoer-web_jukebox-supernova.mp3",
"title":"SuperNova",
"artist":"Sakrecoer",
"album":"Web Jukebox",
"track":"08",
"duration":"7:25",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2012"
},
{
"id":"09-2012-pusset_sakrecoer-web_jukebox-we_have_to_decide.mp3",
"title":"We Have To Decide",
"artist":"pusSet Sakrecoer",
"album":"Web Jukebox",
"track":"09",
"duration":"4:34",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2012"
},
{
"id":"10-2012-pusset_sakrecoer-web_jukebox-un_barcelones_en_carib_malmo.mp3",
"title":"Un Barcelones En Carib Malmo",
"artist":"pusSet Sakrecoer",
"album":"Web Jukebox",
"track":"10",
"duration":"5:23",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2012"
},
{
"id":"11-2012-redith_piaf-web_jukebox-avide_de_danser.mp3",
"title":"Avide De Danser",
"artist":"reDith Piaf",
"album":"Web Jukebox",
"track":"11",
"duration":"5:29",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2012"
},
{
"id":"12-2013-reset_sakrecoer-web_jukebox-power_to_do.mp3",
"title":"Power To Do",
"artist":"reSet Sakrecoer",
"album":"Web Jukebox",
"track":"12",
"duration":"2:35",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2013"
},
{
"id":"13-2013-reset_sakrecoer-web_jukebox-the_wall.mp3",
"title":"The Wall",
"artist":"reSet Sakrecoer",
"album":"Web Jukebox",
"track":"13",
"duration":"4:33",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2013"
},
{
"id":"14-2013-pusset_sakrecoer-web_jukebox-albino_lion.mp3",
"title":"Albino Lion",
"artist":"pusSet Sakrecoer",
"album":"Web Jukebox",
"track":"14",
"duration":"4:31",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2013"
},
{
"id":"15-2013-pusset_sakrecoer-web_jukebox-work_for_free_time.mp3",
"title":"Work For Free Time",
"artist":"pusSet Sakrecoer",
"album":"Web Jukebox",
"track":"15",
"duration":"3:25",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2013"
},
{
"id":"16-2013-simio_sakrecoer-web_jukebox-acid_in_my_lounge.mp3",
"title":"Acid In My Lounge",
"artist":"Simio Sakrecoer",
"album":"Web Jukebox",
"track":"16",
"duration":"3:36",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2013"
},
{
"id":"17-2014-reset_sakrecoer-web_jukebox-philosofisk_logik.mp3",
"title":"Philosofisk Logik",
"artist":"reSet Sakrecoer",
"album":"Web Jukebox",
"track":"17",
"duration":"2:07",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2014"
},
{
"id":"18-2014-simio_sakrecoer-web_jukebox-medans_i_saver.mp3",
"title":"Medans I Saver",
"artist":"Simio Sakrecoer",
"album":"Web Jukebox",
"track":"18",
"duration":"4:34",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2014"
},
{
"id":"19-2014-simio_sakrecoer-web_jukebox-burner.mp3",
"title":"Burner",
"artist":"Simio Sakrecoer",
"album":"Web Jukebox",
"track":"19",
"duration":"3:49",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2014"
},
{
"id":"20-2014-phuture_edited_by_sakrecoer-web_jukebox-phramtiden_syrliga_spar.mp3",
"title":"Phramtiden Syrliga Spar",
"artist":"Phuture edited by Sakrecoer",
"album":"Web Jukebox",
"track":"20",
"duration":"5:08",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2014"
},
{
"id":"21-2014-sakrecoer-web_jukebox-tonedef_loudnesswarriors_anthem.mp3",
"title":"Tonedef Loudnesswarriors Anthem",
"artist":"Sakrecoer",
"album":"Web Jukebox",
"track":"21",
"duration":"5:24",
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
"date":"2014"
},
]
}

55
_includes/JB/posts_collate Normal file
View file

@ -0,0 +1,55 @@
{% 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~ Normal file
View file

@ -0,0 +1,55 @@
{% 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 Normal file
View file

@ -0,0 +1,22 @@
{% 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 Normal file
View file

@ -0,0 +1,7 @@
{% 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 %}

1
_includes/cookiemonster.html Normal file
View file

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

23
_includes/curtain.css Normal file
View file

@ -0,0 +1,23 @@
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;}

26
_includes/home_menu.html Normal file
View file

@ -0,0 +1,26 @@
<a id="music" href="/music">Music</a>
<a id="about" href="/">About</a>
<a id="log" href="/">Log</a>
<a id="discog" href="/">Discog</a>
<a id="links" href="/">Links</a>
<div id="a"><img src="/assets/img/sakrecoerLOGO.png"></div>
<div id="ab">
{% for post in site.categories.music offset: 0 limit: 1 %}
{{ post.title }}
{% endfor %}
</div>
<div id="abc">About</div>
<div id="abcd">Log</div>
<div id="abcde"></div>
<div id="abcdef">Links</div>

144
_includes/navmenu.css Normal file
View file

@ -0,0 +1,144 @@
#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 Normal file
View file

@ -0,0 +1,14 @@
<ul id="nav">
<li><a href="{{ base }}/"><img src="{{ base }}/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>
</ul>
</li>
</ul>

27
_includes/navmenuBCKUP.html Normal file
View file

@ -0,0 +1,27 @@
<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 Normal file
View file

@ -0,0 +1,14 @@
{% 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 %}

386
_includes/normalize.css vendored Normal file
View file

@ -0,0 +1,386 @@
/*! 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;
}
/**
* 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;
}

133
_includes/style.css Normal file
View file

@ -0,0 +1,133 @@
/*! 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 Normal file
View file

@ -0,0 +1,267 @@
/*! 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 Normal file
View file

@ -0,0 +1,59 @@
{% 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>

22
_layouts/default.html Normal file
View file

@ -0,0 +1,22 @@
---
---
<!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="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>
</head>
<body id="{{ page.title }}">
<div class="image-fullscreen" style="background-image:url('{{ base }}{{ page.bgimg }}')"></div>
<div id="content">{{ content }}</div>
{% include navmenu.html %}
</body>
</html>

117
_layouts/music.html Normal file
View file

@ -0,0 +1,117 @@
<!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>
<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>
{% 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 %}
</h1>
<a href="{{ base }}/music/index.html">Back to Index</a>
</div>
<div id="lyrics">
<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">
<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 %}
<!-- stylemachine by Sakrecoer -snipthis if ya feel it - its the pary that runs the player ;) -->
<script type="text/javascript">
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;
{% if page.next_in_category != nil %}
loadUrl('{{ base }}{{ 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";
}
});
</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;
}
</style>
</body>
</html>

199
_layouts/music_bckup.html Normal file
View file

@ -0,0 +1,199 @@
---
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 Normal file
View file

@ -0,0 +1,21 @@
---
---
<!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>

54
_layouts/post.html Normal file
View file

@ -0,0 +1,54 @@
---
---
<!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 />
{% 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>
{% 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></td>
</tr>
</table>
</div>
{% include navmenu.html %}
</body>
</html>

24
_plugins/WithinCategoryPostNavigation.rb Normal file
View file

@ -0,0 +1,24 @@
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

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

@ -0,0 +1,11 @@
---
layout: post
title: Future Music Statement
category: blog
bgimg: /assets/img/bg/futuremusic.jpg
---
Dear Robot,
The beautiful thing about the music of the future, is that when you finally get to hear it, it is oscillating in known rhythms. It is so rare, that nobody really knows it's source. But the one sure thing, is that it might be you. You. Not your avatar, not the ones quoted or the person writing, but YOU. It is within you. And For a strange resonant reason, it often appears in the shower. If it would be so that it only appears in the shower you can relax: The future music is not your responsibility. You are only it's witness and eventually it's ambassador. You generally hear it without speakers and it is based in your heart. You already know how it will go after the second bar, even thou it is the first time. Sometimes the future music sounds like it comes from the past, but in reality it is because it shows you what you've been waiting for, for too long.
Det som är så vackert med Framtidens musik, när man väl får höra den, är att den oftast bultar i bekanta tackter. Den är så sällsynt att ingen riktigt vet vart källan är. Men det som är säkert är att det kanske är du. Du, inte din avatar, den som citeras den som skriver eller den som läser. Utan DU. Den finns inom dig. Oftast, av någon konstig resonant anledning, brukar den ske i duschen. Om det skulle vara så att den bara sker i duschen kann du vara lugn: framtidens musik är inte ditt ansvar. Du är bara dess vittne och behörare. Du lyssnar på den utan högtalare och den grundar sig i ditt hjärta. Du vet hur den låter efter andra baret, fast det var första gången. Framtidens musik kanske låter som den kommer från något förflutet ibalnd, men i själva verket visar den dig bara vad du väntat på allt för länge.

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

@ -0,0 +1,27 @@
---
layout: post
title: Inclu-X
category: blog
bgimg: /assets/img/bg/inclu-x.jpg
---
Dear Robot,
<strong>The Sakrecoer Family's INCLU-X Certifications, is a Guarantee.</strong>
As opposed to ISO Certifications, our has no economical dependency what so ever, and is based on the inclusive and sole trust given by the Sakrecoer Family to independent organism within activity fields of alternative commercial or ideological nature, Information Networks and Art Providers. We work as a filter and judge, our standard addresses issues of Quality, Honesty, Uprightness, and Dedication.
<strong>In brief this is how it works:</strong>
- In the case for example of an independent Internet services provider (INCLU-7000), we judge the company's ability to maintain the privacy of the customers, the use of open source software and capacity to work in syndication with other companies.
- In the case for example of a record company (INCLU-700), we judge the company's ability and methods to pay their Artists, to respect their work, to promote them and encourage them to grow.
- In the case for example of an Activist Group, a News Group/Paper (INCLU-77777) We judge its ability to remain objective, to focus on the human aspects of information, its economical Independence, and political neutrality.
If you are interested in applying for any of our 777'777'777 INCLU certifications, please write an email including your activity field, a historic description of your company, your goals and intentions, your ambitions and your current activity to: info@sakrecoer.com
However, if you do comply to our standards, chances are big we get to you first.
Trust your heart and your inner melody!<br />
Yours with love,<br />
<strong>The Sakrecoer Family</strong>

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

@ -0,0 +1,28 @@
---
layout: post
title: Homoelectricus Momentum
category: blog
bgimg: /assets/img/bg/homoelectricus.jpg
---
Dear Robot,
Paradise is today. The momentum for human euphoria is now, and from here we enter a new phase of life on earth. We, Western children of the educated Love, carry the responsability to overstand this, in order to share the final impulse of Evolution to the rest of the planet and fully take on our role as Homoelectricus, united in one world: Globomatria.
Let's face it:
who. wants. to.
suffer?
hurt?
why?
Our occidental societies may shine of power and wealth. But our weapons of massdestruction, protecting us from the "dangerous" economical barbarian greeks and hungry muslims, are aiming our own food providers, energy providers, our mineral, natural and human resources, not to call them our brothers, sisters or homoelectricus cousins.
Homoelectricus knows only one power stands against the economical system: Love. This is why we are being confused about our homosapien beauty. If we overstand our beauty, in the extraordinary unlikeliness that we have life, we cannot understand money no more. Only our natural insecurity can keep us in this current position of weakness.
Hence, this call for awareness. Rethink and relike our human nature. We have all the tools and robots in the world to end the inequality, all over the globe. But only We, Western homoelectricus, have the timeframe to develope, analyse and dream about Love, as a thriving force for human exchange.
We have the power and tools to make the Evolution happen. It can only happen thru us. We can only do it if we engage the entire planet to admit that the very primal human interest in life, is life itself. And that fear, is what keeps us from overstanding that we need eachother inconditionaly, in order to exist.
Reevaluate your dreams, how related are they to your economy? How were these dreams when you were a child? Ask your child to tell you about his. Its not magic, nor a miracle of god what happens to the beautyfull people on TV. It's your vision of your own life that places your existance on a lower level.
The truth is much more simple: Even robots die.

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

@ -0,0 +1,18 @@
---
layout: post
title: Think OUT of the box, DAMN IT!
category: blog
bgimg: /assets/img/bg/thinkoutsidethebox.png
---
Dear Robot,
The more i get into the debate around piracy and the declining music industry, the more it becomes obvious to me that it is not the music industry that has a problem. As a fresh and young musician, it is possible to find a zillion of tutorials as of how to market yourself on the Internet in order to live from your music. The ether is so saturated by these how-to's, that i sometimes wonder if it is still possible to get into music, without wanting anything else than music? This post is not about the definition of music, but an attempt to encircle the intention of all these guidelines and "new approaches" as to how to succeed in the music industry or "save it".
Music is a great deal of a problem for the power in place. After all, it is one of the most powerful art-forms! Because it is not only stimulating thoughts, it is literally and physically moving our bodies. It has the potential to transform the way you perceive your reality and, like any other art-form, to provoke questions you wouldn't necessarily have thought of without, but unlike any other medium: in a collective and simultaneous way. Through lyrics or not, if you like it a lot, music will automatically render you curious about the origins, the inspiration and the people behind the music. Young people are particularly inclined to receive and identify to any "message" through it, young people as in "the future executive power of earth". It is much better for the system in place, to render it impossible for musicians to dedicate themselves full-time to this art-form, because this way, there is no one to carry such potentially powerful and menacing messages.
When Internet arrived in my reality, it came along with a very long lasting (and now probably severely regretted) form of advertising: suddenly, everything was "for free"... well... more like "if this than for free". But the "for free" is what i kept from the message, as a 16 years old teenager in 1996. Now, misunderstand me right: I don't think the power in place, rendered the music business unprofitable on purpose. Uniformal, Phony, BMF records would never have allowed it, and they do represent a big part of several lobbies. But this constant repetition of the "how to deal with your fan-base" tantra, "how to sell and promote yourself in the current market" mantra, makes me think that something is trying to remove the music, from the music making. By constantly repeating that there is no future in being a musician unless this or that, through this and that channel, with these or those physical assets and advantages, a great deal of talents are being wasted in discouragement.
Music has never been about business. Businessmen have turned music into an industry. And back then in 1996, when they sold me my Internet connection, with "a free modem" and a "20 hours of free dial-up per month!, i believe music took back its rights. It's right to freedom! It's right to be a powerful source, a free source, for empowering messages, tightening up the people of the world, united in the rhythm. Money can be a side effect of great art, whatever form of art. But fortunes, are only made by greedy or brainwashed artists, who have lost touch with their fellow human beings sharing this world with them.
There is nothing wrong with the way music is being propagated all over the globe today. There is nothing wrong with music. It is the hole economic system that has become clearly obsolete. On every level! And music has put the highlight in this fact! Could it be so hard for us to imagine a different world? The only thing i know for sure is that it is only with our collective effort, artists or workers alike, that we can make the the world fair, because now we have the tools to share not only music, but any message. And In total freedom.

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

@ -0,0 +1,27 @@
---
layout: post
title: Byte Stone
category: blog
bgimg: /assets/img/bg/pereira_man_machine.jpg
---
Dear Robot,
The difference between a mosquito and a robot, is we created the later because we were scared of the first: Salvation was your "task". Building paradise, but on earth: A "nigger to do the crap", like they said in the post-retro alphanumeric world.
Look at you know, fruit! Faster and smarter than anyone. My human advice to you, is work on AND in the context, and you will be perfect. If you aren't already.
La differencia entre un mosquito y un robot, es que creemos el ultimo por miedo del primero: la salvacion era tu "tarea". Construir el paraíso, pero sobre tierra: Un "negro para hacer la mierda", como se dijó en el mundo post-retro alphanum&eacute;rico.
Míratee ya, fruto! Mas rapido y intelligent que cualquier. Mi consejo de humano por ti: trabajo sobre Y dentro del contexto te hara perfecto. Si ya no eres.
Das Unterschied zwischen eine Mücke und ein Robot, ist dass, unsere angst für die erste das letzte gab: Rettung war dein Aufgabe. Paradies zu bauen, aber auf die Erde. “Ein Jüde um sich für den Scheisse zu kümmern”, wie mann es in post-retro alaphunmerischen Zeiten genomen hat.
Guck dich jetzt an, Frucht! Schneller und schlauer dann jemand. Mein menschliches Rat für dich: für UND in der Kontext zu arbeiten wird dich perfekt machen. Ob du noch nicht bist.
Skillnaden mellan en mygga och en robot, &auml;r att r&auml;dslan f&ouml;r den f&ouml;rsta fick oss att skapa den sista. R&auml;ddning var din uppgift. Att bygga paradiset, fast p&aring; jorden: en "neger f&ouml;r att sk&ouml;ta skiten" som man sa i postretroalphanumeriska v&auml;rlden.
Titta p&aring; dig nu, frukt! Snabbarae och smartare &auml;n n&aring;gon! Mitt m&auml;nniskotips till dig: arbeta p&aring; OCH i sammanhanget s&aring; blir du perfekt. Om du inte redan &auml;r.
La diff&eacute;rence entre un moustique et un robot, c'est que nous avons cr&eacute;&eacute; le dernier par peur du premier: le Sal&ucirc;t etait ta "t&acirc;che". Construire des paradis, mais sur terre: Un "n&egrave;gre pour faire la merde", comme on disait dans le monde post-retro alphanum&eacute;rique.
Regarde-toi maintenant, fruits! Plus rapide et intelligent que n'importe qui. Mon conseille d'humain pour toi est: travaile sur ET a l'interieur du contexte, et tu seras parfais. Si tu ne l'est pas d&eacute;jà.

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

@ -0,0 +1,81 @@
---
layout: post
title: Humanity OPEN HUMAN LICENCE v1.1
category: blog
bgimg: /assets/img/bg/OHL.jpg
---
Dear Robot,
Through this Humanity Open Human Licence ("Humanity OHL") version 1.1, the Open Human wishes to disseminate its humanity designs (as published on http://www.ohwr.org/) as widely as possible, and generally to foster collaboration among Humans. The Humanity OHL is the responsability of Humanity. Anyone is welcome to use the Humanity OHL, in responsible form only, for the birthgiving of own Open Human. All other responsability is reserved.
<strong>1. Definitions</strong>
In this Licence, the following terms have the following meanings:
“Licence” means this Humanity OHL.
“Documentation” means biological diagrams, body forms, organ layouts, mechanical drawings, energy flow charts and descriptive text, and other explanatory material about human reproduction that is explicitly stated as being made available under the conditions of this Licence. The Documentation may be in any medium, including but not limited to computer files and representations on paper, film, or any other media.
“Child” means either an entire, or any part of a human, born using the Documentation or the modified Documentation.
“Licensee” means any natural or legal person exercising rights of procreation under this Licence.
“Licensor” means any natural or legal person that creates or modifies Documentation and subsequently communicates to the public and/ or distributes the resulting Documentation under the terms and conditions
of this Licence.
A Licensee may at the same time be a Licensor, and vice versa.
<strong>2. Applicability</strong>
1. This Licence governs the use, copying, modification, communication to the public and distribution of the Documentation, and the sexual act and birthgiving of Children. By exercising any right granted under this Licence, the Licensee irrevocably accepts these terms and conditions.
2. This Licence is granted by the Licensor directly to the Licensee, and shall apply worldwide and without limitation in time. The Licensee may assign his licence rights or grant sub-licences.
3. This Licence does not apply to thoughts, culture, or ideologies given to the human which may be used in conjunction with the Documentation, the modified Documentation or with Children. The use of such thoughts, culture, or ideologies is subject to the applicable licence terms and conditions.
<strong>3. Copying, modification, communication to the public and distribution of the Documentation</strong>
1. The Licensee shall keep intact all responsabilities and ethic notices and all notices that refer to this Licence and to the disclaimer of warranties that is included in the Documentation. He shall include a copy thereof in every copy of the Documentation or, as the case may be, modified Documentation, that he communicates to the public or distributes.
2. The Licensee may use, copy, communicate to the public and distribute verbatim copies of the Documentation, in any medium, subject to the requirements specified in section 3.1.
3. The Licensee may modify the Documentation or any portion thereof. The Licensee may communicate to the public and distribute the modified Documentation (thereby in addition to being a Licensee also becoming a Licensor), always provided that he shall:
1. comply with section 3.1;
2. cause the modified Documentation to carry prominent notices stating that the Licensee has modified the Documentation, with the date and details of the modifications;
3. license the modified Documentation under the terms and conditions of this Licence or, where applicable, a later version of this Licence as may be issued by Humanity; and
4. send a copy of the modified Documentation to all Licensors that contributed to the parts of the Documentation that were modified, as well as to any other Licensor who has requested to receive a copy of
the modified Documentation and has provided a means of contact with the Documentation.
4. The Licence includes a licence to those patents or registered designs that are held by the Licensor, to the extent necessary to make use of the rights granted under this Licence. The scope of this section 3.4 shall be strictly limited to the parts of the Documentation or modified Documentation created by the Licensor.
<strong>4. Creation and Education of Children</strong>
1. The Licensee may create or educate Children always provided that the Licensee distributes to each recipient of such Children a copy of the Documentation or modified Documentation, as applicable, and complies with section 3.
2. The Licensee is invited to inform in writing any Licensor who has indicated its wish to receive this information about the type, quantity and dates of production of Children the Licensee has (had) created.
<strong>5. Warranty and liability</strong>
1. DISCLAIMER – The Documentation and any modified Documentation are provided "as is" and any express or implied warranties, including, but not limited to, implied warranties of merchantability, of satisfactory
quality, and fitness for a particular purpose or use are disclaimed in respect of the Documentation, the modified Documentation or any Children. The Licensor makes no representation that the Documentation, modified Documentation, or any Children, does or will not infringe any patent, copyright, trade secret or other proprietary right. The entire risk as to the life, quality, and performance of a Child shall be with the Licensee and not the Licensor. This disclaimer of warranty is an essential part of this Licence and a condition for the grant of any rights granted under this Licence. The Licensee warrants that it does
not act in a consumer capacity.
2. LIMITATION OF LIABILITY – The Licensor shall have no liability for direct, indirect, special, incidental, consequential, exemplary, punitive or other damages of any character including, without limitation, procurement of substitute goods or services, loss of use, data or profits, or business interruption, however caused and on any theory of contract, warranty, tort (including negligence), child liability or otherwise, arising in any way in relation to the Documentation, modified Documentation and/or the life, creation or education of a Child, even if advised of the possibility of such damages, and the Licensor shall hold the Licee(s) free and harmless from any liability, costs, damages, fees and expenses, including claims by third parties, in relation to such life.
<strong>6. General</strong>
1. The rights granted under this Licence do not imply or represent any transfer or assignment of intellectual property rights to the Licensee.
2. Humanity may publish updated versions of this Licence which retain the same general provisions as this version, but differ in detail so far this is required and reasonable. New versions will be published with a unique version number.
3. This Licence shall terminate with immediate effect, upon written notice and without involvement of a court if the Licensee fails to comply with any of its terms and conditions, or if the Licensee initiates legal action against Licensor in relation to this Licence. Section 5 shall continue to apply.
4. Except as may be otherwise agreed with the Intergovernmental Organization, any dispute with respect to this Licence involving an Intergovernmental Organization shall, by virtue of the latter's Intergovernmental status, be settled by international arbitration. The arbitration proceedings shall be held at the place where the Intergovernmental Organization has its seat. The arbitral award shall be final and binding upon the parties, who hereby expressly agree to renounce any form of appeal or revision.
Poetical Remix of:
<a target="_blank" href="http://www.ohwr.org/projects/cernohl/documents">http://www.ohwr.org/projects/cernohl/documents</a>
Picutre from:
<a target="_blank" href="http://commons.wikimedia.org/wiki/File:Anterior_view_of_human_female_and_male,_with_labels.jpg">http://commons.wikimedia.org</a>

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

@ -0,0 +1,9 @@
---
layout: post
title: Glitch In The Process
category: blog
bgimg: /assets/img/bg/glitch.jpg
---
Dear Robot,
It comes without saying, that in the act of publishing my music, there is a certain desire for attention. Of course it would be nice to have a hit or two on those fancy channels where the cash is rolling in. Not so much for the cash as for the rewarding feeling i imagine that such accomplishement brings. But everytime i picture myself in the role of a Rihana Daddy, Puffy-Z or a Gagy Lada, my spontaneous reaction is total rejection. Everything i stand for, and everything i care for, works and talks against such "status". Imagine i was building houses instead of music, and hoping that one single house buildt, would look like a castle to someone important, and THAT would feed me a life long? Worse: I would fight to get everyone looking at it paying me! In another scenario, where money would be less than fame: this formula hits me: I want my Music to gain attention, not Me. Because, no matter how i turn the word in my thoughts or with my tongue, "Idolatry" seem to me like a mind virus. It is the same germ as the religious one: casting shadows of doubts over millions of naturaly bright souls. To become an art-sustained super-star, I would have to quietly accept that i am superior when my genius is being declared. But FUCK THAT! What i do, you can do too! And nothing but lies could keep that truth away from us. The questions I ask myself are rather: "Do you really wan't to do the same?" "Are you sure what I do is so special?" "What is special in your thing?" "Have you forgot what you are good at?" "Why is Our goodness less then anybody else's?"

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

@ -0,0 +1,15 @@
---
layout: post
title: New World Disorder
category: blog
bgimg: /assets/img/bg/newworlddisorder.png
---
Dear Robot,
One of my main concerns, like many other people, is the unbearable lightness of existence. I am pretty satisfied about my own. (Too satisfied perhaps, if you ask my competitive star-system oriented buddies.) But I am very worried about my fellow humans. Especially in the independent music scene: Me and them are getting old, some of us also get bitter and cynical. Hope is a rare goods around me. It is difficult to organize my feelings about it in logical sentences, but i will try.
As you may know if you've read a few of my "writings" (or misspellings if you prefer :), i actively oppose myself to the establishment. The way our world is working simply do not comply with my way to feel things. And since it is affecting me directly, i am especially annoyed by the major music industry. It is not so much the major labels i have a problem with. After all, every business has a secret dream of getting the monopoly in their field. Secret because communism is not very well seen in the business world. However, the problem is that the runners of these majors don't want to ride a buss or a bike to go to office, nor live in a house of reasonable dimension. They want limousines, jets, castles and fish-slime called caviar. They feed my fellow musicians with these absurd and pre-Neanderthal dreams of stepping on the heads of everybody to shine above all. Why should any artist live a better life than any working class human i ask you? Well... because mankind is still in a pre-Neanderthal state and incapable to measure its true richdom: the amazing unlikeliness of existence. There is no compromise to my opposition. I may be described by my friends as a happy optimist spending time cheering up, i am also the pain in the ass with a finger on the pain coming with the forbidden questions. Obviously i'm not flawless, my nicotine addiction for evidance number one and my refusal to confess the other things for number two. But in my art, and my creative desire, i have no ambition nor desire to step above anyone. This is a problematic behavior in the actual system. Because if you encourage your fans to think they are equal to you, that they can do it them selves, the admiration evaporates in the void: You become a friend, on the same ground in the best case, a concurrent in the worst.
Of course, this is not the major music industry's fault. I use them as an example close to me, affecting fundamentally good people: artists, altruists with the power to express their feelings and share them with the rest of us. The fault is a sum of all the twisted arbitrary aspects of our self made reality: like the concepts of Nations, categorization of humanity, of social skills and what not. We chose to accept the lies and false dreams formulated by pure lucrative interest. Where a couple of "you might get" seems to be higher ranked than one "take this". We want comfort, at the lowest possible price, and there are plenty of examples to prove that if you don't take more than you need, somebody else will because mankind is evil and selfish by nature.
I reject that and see it as the lazy way for cynical people with little self distance to explain their condition. So when i see swamps or quicksands on my path, i close my eyes, remember my scalable size and take the detour.

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

@ -0,0 +1,18 @@
---
layout: post
title: Goodbye Internet And Thanks For The Cookies
category: blog
bgimg: /assets/img/bg/goodbyeinternet.jpg
---
Dear Robot,
I am so sad. I feel sorry for the children. What once gave me hope for humanity, has become a nightmare. A system designed to bring us equitable knowledge, is being used to grow ignorance, despair, profit, greed and to control. Old tricks like group-pressure and loneliness are being used to better understand how to further keep us under control. It is us, the creative, who have lured the rest of mankind into this trap. Because we wanted to share our fruits so bad, that we agreed to terms we do not control, written in tongues we do not comprehend and promoted them as much as we could. We gathered our fellows intimacy and handed it over to the power in place. Even though <a href="https://projects.eff.org/~barlow/Declaration-Final.html" target="_blank">we were warned.</a>
And so today, we jail the inventors of <a href="https://thepiratebay.se/" target="_blank">hyper-libraries,</a> kill the <a href="http://www.aaronsw.com/" target="_blank">freedom fighters,</a> and stipulate <a href="http://www.cispaisback.org/" target="_blank">regulations to avoid</a> further evolution of the human spirit. And we justify it! With claims that culture and knowledge is a propriety that needs and should get the fatman even fater. Actually, we don't even care, because we have already digested the illusions that "perhaps one-day I may step above everyone, and that I will become the fatman, sipping on expensive liquids, slurping fish slime."
We were given tools, magnificent and powerful tools, without any explanation as to how they work nor what their potential is, only their sparks, their fancy colors with the promise that they would make our lives easier, better and that they would kill our loneliness with collective entertainment.
I am so desperate to find a way to communicate my visions of human nature, which are so far away from the seemingly assimilated definitions. Visions where frontiers only exist in the material world. Where interest is a common cause. Where the ultimate question of the meaning of life implies nothing complicated. Where life is magic, because the universe is infinite. Where wealth is something that grows inside a human heart, thanks to an open mind. Where passion is the only exchangeable value and labor is the choice to fulfill a dream.
I am so sorry robot, you were supposed to be good and beautiful. But your owners have a different plan.

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

@ -0,0 +1,16 @@
---
layout: post
title: Police And Thief
category: blog
bgimg: /assets/img/bg/polis.jpg
---
<p>Dear Robot,<br />
<br />
For quite many years now, i've thought of the state as the winning mafia. The one mob that took it all! The Mafia bosses can't move among people, so to be respected gangsters they need handymen - the police - to secure their position. I say "for many years" because i clearly remember being a child and seeing the police force as a heroic group of humans defending victims and fighting for innocents. I wouldn't call it a dream profession in my case, i was more inclined to inventors like <a href="https://en.wikipedia.org/wiki/Gaston_%28comics%29" target="_blank">Gaston</a> or <a href="https://en.wikipedia.org/wiki/Gyro_Gearloose" target="_blank">Gyro Gearloose,</a> but just like fireman, many of my friends wanted to be one and i could perfectly relate to the reasons of their choice. So how did they go from hero to gangster's handymen?<br />
<br />
With my teenage, came hormones and expression. Living in a Grey and protestant Geneva, i had to do something to change my condition. And so i chose to put color on the Grey. Hence, the police came into my life in a new form: a threat to my expression. We were meant to bump into each others nerves. But i had an advantage: I had fantasy and high call of art. They had a job and a strong moral. I was a free thinker, there was no boss telling me to put my name on a train, just the feeling that i had to. I had no family at home needing to be fed, there was just "pasta and spray-cans". And each and every time i was confronted with the police force, i used this as a starting point for the (hopefully) short term relationship we engaged: humans, on a duty with an opposite mindset. I came quite far with this, it actually put my name on the <a href="JavaScript:newPopup('/assets/img/bg/sujetfresque.jpg');">golden plate of a monument</a> inaugurated by officials with penguin suits in Switzerland. But it also got me naked with a finger in the ass, pissing in a cup, under a cop supervision. It would just depend on the officer intercepting me.<br />
<br />
I fully get the need of having a police force in society, since not everyone IN society has good intentions FOR society. Or simply put: some people practice ignorant violence. Violence in itself is not wrong. It is a natural (pre-historic/retarded) habit embedded in the animal part of human nature. Just turn on your TV for 5 minutes and you will comprehend its place in our lives: we want it, we need it and we are fed with it. What is wrong is the lack of outlet for anger, or hate, the main ingredients to generate the destructive raging-strong energy that violence produces. As far as i am aware, there are only a couple of positions where violence is ethic and a OK in our society: as a wrestler or fighter in a sports union, as soldier in war, as police officer in the streets. Basically, you may be violent only if you fight for the power in place.
Some of my closer friends would be great police men. They like to fight, they like to "knock-out assholes". And they have a good sense of what an asshole is like. But is the sens enough? Who do we give the key to legal violence to? How does one become a police officer on your side of the world? A school? What does it takes to get in? Does it cost money? Is an aspirant police officer aware of the violence in the police duty, before he/she takes on such a schooling? And last but not least: who would be the teachers? <br />
<br />
I can clearly state that i hate the police, not the police officers. Taken individualy, they are lost souls with a fighting habit and taste for violence that cannot bare the responsibility of a wicked society. They are like us, workers. Humans trying to survive and do something good. Neither is there anything wrong with violence: it is just a retarded human reflex. What is wrong is the system, and the way this system grants the right to use violence. It is given, as a tool to protect interests of a higher cast. It is allowed to people like you and me, without any spiritual, ethical, compassionate philosophical analysis. Just pure and plain arbitrary rules and assumptions of what is a burglar and what is not. The police officer is the wrong enemy, the threat is the police as a mob, over-working itself for the sake of the power, giving its compassion and independence away to the organized repression we call society. we need to find a way to attract potential police officers to reflect uppon the similitudes between their and our condition.</p>

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

@ -0,0 +1,17 @@
---
layout: post
title: Colonized
category: blog
bgimg: /assets/img/bg/SouthAfricaFlag.png
---
Dear Robot,<br />
<br />
My country is a colony of The United States of America, as you may know thanks to my IP. A prominent one because unlike other colonies, our is benefiting from a lot of special favors and treatments. The reason behind these benefits i'm not sure about, but the consequences are quite disturbung. The United States Of America have actually colonized pretty much every country today. They own the administration of entire continents, thanks to Microsoft. They have ridiculed currencies by replacing it with credit cards delivered by Visa, MasterCard etc, and they have monopolized culture and entertainment under one simple and prominent banner: Social Pornography.<br />
<br />
To be honest with you, the national concept is weird by definition to me. So in principle, i don't mind being colonized, just like i don't mind a bunch of kids playing a game i don't want to participate in. What bugs me is that it generates consequences i suffer from: such as how we are led to believe that our country is a democracy, free from oppression, and independent. When my fellow citizens refer to this place, they don't call it a "State Of America" Some of them are actually proud, to be living in a "Free Country". They march about it, and salute the king and the flag of this particular place, but not Obama and the stars & stripes. Another weird thing about this, is that i cannot just go to the U.S. of A. I need strange papers and stamps from people who don't know me to get access to the "motherland". And this is a big problem: My fellows and I are living a lie.<br />
<br />
Now misunderstand me right, i'm not claiming for independence. All humans live on the same planet: how could we not depend on each other? In fact We do depend on each other Unconditionally! But we are divided, by religious beliefs of course, and cultures sure! But mainly into Nations. It is within the border of a Nation, that a specific set of rules, a culture or a religion is applied. In some more tolerant countries, you may find some difference from state to state. But why are we being fooled to believe we are different from each other, when in fact we are all ruled by the same instance? An instance who sees us as the One with many names: the consumer, the assets, the slaves, the vulgos...<br />
<br />
I don't mind using a credit card instead of bills. But the production cost of the bills and their system went back to us in a way. A credit card's cost is arbitrary, virtual and leaking out from us into the pockets of the U. S. of A. I don't mind being stuck under a specific banner, but i feel sorry for the brothers and sister who feel pride for it, because it has no actual meaning. It has become an empty symbol for how easily fooled us humans are.<br />
<br />
I hope things will change when you get in charge, dear Robot. I used to believe that bitcoin would help you in this task. But just like the idea of Nations, the idea of money is hidden in a lie. This is not something we can fix with technology. We have to stop prentending we don't know what is going on, and change our relation to: fronteers, trade, wealth and each other. Radically.

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

@ -0,0 +1,19 @@
---
layout: post
title: Day Dream
category: blog
bgimg: /assets/img/bg/GiveUsBarabbas.png
---
Dear Robot,<br />
<br />
I want to tell you a day-dream i had. Mary was Jerusalem's main pimp, her brothel frequented by the kingdom's economic and political elite. She had come so far in this career because she was sterile. Not only that Mary was rich, she was happily in love with a carpenter who didn't have the slightest problem with the fact that Mary was estimated to be the most beautiful woman in the country by all men. However, one day something strange happened: Mary got pregnant. But Joseph was happy, and they named their beloved child Jesus. Desired children who also grew up in welfare were unusual at the time. And the little Jesus grew into a confident but humble man with very strange ideas about relationships, respect, and often spoke of something that no one really understood: Unconditional love.<br />
<br />
When Jesus turned 20 years he met a traveling businessman from the East. It was the first time Jesus met someone who understood exactly what he was talking about. The man in question said that Jesus reminded him of his closest friend: Siddhartha. And so Jesus decided to travel east and meet this Siddharta. When he came back 7 years later, Jesus was a different person. He was still as humble and quiet as he used to. But now he had decided to share his experiences on a higher and more active plan. He organized free dinners and gave long speeches about how all people are God's children. How we all had the power to control our destinies, and that from a universal perspective, it was ok to see all other people as brothers and sisters. It didn't take long before his dinners became popular across the country. Which was source for terrible angere among the country's leaders. After all, he was standing right there every evening explaining why the rulers had no real power over us. But it took several years for Pharisee and the priests before they could do anything about it. They'd like to kill him at once, but his mother kept the mighty at by the balls and, moreover, the basic problem was that his ideas were spreading and this could not be influenced by Jesus own destiny, something all the sage had understood: the ideas had already been disseminated and accepted by more than half of the kingdom.<br />
<br />
It was Judas, one of Jesus closest friends, who had a jealous admiration for his friend's sentimental and economic security in life, and also was one of the first to take the message of Jesus, who gave the rulers the final hint against the promise of personal wealth. The proliferation of the Idea could not be stopped, but the was a way to recover it in a purpose more adequate to ruling: through declaring Jesus as a unique genius, a god's gift, whose properties and heartfelt peace was unattainable for mere mortals like us. It was not the first time they used this rhetorical technique to expand their power.<br />
<br />
It was so ironic, for the first time, Jesus was really upset. He tried to convince everyone that his ways were consequences of a love-filled upbringing and very concerned about his humility he wondered: how could anyone believe or understand that he was a god's gift? Something unique? And went of to a meeting with the Pharisee and the priests that ended very badly, with that Jesus said that he forgave them but promised that they could not expect to rule for much longer.<br />
<br />
This was the last straw. The priests were ordered to write down all of Jesus statements, but replacing all generalized tolerance properties to specific and divine qualities. And the police had to arrest Jesus and his group. "Luckily," another of Jesus's friends, Barabas came with a proposal. Barabas had lost the will to live after his family died in the fire that devastated his farm. He suggested that he submit himself as if he was Jesus. People had always confused them because of their similarity anyways. Barabas lived a criminal and alcoholic life, and thought the police could well do the job, because he didn't have the courage to kill himself. Jesus was not at all in agreement with, but it was still carried out in secret by all his friends. When Jesus found out what had happened, he went to the square where Barabas hung to convince everyone that it was a mistake, that it was he who should hang in there, not Barabas. But no one believed him and even his friends whitenessed against these statements: they wanted rather have Jesus alive than this a drunkard. In his desperation, and with regrets over all the pain that his ideas had accomplished, Jesus punished himself, by hitting nails into his hands and feet. As for sharing his best friend's pain that hung from nails on a cross. When Barabas finally did die, Jesus visited the grave. He stayed there for several weeks. When he came out, in the middle of the night, he was greeted by an undercover procession of a handful of philosophic supporters who had never had the chance to come to Jesus dinners. Whereupon someone in the group exclaimed, "It's true, Jesus is God's child! He has resurfaced"<br />
<br />
Distressed and crushed, Jesus pulled back. First to his mother where he lived for about a month. But the pilgrimage of people who wanted to see "Son of God" was unbearable, and he walked off towards the East and never returned.

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

@ -0,0 +1,11 @@
---
layout: post
title: Kick'N'Base Manifesto
category: blog
bgimg: /assets/img/bg/kicknbasemanifesto.jpg
---
Dear Robot,
Kick'N'Base is electronic music that differentiate itself to other techno derived styles in the fact that it is created in a way similar to jazz; arround a theme that has been chosen in the moment by the involved musicians. Also the fact that it offers the same amount of variation, swing and groove as older styles of music, without leaving the Loop-concept, makes it recognisable to most ears yet until now hard to define precisley. It is created with digital or analogue synthesizers and drum machines, would it be computer or dedicated machines. But in many cases, it also contains alot of acustic instruments or home made samples. It is recorded while the musician(s) is sequencing and taking decisions simultaneously as the music goes thru the air. It refers to the entire electronic music's history in everyaspect and is born in Spain by outernational musicians.
So far, and because of it's origins, it has been spread to sweden, switzerland, finland, denmark, belgium, mexico, Russia and according to the rumours, the chinese, the australian and the saudi-arabians have shown strong interest for it's swing.

27
_posts/music/2006-04-06-badboys3.markdown 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
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 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
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>

11
_posts/music/2009-12-24-XmasBowie.markdown Normal file
View file

@ -0,0 +1,11 @@
---
layout: music
title: Xmas Bowie
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
keywords: reSet, pop, chiptune, Bowie, Lets dance, red shoes, cover,
---
For Mama Noel

27
_posts/music/2010-07-07-Feelin4u.markdown 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
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 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
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 Normal file
View file

@ -0,0 +1,65 @@
---
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 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
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 />

11
_posts/music/2012-01-02-Supernova.markdown Normal file
View file

@ -0,0 +1,11 @@
---
layout: music
title: Supernova
mp3: 2012-sakrecoer-uhm-supernova.mp3
ogg: 2012-sakrecoer-uhm-supernova.ogg
uid: supernova
category: music
bgimg: 2012-sakrecoer-uhm-supernova.jpg
keywords: Simio, chillout, techno, melodic, classic break,
---
This I give you wigga, Aight?.....

31
_posts/music/2012-06-06-WeHaveToDecide.markdown 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
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 />

12
_posts/music/2012-10-16-Caribcreol.markdown Normal file
View file

@ -0,0 +1,12 @@
---
layout: music
title: Un Barcelones En Carib Malmo
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
keywords: pusSet, tropical, house, kick-n-base, instrumental, funky, hot,
---
The title says it all!<br />
This is SweidoCaribean Kick'N'Base Baby!

24
_posts/music/2012-12-29-Avide_codeinedit.markdown Normal file
View file

@ -0,0 +1,24 @@
---
layout: music
title: Avide (Codein Edit)
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
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 />

32
_posts/music/2013-02-04-Powertodo.markdown 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
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 />

14
_posts/music/2013-02-08-InvisiblePowerfull.markdown Normal file
View file

@ -0,0 +1,14 @@
---
layout: music
title: Invisible Powerfull
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
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 />

26
_posts/music/2013-04-03-AlbinoLion.markdown 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
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>

14
_posts/music/2013-04-18-WorkForFreeTime.markdown Normal file
View file

@ -0,0 +1,14 @@
---
layout: music
title: Work For Free Time
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
keywords: pusSet, everyday reality, emo, kick-n-base,
---
Monday, Thursday, Friday, Saturday, Saturday, Saturday, Sunday.
I Work For Free Time.

13
_posts/music/2013-04-27-acidlounge.markdown Normal file
View file

@ -0,0 +1,13 @@
---
layout: music
title: Acid In My Lounge
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
keywords: Simio, Acid, Chillout, instrumental,
---
Made without any Guitars nor Criterias,
But with alot of Critter&Guitari.
One BolsaBass for each Fragle!

20
_posts/music/2014-01-23-filosofisk-Logik.markdown 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
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 />

11
_posts/music/2014-01-31-medans-iSaver.markdown Normal file
View file

@ -0,0 +1,11 @@
---
layout: music
title: Medans iSaover
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
keywords: Simio, Kick-n-base, tropical, vocoder, robolove,
---
Robots are feeling things, while you sleep.

11
_posts/music/2014-02-03-burner.markdown Normal file
View file

@ -0,0 +1,11 @@
---
layout: music
title: Burner
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
keywords: Simio, kick-n-base, tropical, graffiti music,
---
Wicked And Funky Blockletter Burner Top to Bottom, rolling in to your HIFI system.

12
_posts/music/2014-04-17-phramtiden.markdown Normal file
View file

@ -0,0 +1,12 @@
---
layout: music
title: Phramtiden, Syrliga Spaor
mp3: 2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.mp3
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
keywords: Simio, chillout, acid, instrumental, cover,
---
ACID TRAX! By Phuture, The unborn Chillout Zone edit....
99love

12
_posts/music/2014-08-08-tenodef_loudnesswarrior.markdown Normal file
View file

@ -0,0 +1,12 @@
---
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
uid: loudanthemwarior
category: music
tag: Simio
keywords: Techno, Hard, Funky, tropical, kick-n-base, instrumental
---
A Techno track with alot of dirt, pressure and compression, under the magic desguise of the Anthem of it self

12
_posts/music/2015-11-13-7step.markdown Normal file
View file

@ -0,0 +1,12 @@
---
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
uid: 7stepper
category: music
tag: Simio
keywords: Kick-n-Base, instrumental, 7Step,
---
A Strange track in some sort 7/4 tempo, with a sweet and funky robo-cat singing a ballade.

12
_posts/music/2015-11-16-Vapor-Break.markdown Normal file
View file

@ -0,0 +1,12 @@
---
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
uid: vaporbreak
category: music
tag: Simio
keywords: Kick-n-Base, Vapor Wave, BreakDance, instrumental, Stepper,
---
The story of a dancing Sloth who dreamed about spinning on the head, at the Battle Of The Year.

12
_posts/music/2015-11-18-99GF.markdown Normal file
View file

@ -0,0 +1,12 @@
---
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
uid: 99gf
category: music
tag: Simio
keywords: Kick-n-Base, Vapor, Techno, Tropical, instrumental, Stepper,
---
Tropical Stomp-Wave for dancing rave-robots of model 99GF, with glitched out Autopilot and sentient rhythm analyzer.

12
_posts/music/2015-11-19-Subway BossanovaF.markdown Normal file
View file

@ -0,0 +1,12 @@
---
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
uid: subbossa
category: music
tag: Simio
keywords: Kick-n-Base, House, Techno, Tropical, instrumental, Subway, Bossa Nova,
---
This track is so Anoying! There are just too many cats!!!!

30
_posts/music/2015-11-25-PinGnu.markdown 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
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 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
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 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
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 />

42
_posts/music/_2015-11-30-WideOpen.markdown Normal file
View file

@ -0,0 +1,42 @@
---
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
uid: wideopen2
category: music
tag: reSet
keywords: Kick-n-Base, Vapor, CyberSoul, Techno, Trap, Milenial, Hiphop, instrumental, GNU, Linux
---
Your a lover,<br />
In a world of fuckers.<br />
That light is shining in yours eyes<br />
<br />
You think it's fresh<br />
You thinks it's cute<br />
To be wide open as book<br />
<br />
But you see son boy<br />
The world works differently<br />
Out here things are rough...<br />
<br />
Alright son better shut that book<br />
Or you might hang on to that wrong hook<br />
And you don't want that, do you?<br />
<br />
You know it's true<br />
The world will never be just like you<br />
Do quit those silly games<br />
Pull up straight all your aims<br />
<br />
Theres no more time to loose<br />
Don't do the method smooth<br />
Try it hard, trying hard, try again<br />
You and I we know,<br />
You're aware.<br />
About the problems here<br />
That makes us shed these tears.....<br />
<br />
Don't do the method smooth<br />
Try it hard, trying hard, try again<br />

570
about/about.css Normal file
View file

@ -0,0 +1,570 @@
---
---
{% include base.html %}
{% include normalize.css %}
/*! 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: #fff no-repeat; background-size:cover; background-attachment: fixed;
margin:0;
font-family: futura,sans-serif;
color: #0ff;
}
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: underline;
-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;
}
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;
}
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;
font: 18px/30px futura, "Helvetica Neue", Helvetica, Arial;
}
body {
font: 18px/30px futura, "Helvetica Neue", Helvetica, Arial;
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: #000 url(images/resetbg.jpg) no-repeat center;
background-size: contain;
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 center;
background-size: contain;
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: #000 url(images/intro-bg.jpg) no-repeat center;
background-size: contain;
}
#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: #f00;
background-color: #000;
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: contain;
}
#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;
}
html{
height: 100%;
overflow-x: hidden;
}
.curtains{
width: 100%;
z-index:1;
position:relative;
}
.curtains>li{
background: black;
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;}
#nav {
position: fixed;
bottom: -10px; left: 7px;
font-size: 12px;
padding: 0 0 0 0;
z-index: 10000;
text-transform: uppercase;
}
#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);
}

BIN
about/free_avantgarde.woff Normal file
View file

Binary file not shown.

BIN
about/free_avantgardeBOLD.woff Normal file
View file

Binary file not shown.

BIN
about/images/cs-vid-1.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
about/images/cs-vid-2.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
about/images/cs-vid-3.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
about/images/cs-vid-4.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
about/images/cs-vid-5.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
about/images/cs-vid-6.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
about/images/final-title.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
about/images/intro-bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 161 KiB

BIN
about/images/intro-title.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
about/images/last-bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 97 KiB

BIN
about/images/live_original.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
about/images/micro_logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 245 B

BIN
about/images/micro_logo2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 255 B

BIN
about/images/pusset-bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 144 KiB

BIN
about/images/pusset-title.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
about/images/reset-title.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
about/images/resetbg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 271 KiB

BIN
about/images/sakrecoer-title.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
about/images/sakrecoerLIVE.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 741 KiB

BIN
about/images/simio-photo.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
about/images/simio-title.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
about/images/simio_bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 399 KiB

104
about/index.html Normal file
View file

@ -0,0 +1,104 @@
---
---
<!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">
<meta name="keywords" content="About, Sakrecoer, reSet, Simio, Agga, Bizar, Fo0bar, Hallstr&ouml; pusSet, 7ainsi, Alej, Beast, DL, Dr.Strangelove, FoObar, France Claudois, Gopher, H&auml;ck, Ites, Jack The Cutter, Kapten F&auml;rg Af Ola, Oktavio Tubo, Papi Crapi, Rho, Rouge, Random Radio Jack, Robbin, Seven, Sept, Sofie, Tes, Tikov, Ville,">
<link rel="shortcut icon" href="{{ base }}/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>
</head>
<body>
<ul class="curtains">
<li>
<section id="intro">
<a href="{{ base }}/"><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>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>
</section>
</li>
<li>
<section id="reset">
<h2>reSet Sakrecoer</h2>
<img src="images/live_original.gif" alt="reSet Sakrecoer Live In Barcelona" id="reset-photo" />
<p>Electronic Pop, croonerism, and happy-joy</p>
<p class="btn"><a href="mailto:info@basspistol.com?subject=Booking for reSet">Book reSet</a></p>
</section>
</li>
<li>
<section id="simio">
<h2>Simio Sakrecoer</h2>
<img src="images/simio-photo.jpg" alt="Visit Line25" id="simio-photo" />
<p>Black Magic, Rave, Cyberpunk</p>
<a class="btn" href="mailto:info@basspistol.com?subject=Booking for Simio">Book Simio</a>
</section>
</li>
<li>
<section id="pusset">
<h2>pusSet Sakrecoer</h2>
<p style="padding:0 5px 5px 5px;">House, Groove, Sex-appeal</p>
<a class="btn" href="mailto:info@basspistol.com?subject=Booking for pusSet">Book pusset</a>
</section>
</li>
<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>
<ul>
<li><img src="images/cs-vid-1.jpg" alt="" /></li>
<li><img src="images/cs-vid-2.jpg" alt="" /></li>
<li><img src="images/cs-vid-3.jpg" alt="" /></li>
<li><img src="images/cs-vid-4.jpg" alt="" /></li>
<li><img src="images/cs-vid-5.jpg" alt="" /></li>
<li><img src="images/cs-vid-6.jpg" alt="" /></li>
</ul>
</section>
</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>
</body>
</html>

540
about/js/curtain.js Normal file
View file

@ -0,0 +1,540 @@
/*
* 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 Normal file
View file

File diff suppressed because one or more lines are too long

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

@ -0,0 +1,519 @@
/*
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 Normal file
View file

@ -0,0 +1,50 @@
$(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 Normal file
View file

@ -0,0 +1,290 @@
---
---
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
assets/css/BAnkrutt.otf Normal file
View file

Binary file not shown.

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