Merge pull request #1 from Sakrecoer/dev
This commit is contained in:
Set Hallstrom
GitHub
commit
e7053ad726
4
.gitignore
vendored
4
.gitignore
vendored
|
|
@ -18,3 +18,7 @@ _site/
|
||||||
.jekyll-cache/
|
.jekyll-cache/
|
||||||
.jekyll-metadata
|
.jekyll-metadata
|
||||||
_data/.~lock.*.csv
|
_data/.~lock.*.csv
|
||||||
|
|
||||||
|
## vcode
|
||||||
|
.vscode
|
||||||
|
.vscode/*
|
||||||
10
_config.yml
10
_config.yml
|
|
@ -48,14 +48,14 @@ pagination:
|
||||||
enabled: true
|
enabled: true
|
||||||
|
|
||||||
### collection
|
### collection
|
||||||
# collections:
|
collections:
|
||||||
# landningssida:
|
music:
|
||||||
# output: true
|
output: true
|
||||||
# permalink: /:path/
|
permalink: /music/:title.html
|
||||||
|
|
||||||
# defaults
|
# defaults
|
||||||
# timezone: Europe/Stockholm
|
# timezone: Europe/Stockholm
|
||||||
# permalink: /:categories/:title/
|
permalink: /:categories/:title/
|
||||||
# defaults:
|
# defaults:
|
||||||
# -
|
# -
|
||||||
# scope:
|
# scope:
|
||||||
|
|
|
||||||
|
|
@ -1,55 +0,0 @@
|
||||||
{% comment %}<!--
|
|
||||||
Collate_posts helper. Collated posts by year and month.
|
|
||||||
Usage:
|
|
||||||
1) assign the 'posts_collate' variable to a valid array of posts.
|
|
||||||
2) include JB/posts_collate
|
|
||||||
example:
|
|
||||||
{% assign posts_collate = site.posts %}
|
|
||||||
{% include JB/posts_collate %}
|
|
||||||
|
|
||||||
Ordering:
|
|
||||||
Posts are displayed in reverse chronological order.
|
|
||||||
For normal chronological order:
|
|
||||||
1) Change the for loop to this:
|
|
||||||
=> 'for post in site.posts reversed'
|
|
||||||
2) Next make sure to change 'post.previous.date' to:
|
|
||||||
=> 'post.next.date'
|
|
||||||
|
|
||||||
-->{% endcomment %}
|
|
||||||
|
|
||||||
{% if site.JB.posts_collate.provider == "custom" %}
|
|
||||||
{% include custom/posts_collate %}
|
|
||||||
{% else %}
|
|
||||||
{% for post in posts_collate %}
|
|
||||||
{% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
|
|
||||||
{% capture this_month %}{{ post.date | date: "%B" }}{% endcapture %}
|
|
||||||
{% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
|
|
||||||
{% capture next_month %}{{ post.previous.date | date: "%B" }}{% endcapture %}
|
|
||||||
|
|
||||||
{% if forloop.first %}
|
|
||||||
<h1><strong>{{this_year}}</strong></h1>
|
|
||||||
<p>{{this_month}}</p>
|
|
||||||
<ul>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<li><a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></li>
|
|
||||||
|
|
||||||
{% if forloop.last %}
|
|
||||||
</ul>
|
|
||||||
{% else %}
|
|
||||||
{% if this_year != next_year %}
|
|
||||||
</ul>
|
|
||||||
<h1><strong>{{next_year}}</strong></h1>
|
|
||||||
<p><strong>{{next_month}}</strong></p>
|
|
||||||
<ul>
|
|
||||||
{% else %}
|
|
||||||
{% if this_month != next_month %}
|
|
||||||
</ul>
|
|
||||||
<p><strong>{{next_month}}</strong></p>
|
|
||||||
<ul>
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
{% endif %}
|
|
||||||
{% assign posts_collate = nil %}
|
|
||||||
|
|
@ -1,55 +0,0 @@
|
||||||
{% comment %}<!--
|
|
||||||
Collate_posts helper. Collated posts by year and month.
|
|
||||||
Usage:
|
|
||||||
1) assign the 'posts_collate' variable to a valid array of posts.
|
|
||||||
2) include JB/posts_collate
|
|
||||||
example:
|
|
||||||
{% assign posts_collate = site.posts %}
|
|
||||||
{% include JB/posts_collate %}
|
|
||||||
|
|
||||||
Ordering:
|
|
||||||
Posts are displayed in reverse chronological order.
|
|
||||||
For normal chronological order:
|
|
||||||
1) Change the for loop to this:
|
|
||||||
=> 'for post in site.posts reversed'
|
|
||||||
2) Next make sure to change 'post.previous.date' to:
|
|
||||||
=> 'post.next.date'
|
|
||||||
|
|
||||||
-->{% endcomment %}
|
|
||||||
|
|
||||||
{% if site.JB.posts_collate.provider == "custom" %}
|
|
||||||
{% include custom/posts_collate %}
|
|
||||||
{% else %}
|
|
||||||
{% for post in posts_collate %}
|
|
||||||
{% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
|
|
||||||
{% capture this_month %}{{ post.date | date: "%B" }}{% endcapture %}
|
|
||||||
{% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
|
|
||||||
{% capture next_month %}{{ post.previous.date | date: "%B" }}{% endcapture %}
|
|
||||||
|
|
||||||
{% if forloop.first %}
|
|
||||||
<h1><strong>{{this_year}}</strong></h1>
|
|
||||||
<p>{{this_month}}</p>
|
|
||||||
<ul>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<li><a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></li>
|
|
||||||
|
|
||||||
{% if forloop.last %}
|
|
||||||
</ul>
|
|
||||||
{% else %}
|
|
||||||
{% if this_year != next_year %}
|
|
||||||
</ul>
|
|
||||||
<p><strong>{{next_year}}</strong></p>
|
|
||||||
<p><strong>{{next_month}}</strong></p>
|
|
||||||
<ul>
|
|
||||||
{% else %}
|
|
||||||
{% if this_month != next_month %}
|
|
||||||
</ul>
|
|
||||||
<p><strong>{{next_month}}</strong></p>
|
|
||||||
<ul>
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
{% endif %}
|
|
||||||
{% assign posts_collate = nil %}
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
{% capture jbcache %}
|
|
||||||
<!--
|
|
||||||
- Dynamically set liquid variables for working with URLs/paths
|
|
||||||
-->
|
|
||||||
{% if site.JB.setup.provider == "custom" %}
|
|
||||||
{% include custom/setup %}
|
|
||||||
{% else %}
|
|
||||||
{% if site.safe and site.JB.BASE_PATH and site.JB.BASE_PATH != '' %}
|
|
||||||
{% assign BASE_PATH = site.JB.BASE_PATH %}
|
|
||||||
{% assign HOME_PATH = site.JB.BASE_PATH %}
|
|
||||||
{% else %}
|
|
||||||
{% assign BASE_PATH = nil %}
|
|
||||||
{% assign HOME_PATH = "/" %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if site.JB.ASSET_PATH %}
|
|
||||||
{% assign ASSET_PATH = site.JB.ASSET_PATH %}
|
|
||||||
{% else %}
|
|
||||||
{% capture ASSET_PATH %}{{ BASE_PATH }}/assets/themes/{{ page.theme.name }}{% endcapture %}
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% endcapture %}{% assign jbcache = nil %}
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
{% assign base = '' %}
|
|
||||||
{% assign depth = page.url | split: '/' | size | minus: 1 %}
|
|
||||||
{% if depth == 1 %}{% assign base = '..' %}
|
|
||||||
{% elsif depth == 2 %}{% assign base = '..' %}
|
|
||||||
{% elsif depth == 3 %}{% assign base = '../..' %}
|
|
||||||
{% elsif depth == 4 %}{% assign base = '../../..' %}
|
|
||||||
{% elsif depth == 5 %}{% assign base = '../../../..' %}{% endif %}
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
<img src="{{ base }}/assets/img/cookiemonster_upsidedown.gif" style="position:fixed;top:0;right:0;z-index:77777;"/>
|
<img src="{{ site.baseurl }}/assets/img/cookiemonster_upsidedown.gif" style="position:fixed;top:0;right:0;z-index:77777;"/>
|
||||||
|
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
html{
|
|
||||||
height: 100%;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.curtains{
|
|
||||||
width: 100%;
|
|
||||||
z-index:1;
|
|
||||||
position:relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.curtains>li{
|
|
||||||
background: white;
|
|
||||||
display:block;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
min-height: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
z-index:1;
|
|
||||||
}
|
|
||||||
.curtains>li.hidden{display:none;}
|
|
||||||
.curtains>li:first-child{z-index:2;}
|
|
||||||
|
|
@ -1,144 +0,0 @@
|
||||||
|
|
||||||
#nav {
|
|
||||||
position: fixed;
|
|
||||||
bottom: -10px; left: 7px;
|
|
||||||
font-size: 12px;
|
|
||||||
font-family: futura;
|
|
||||||
padding: 0 0 0 0;
|
|
||||||
z-index: 10000;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#nav li {
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
list-style: none;
|
|
||||||
z-index: 10000;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* main level link */
|
|
||||||
#nav a {
|
|
||||||
font-weight: bold;
|
|
||||||
color: #fff;
|
|
||||||
text-decoration: none;
|
|
||||||
display: block;
|
|
||||||
width:250px;
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
#nav a:hover {
|
|
||||||
color: #0ff;
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* main level link hover */
|
|
||||||
#nav .current a, #nav li:hover > a {
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* sub levels link hover */
|
|
||||||
#nav ul li:hover a, #nav li:hover li a {
|
|
||||||
background: rgba(255,0,0,1);
|
|
||||||
border: none;
|
|
||||||
color: #fff;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0px 0px;
|
|
||||||
border-radius: 0px;
|
|
||||||
text-shadow: none;
|
|
||||||
|
|
||||||
}
|
|
||||||
#nav ul a:hover {
|
|
||||||
color: #0ff !important;
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* dropdown */
|
|
||||||
#nav li:hover > ul {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* level 2 list */
|
|
||||||
#nav ul {
|
|
||||||
display: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 25px;
|
|
||||||
left: 0;
|
|
||||||
border: none;
|
|
||||||
|
|
||||||
}
|
|
||||||
#nav ul li {
|
|
||||||
float: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav ul a {
|
|
||||||
font-weight: normal;
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* level 3+ list */
|
|
||||||
#nav ul ul {
|
|
||||||
left: 250px;
|
|
||||||
bottom: 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* clearfix */
|
|
||||||
#nav:after {
|
|
||||||
content: ".";
|
|
||||||
display: block;
|
|
||||||
clear: both;
|
|
||||||
visibility: hidden;
|
|
||||||
line-height: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
#nav {
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
}
|
|
||||||
html[xmlns] #nav {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
* html #nav {
|
|
||||||
height: 18px;
|
|
||||||
}
|
|
||||||
#music_nav:hover{
|
|
||||||
background-color: rgba(255, 0, 24, 0.3);
|
|
||||||
|
|
||||||
}
|
|
||||||
#music_nav_sub:hover{
|
|
||||||
background-color: rgba(255, 0, 24, 0.3);
|
|
||||||
|
|
||||||
}
|
|
||||||
#about_nav:hover{
|
|
||||||
|
|
||||||
background-color: rgba(153, 255, 0, 0.3);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#log_nav:hover{
|
|
||||||
background-color: rgba(0, 255, 229, 0.3);
|
|
||||||
|
|
||||||
}
|
|
||||||
#log_nav_sub:hover{
|
|
||||||
background-color: rgba(0, 255, 229, 0.3);
|
|
||||||
|
|
||||||
}
|
|
||||||
#discog_nav:hover{
|
|
||||||
background-color: rgba(102, 0, 255, 0.3);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#links_nav:hover{
|
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,13 +1,13 @@
|
||||||
<ul id="nav">
|
<ul id="nav">
|
||||||
<li><a href="{{ base }}/"><img src="{{ base }}/assets/img/sakrecoerLOGO.png" width="125px" height="125px" title="SAKRECOER" /></a>
|
<li><a href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/assets/img/sakrecoerLOGO.png" width="125px" height="125px" title="SAKRECOER" /></a>
|
||||||
<ul>
|
<ul>
|
||||||
|
|
||||||
<li><a href="{{ base }}/discography/">Discog</a></li>
|
<li><a href="{{ site.baseurl }}/discography/">Discog</a></li>
|
||||||
<li><a href="{{ base }}/about/">About</a></li>
|
<li><a href="{{ site.baseurl }}/about/">About</a></li>
|
||||||
<li><a href="{{ base }}/links/">Links</a></li>
|
<li><a href="{{ site.baseurl }}/links/">Links</a></li>
|
||||||
<li><a href="{{ base }}/blog/">Log</a></li>
|
<li><a href="{{ site.baseurl }}/blog/">Log</a></li>
|
||||||
<li><a href="{{ base }}/music/">Music Index</a></li>
|
<li><a href="{{ site.baseurl }}/music/">Music Index</a></li>
|
||||||
<li><a href="{{ base }}/">Home</a></li>
|
<li><a href="{{ site.baseurl }}/">Home</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
<ul id="nav">
|
|
||||||
<li><a href="/"><img src="/assets/img/sakrecoerLOGO.png" width="125px" height="125px" title="SAKRECOER" /></a>
|
|
||||||
<ul>
|
|
||||||
|
|
||||||
<li><a href="/sakrecoer-discography/">Discog</a></li>
|
|
||||||
<li><a href="/about/">About</a></li>
|
|
||||||
<li><a href="/links/">Links</a></li>
|
|
||||||
<li><a href="/blog/">Log</a>
|
|
||||||
<ul>
|
|
||||||
{% for post in site.categories.blog limit: 17 %}
|
|
||||||
|
|
||||||
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
|
|
||||||
{% endfor %}
|
|
||||||
<li><a href="/blog/">...Read Moar Articles</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a href="/music/">Music Index</a>
|
|
||||||
<ul>
|
|
||||||
{% for post in site.categories.music %}
|
|
||||||
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
{% for post in site.categories.music %}
|
|
||||||
{% if post.url == page.url %}
|
|
||||||
{% assign post_index0 = forloop.index0 %}
|
|
||||||
{% assign post_index1 = forloop.index %}
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
{% for post in site.categories.music %}
|
|
||||||
{% if post_index0 == forloop.index %}
|
|
||||||
{% assign next_post = post.url %}
|
|
||||||
{% endif %}
|
|
||||||
{% if post_index1 == forloop.index0 %}
|
|
||||||
{% assign prev_post = post.url %}
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
35
_includes/seo.html
Normal file
35
_includes/seo.html
Normal file
|
|
@ -0,0 +1,35 @@
|
||||||
|
{% seo %}
|
||||||
|
<!-- BEGIN seo.html -->
|
||||||
|
<meta name="title" content="{{ page.title }} | {{ site.title }}" />
|
||||||
|
<meta name="dc.date.modified" scheme="ISO8601" content="{{ site.time | date_to_xmlschema }}" />
|
||||||
|
{% if jekyll.environment == 'production' %}<meta name="robots" content="index" />{% else %}<meta name="robots" content="noindex, nofollow" />{% endif %}
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
|
||||||
|
<link rel="alternate" href="{{ site.url }}{{ page.url }}" hreflang="x-default" />
|
||||||
|
|
||||||
|
<!-- Dublin Core basic info -->
|
||||||
|
|
||||||
|
<meta name="dcterms.Identifier" content="{{ site.url }}" />
|
||||||
|
<meta name="dcterms.Format" content="text/html" />
|
||||||
|
<meta name="dcterms.Relation" content="{{ site.title }}" />
|
||||||
|
<meta name="dcterms.Language" content="sv_SE" />
|
||||||
|
<meta name="dcterms.Publisher" content="{{ site.title }}" />
|
||||||
|
<meta name="dcterms.Type" content="text/html" />
|
||||||
|
<meta name="dcterms.Coverage" content="{{ site.url }}/" />
|
||||||
|
<meta name="dcterms.Rights" content="Copyright ©{{ site.time | date: '%Y' }} {{ site.title }}." />
|
||||||
|
<meta name="dcterms.Title" content="{{ page.title }} | {{ site.title }}" />
|
||||||
|
<meta name="dcterms.Subject" content="{{ site.description | strip_html }}" />
|
||||||
|
<meta name="dcterms.Contributor" content="{{ site.title }}" />
|
||||||
|
<meta name="dcterms.Date" content="{{ site.time | date: '%Y-%m-%d' }}" />
|
||||||
|
<meta name="dcterms.Description" content="{{ site.description | strip_html }}" />
|
||||||
|
|
||||||
|
<!-- Twitter Card -->
|
||||||
|
|
||||||
|
<meta name="twitter:card" content="summary" />
|
||||||
|
<meta name="twitter:site" content="@sakrecoer" />
|
||||||
|
<meta name="twitter:title" content="{{ page.title }} | {{ site.title }}" />
|
||||||
|
<meta name="twitter:description" content="{{ site.description | strip_html }}" />{% if page.url != '/' %}
|
||||||
|
<meta name="twitter:image" content="{{ site.url }}{{ page.image }}" />{% else %}
|
||||||
|
<meta name="twitter:image" content="{{ site.url }}{{ site.logo }}" />{% endif %}
|
||||||
|
<!-- END seo.html -->
|
||||||
|
|
@ -1,133 +0,0 @@
|
||||||
/*! sakrecoer sheet */
|
|
||||||
@font-face {
|
|
||||||
font-family: futura;
|
|
||||||
src: url('{{ base }}/assets/fonts/free_avantgarde.woff');
|
|
||||||
}
|
|
||||||
@font-face {
|
|
||||||
font-family: futurabold;
|
|
||||||
src: url('{{ base }}/assets/fonts/free_avantgardeBOLD.woff');
|
|
||||||
}
|
|
||||||
|
|
||||||
html{
|
|
||||||
-webkit-transition:.5s background;
|
|
||||||
transition:.5s background;
|
|
||||||
font-family: futura,sans-serif;
|
|
||||||
}
|
|
||||||
body{
|
|
||||||
background:url({{ base }}/assets/img/bg/frontpage.jpg) #fff no-repeat; background-size:cover; background-attachment: fixed;
|
|
||||||
margin:0;
|
|
||||||
font-family: futura,sans-serif;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4 {
|
|
||||||
font-family: futurabold; text-transform: uppercase;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-family: futura;
|
|
||||||
}
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-family: futurabold;
|
|
||||||
}
|
|
||||||
a:link,
|
|
||||||
a:visited,
|
|
||||||
a:hover,
|
|
||||||
a:active,
|
|
||||||
a:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
-webkit-transition:.6s background;
|
|
||||||
transition:.6s background
|
|
||||||
}
|
|
||||||
a,
|
|
||||||
a:link,
|
|
||||||
a:visited {
|
|
||||||
color: #fff;
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: color 0.15s ease-in-out;
|
|
||||||
-moz-transition: color 0.15s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: color; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.15s;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
color: #0ff;
|
|
||||||
}
|
|
||||||
a:active {
|
|
||||||
color: #f00;
|
|
||||||
}
|
|
||||||
#navigation {
|
|
||||||
position: fixed; bottom: 0; left: 0; z-index: 1000;
|
|
||||||
width: 250px; height: 85%; padding: 10px;
|
|
||||||
background-color: rgba(0,0,0,.4);
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 0 100% 0 0;
|
|
||||||
opacity: .33;
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: opacity 0.7s ease-in-out;
|
|
||||||
-moz-transition: opacity 0.7s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: opacity; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.7s;
|
|
||||||
}
|
|
||||||
#navigation:hover {
|
|
||||||
opacity: 1;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* content */
|
|
||||||
#content{
|
|
||||||
position: absolute; top: 140px; left: 20px;
|
|
||||||
width: 66%; margin: 0 0 0 300px; padding: 10px;
|
|
||||||
box-shadow:2px 2px 10px #000;
|
|
||||||
background: rgba(0, 0, 0, 0.25);
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
/* blog */
|
|
||||||
#blogcontent{
|
|
||||||
position: absolute; top: 25px;
|
|
||||||
left: 20px; width: 66%; margin: 400px 0 0 300px; padding: 15px;
|
|
||||||
box-shadow:2px 2px 10px #000;
|
|
||||||
background: url({{ base }}/assets/img/bg/paper_background_lined.jpg) rgba(255, 255, 255, 0.25);
|
|
||||||
border-radius: 4px;
|
|
||||||
line-height: 32px;
|
|
||||||
}
|
|
||||||
#blogcontent h1,
|
|
||||||
#blogcontent p{
|
|
||||||
color:#000;
|
|
||||||
}
|
|
||||||
#blogcontent h1{
|
|
||||||
position: relative;
|
|
||||||
margin: 8px 10px 0 0;
|
|
||||||
}
|
|
||||||
#blogcontent a {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
#blogcontent a:hover {
|
|
||||||
color: #0ff;
|
|
||||||
}
|
|
||||||
.date {
|
|
||||||
font-size: 18px;
|
|
||||||
height: 5px; padding: 0; margin: 0;
|
|
||||||
}
|
|
||||||
td {
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
hr {
|
|
||||||
border: 1px solid #000;
|
|
||||||
height: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fullscreen Background image */
|
|
||||||
.image-fullscreen,
|
|
||||||
.image-fullscreen .mask {
|
|
||||||
background-size: cover;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
position:fixed;
|
|
||||||
left:0px;
|
|
||||||
top:0px;
|
|
||||||
right:0px;
|
|
||||||
bottom:0px;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
@ -1,267 +0,0 @@
|
||||||
/*! sakrecoer sheet */
|
|
||||||
@font-face {
|
|
||||||
font-family: futura;
|
|
||||||
src: url('free_avantgarde.woff');
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
background: #fff url(/assets/img/bg/micro_logo.png);
|
|
||||||
font-size: 1em;
|
|
||||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
||||||
padding: 40px 20px 40px 20px;
|
|
||||||
|
|
||||||
}
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4 {
|
|
||||||
font-family: futura;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
a:link,
|
|
||||||
a:visited,
|
|
||||||
a:hover,
|
|
||||||
a:active,
|
|
||||||
a:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a,
|
|
||||||
a:link,
|
|
||||||
a:visited {
|
|
||||||
color: #fff;
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: color 0.15s ease-in-out;
|
|
||||||
-moz-transition: color 0.15s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: color; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.15s;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: #f00;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
a:active {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
#header {
|
|
||||||
text-align: left;
|
|
||||||
position: fixed;
|
|
||||||
top:20px;
|
|
||||||
left: 20px;
|
|
||||||
line-height: 24px;
|
|
||||||
z-index: 1000;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
#miniheader {
|
|
||||||
position: fixed;
|
|
||||||
top:20px;
|
|
||||||
left: 20px;
|
|
||||||
line-height: 24px;
|
|
||||||
z-index: 999999;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.tagline {
|
|
||||||
text-align: left;
|
|
||||||
margin-left: 5px;
|
|
||||||
margin-top: -5px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.minitagline {
|
|
||||||
text-align: left;
|
|
||||||
margin-left: 5px;
|
|
||||||
margin-top: -5px;
|
|
||||||
font-size: 9px;
|
|
||||||
}
|
|
||||||
#main-menu-links {
|
|
||||||
font-family: BAnkrutt;
|
|
||||||
font-size: 48px;
|
|
||||||
margin-left: 5px;
|
|
||||||
line-height: 36px
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-menu-links a {
|
|
||||||
color: #fff;
|
|
||||||
float: left; /* LTR */
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
#main-menu-links a:hover,
|
|
||||||
#main-menu-links a:focus {
|
|
||||||
color: #f00;
|
|
||||||
}
|
|
||||||
#main-menu-links a:active {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#minimain-menu-links {
|
|
||||||
font-family: BAnkrutt;
|
|
||||||
font-size: 24px;
|
|
||||||
margin-left: 5px;
|
|
||||||
line-height: 24px
|
|
||||||
}
|
|
||||||
|
|
||||||
#minimain-menu-links a {
|
|
||||||
color: #fff;
|
|
||||||
float: left; /* LTR */
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
#minimain-menu-links a:hover,
|
|
||||||
#minimain-menu-links a:focus {
|
|
||||||
color: #f00;
|
|
||||||
}
|
|
||||||
#minimain-menu-links a:active {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content{
|
|
||||||
position: absolute;
|
|
||||||
top: 25px;
|
|
||||||
left: 20px;
|
|
||||||
width: 66%;
|
|
||||||
margin: 0 0 0 300px;
|
|
||||||
padding: 10px;
|
|
||||||
box-shadow:2px 2px 10px #000;
|
|
||||||
background: rgba(0, 0, 0, 0.25);
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
#blogcontent{
|
|
||||||
line-height: 32px;
|
|
||||||
position: absolute;
|
|
||||||
top: 25px;
|
|
||||||
left: 20px;
|
|
||||||
width: 66%;
|
|
||||||
margin: 400px 0 0 300px;
|
|
||||||
padding: 17px;
|
|
||||||
box-shadow:2px 2px 10px #000;
|
|
||||||
background: url(/assets/img/bg/paper_background_lined.jpg) rgba(255, 255, 255, 0.25);
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
#blogcontent h1{
|
|
||||||
margin: 46px 10px 0 0;
|
|
||||||
}
|
|
||||||
#About .about,
|
|
||||||
#Blog .blog,
|
|
||||||
#Discography .discog,
|
|
||||||
#Music .music,
|
|
||||||
#Video .video,
|
|
||||||
#Links .links,
|
|
||||||
#Pictures .pictures {
|
|
||||||
color: #f00;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 255, 255, 0.25),
|
|
||||||
-1px 0px 4px rgba(255, 255, 255, 0.25),
|
|
||||||
0px -1px 4px rgba(255, 255, 255, 0.25),
|
|
||||||
0px 1px 4px rgba(255, 255, 255, 0.25);
|
|
||||||
}
|
|
||||||
.date {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
#footer {
|
|
||||||
position: fixed;
|
|
||||||
bottom:20px;
|
|
||||||
right: 25px;
|
|
||||||
font-size: 12px;
|
|
||||||
text-align: right;
|
|
||||||
z-index: 1000;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
/* Fullscreen Background image */
|
|
||||||
.image-fullscreen,
|
|
||||||
.image-fullscreen .mask {
|
|
||||||
background-size: cover;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
position:fixed;
|
|
||||||
left:0px;
|
|
||||||
top:0px;
|
|
||||||
right:0px;
|
|
||||||
bottom:0px;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
td {
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
#musictable{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.playercell {
|
|
||||||
padding-top: 15px;
|
|
||||||
width: 420px;
|
|
||||||
}
|
|
||||||
.lyricell {
|
|
||||||
width: 550px;
|
|
||||||
}
|
|
||||||
img.floatleft {
|
|
||||||
float: left;
|
|
||||||
margin: 8px;
|
|
||||||
}
|
|
||||||
/* Gallery */
|
|
||||||
|
|
||||||
.gallerytitle {
|
|
||||||
font-size: 4em;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
h1.gallerytitle:hover {
|
|
||||||
font-size: 4em;
|
|
||||||
opacity: 0.75;
|
|
||||||
color: #0ff;
|
|
||||||
}
|
|
||||||
.gindex-title {
|
|
||||||
font-size:2em;
|
|
||||||
color:#fff;
|
|
||||||
opacity:0.75;
|
|
||||||
text-shadow:0 0 10px #007572;
|
|
||||||
background:rgba(255, 0, 0, 0.5);
|
|
||||||
padding:5px;
|
|
||||||
height: 75px;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.gindex-img {
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
.gindex-img:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
#Pictures {
|
|
||||||
background: #000;
|
|
||||||
}
|
|
||||||
/* Jukebox Pager */
|
|
||||||
#jukepager{
|
|
||||||
background: url(/assets/img/bg/micro_logo.png);
|
|
||||||
}
|
|
||||||
#jukepager div{
|
|
||||||
text-align: center;
|
|
||||||
padding: 300px;
|
|
||||||
}
|
|
||||||
#jukepager h1 {
|
|
||||||
font-size: 3em;
|
|
||||||
}
|
|
||||||
#headline h1 {
|
|
||||||
font-size: 8em;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0 0 0 300px;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 0.7em;
|
|
||||||
letter-spacing: -0.1em;
|
|
||||||
}
|
|
||||||
#headline p {
|
|
||||||
font-size: 2em;
|
|
||||||
padding: 0 5px 0 300px;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 0.8em;
|
|
||||||
letter-spacing: -0.05em;
|
|
||||||
}
|
|
||||||
|
|
@ -1,59 +0,0 @@
|
||||||
{% include base.html %}
|
|
||||||
<button id="video_pause">Pause<br />Video</button>
|
|
||||||
|
|
||||||
|
|
||||||
<video autoplay loop poster="{{ base }}/assets/img/bg/frontpage.jpg" id="bgvid">
|
|
||||||
<source src="{{ base }}/assets/vi/0001-0076.webm" type="video/webm">
|
|
||||||
<source src="{{ base }}/assets/vi/0001-0076.mp4" type="video/mp4">
|
|
||||||
</video>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
|
|
||||||
|
|
||||||
var vid = document.getElementsByTagName("video")[0];vid.playbackRate = 0.1;
|
|
||||||
|
|
||||||
var pauseButton = document.getElementById("video_pause");
|
|
||||||
|
|
||||||
function vidFade() {
|
|
||||||
|
|
||||||
vid.classList.add("stopfade");
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
vid.addEventListener('ended', function() {
|
|
||||||
|
|
||||||
// only functional if "loop" is removed
|
|
||||||
|
|
||||||
vid.pause();
|
|
||||||
|
|
||||||
// to capture IE10
|
|
||||||
|
|
||||||
vidFade();
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
pauseButton.addEventListener("click", function() {
|
|
||||||
|
|
||||||
vid.classList.toggle("stopfade");
|
|
||||||
|
|
||||||
if (vid.paused) {
|
|
||||||
|
|
||||||
vid.play();
|
|
||||||
|
|
||||||
pauseButton.innerHTML = "Pause Video";
|
|
||||||
|
|
||||||
} else {
|
|
||||||
|
|
||||||
vid.pause();
|
|
||||||
|
|
||||||
pauseButton.innerHTML = "Resume Video";
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
@ -1,22 +1,17 @@
|
||||||
---
|
---
|
||||||
---
|
---
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
{% include base.html %}
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||||
<meta name="dc.date.modified" scheme="ISO8601" content="{{ site.time | date_to_xmlschema }}" />
|
<link rel="apple-touch-icon" href="{{ site.baseurl }}/apple-touch-icon.png">
|
||||||
<meta charset="utf-8" />
|
<link rel="icon" type="image/png" href="{{ site.baseurl }}/touch-icon.png" sizes="192x192">
|
||||||
<meta name="robots" content="no-index"/>
|
<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.png" type="image/png" />
|
||||||
<link rel="stylesheet" href="{{ base }}/assets/css/style2014.css" />
|
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
|
||||||
<link rel="shortcut icon" href="{{ base }}/assets/img/mininewskoolLOGO.png" type="image/png" />
|
{% include seo.html %}
|
||||||
<title>Sakrecoer - {{ page.title }}</title>
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body id="{{ page.title }}">
|
<body>
|
||||||
<div class="image-fullscreen" style="background-image:url('{{ base }}{{ page.bgimg }}')"></div>
|
{{ content }}
|
||||||
|
|
||||||
<div id="content">{{ content }}</div>
|
|
||||||
|
|
||||||
{% include navmenu.html %}
|
{% include navmenu.html %}
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1,117 +1,70 @@
|
||||||
<!DOCTYPE html>
|
---
|
||||||
<html>
|
layout: default
|
||||||
<head>
|
---
|
||||||
{% include base.html %}
|
<div id="navigation">
|
||||||
|
<button id="mu_pause">Play</button>
|
||||||
<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 %}
|
<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>
|
<a href="{{ site.baseurl }}{{ page.previous_in_category.url }}" title="Previous Track"><img
|
||||||
{% endif %}
|
src="{{ site.baseurl }}/assets/img/icons/skiprwd.png" title="Previous Track" /></a>
|
||||||
<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>
|
{% endif %}
|
||||||
{% if page.next_in_category != nil %}
|
<a id="download" title="Download This Track!" href="{{ site.audio_url }}{{ page.mp3 }}"><img
|
||||||
<a href="{{ base }}{{ page.next_in_category.url }}" title="Next Track"><img src="{{ base }}/assets/img/icons/skipfwd.png" title="Next Track" /></a>{% endif %}
|
src="{{ site.baseurl }}/assets/img/icons/dl.png" title="Download Track" /></a>
|
||||||
|
{% if page.next_in_category != nil %}
|
||||||
|
<a href="{{ site.baseurl }}{{ page.next_in_category.url }}" title="Next Track"><img
|
||||||
|
src="{{ site.baseurl }}/assets/img/icons/skipfwd.png" title="Next Track" /></a>{% endif %}
|
||||||
</h1>
|
</h1>
|
||||||
|
<a href="{{ site.baseurl }}/music/">Back to Index</a>
|
||||||
<a href="{{ base }}/music/index.html">Back to Index</a>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="lyrics">
|
<div id="lyrics">
|
||||||
<h1 class="title">{{ page.title }}</h1>
|
<h1 class="title">{{ page.title }}</h1>
|
||||||
|
{{ page.content }}
|
||||||
{{ page.content }}
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<span itemscope itemprop="audio" itemtype="http://schema.org/AudioObject">
|
|
||||||
<audio preload="true" autoplay ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);" audio.mediaGroup="deluxe">
|
<audio preload="true"
|
||||||
|
ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);">
|
||||||
<source src="{{ site.audio_url }}{{ page.mp3 }}" type="audio/mpeg" />
|
<source src="{{ site.audio_url }}{{ page.mp3 }}" type="audio/mpeg" />
|
||||||
<source src="{{ site.audio_url }}{{ page.ogg }}" type="audio/ogg" />
|
<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>.
|
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||||
<meta itemprop="name" content="{{ page.title }}" />
|
</audio>
|
||||||
</audio>
|
<div id="tracktime"></div>
|
||||||
<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 ;) -->
|
<!-- stylemachine by Sakrecoer -snipthis if ya feel it - its the pary that runs the player ;) -->
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
function loadUrl(newLocation) {
|
function loadUrl(newLocation) {
|
||||||
window.location = newLocation;
|
window.location = newLocation;
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
var mu = document.getElementsByTagName("audio")[0];
|
var mu = document.getElementsByTagName("audio")[0];
|
||||||
var pauseButton = document.getElementById("mu_pause");
|
var pauseButton = document.getElementById("mu_pause");
|
||||||
function muFade() {
|
function muFade() {
|
||||||
mu.classList.add("stopfade");
|
mu.classList.add("stopfade");
|
||||||
}
|
}
|
||||||
mu.addEventListener('ended', function() {
|
mu.addEventListener('ended', function () {
|
||||||
// only functional if "loop" is removed
|
// only functional if "loop" is removed
|
||||||
mu.pause();
|
mu.pause();
|
||||||
mu.currentTime=0;
|
mu.currentTime = 0;
|
||||||
{% if page.next_in_category != nil %}
|
{% if page.next_in_category != nil %}
|
||||||
loadUrl('{{ base }}{{ page.next_in_category.url }}'); return false;
|
loadUrl('{{ site.baseurl }}{{ page.next_in_category.url }}'); return false;
|
||||||
{% endif %}
|
{% endif %}
|
||||||
// qq IE10
|
// qq IE10
|
||||||
muFade();
|
muFade();
|
||||||
});
|
});
|
||||||
pauseButton.addEventListener("click", function() {
|
pauseButton.addEventListener("click", function () {
|
||||||
mu.classList.toggle("stopfade");
|
mu.classList.toggle("stopfade");
|
||||||
if (mu.paused) {
|
if (mu.paused) {
|
||||||
mu.play();
|
mu.play();
|
||||||
pauseButton.innerHTML = "Pause<br />Music";
|
pauseButton.innerHTML = "Pause";
|
||||||
} else {
|
} else {
|
||||||
mu.pause();
|
mu.pause();
|
||||||
pauseButton.innerHTML = "Resume<br />Music";
|
pauseButton.innerHTML = "Resume";
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
html,
|
html,
|
||||||
body{
|
body {
|
||||||
background:url('{{ site.audio_url }}{{ page.bgimg }}') #0ff no-repeat center center fixed;
|
background:url('{{ site.audio_url }}{{ page.image }}') #0ff no-repeat center center fixed;
|
||||||
-webkit-background-size: cover;
|
background-size: contain;
|
||||||
-moz-background-size: cover;
|
}
|
||||||
-o-background-size: cover;
|
</style>
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,199 +0,0 @@
|
||||||
---
|
|
||||||
permalink: /:categories/:title/
|
|
||||||
---
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
{% include base.html %}
|
|
||||||
<meta name="dc.date.modified" scheme="ISO8601" content="{{ site.time | date_to_xmlschema }}" />
|
|
||||||
<title>{{ page.title }} - The Sakrecoer Jukebox</title>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta name='robots' content='index'/>
|
|
||||||
<meta name="description" content="{{ page.title }}, {{ page.content | strip_html | truncatewords: 30 }}">
|
|
||||||
<meta name="keywords" content="{{ page.title }}, {{ page.keywords }} Sakrecoer, Music, mp3, ogg, download">
|
|
||||||
<link rel="shortcut icon" href="{{ base }}/assets/img/mininewskoolLOGO.png" type="image/png" />
|
|
||||||
<link rel="stylesheet" href="{{ base }}/assets/css/style2014.css" />
|
|
||||||
<link rel="stylesheet" href="{{ base }}/assets/css/music.css" />
|
|
||||||
<script src="{{ base }}/assets/js/jquery-1.11.1.min.js"></script>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
|
|
||||||
function generateRandomPosts()
|
|
||||||
{
|
|
||||||
$.getJSON("{{ base }}/search.json", function(data) {
|
|
||||||
console.log("[search.json loaded for random posts]");
|
|
||||||
|
|
||||||
var postsCount = data.length;
|
|
||||||
var posts = data;
|
|
||||||
|
|
||||||
var randomIndexUsed = [];
|
|
||||||
var counter = 0;
|
|
||||||
var numberOfPosts = 5;
|
|
||||||
|
|
||||||
var divRandomPosts = $("#random_posts");
|
|
||||||
|
|
||||||
divRandomPosts.append('<h2 style="color:rgba(0,255,255,.7);">random tracks</h2><hr />');
|
|
||||||
|
|
||||||
while (counter < numberOfPosts)
|
|
||||||
{
|
|
||||||
var randomIndex = Math.floor(Math.random() * postsCount);
|
|
||||||
|
|
||||||
if (randomIndexUsed.indexOf(randomIndex) == "-1")
|
|
||||||
{
|
|
||||||
var postHREF = posts[randomIndex].href;
|
|
||||||
var postTitle = posts[randomIndex].title;
|
|
||||||
|
|
||||||
if (counter == (numberOfPosts - 1))
|
|
||||||
{
|
|
||||||
divRandomPosts.append('<p><a href="{{base}}' + postHREF + '">' + postTitle + '</a></p>');
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
divRandomPosts.append('<p><a href="{{base}}' + postHREF + '">' + postTitle + '</a></p><hr />');
|
|
||||||
}
|
|
||||||
|
|
||||||
randomIndexUsed.push(randomIndex);
|
|
||||||
|
|
||||||
counter++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
|
||||||
generateRandomPosts();
|
|
||||||
});
|
|
||||||
function loadUrl(newLocation) {
|
|
||||||
window.location = newLocation;
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
|
|
||||||
<body id="Music">
|
|
||||||
|
|
||||||
<span itemscope itemtype="http://schema.org/MusicRecording">
|
|
||||||
<meta itemprop="byArtist" content="reSet Sakrecoer" />
|
|
||||||
<div id="navigation">
|
|
||||||
|
|
||||||
<button id="mu_pause">Pause<br />Music</button>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<br />
|
|
||||||
{% if page.previous_in_category != nil %}
|
|
||||||
<a href="{{ base }}{{ page.previous_in_category.url }}" title="Previous Track"><img src="{{ base }}/assets/img/icons/skiprwd.png" title="Previous Track" /></a>
|
|
||||||
{% 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 %}
|
|
||||||
<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>
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
{% include base.html %}
|
|
||||||
<meta name="dc.date.modified" scheme="ISO8601" content="{{ site.time | date_to_xmlschema }}" />
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="refresh" content="30;url=/">
|
|
||||||
<link rel="stylesheet" href="{{ base }}/assets/css/style2014.css" />
|
|
||||||
<link rel="shortcut icon" href="{{ base }}/assets/img/mininewskoolLOGO.png" type="image/png" />
|
|
||||||
<title>Sakrecoer - {{ page.title }}</title>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body id="{{ page.title }}">
|
|
||||||
<div class="image-fullscreen" style="background-image:url('{{ page.bgimg }}')"></div>
|
|
||||||
|
|
||||||
<div id="content">{{ content }}</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,54 +1,18 @@
|
||||||
---
|
---
|
||||||
|
layout: default
|
||||||
---
|
---
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
{% include base.html %}
|
|
||||||
<meta name="dc.date.modified" scheme="ISO8601" content="{{ site.time | date_to_xmlschema }}" />
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta name='robots' content='index'/>
|
|
||||||
<meta name="description" content="{{ page.title }} by {{ site.title }}. {{ content | truncatewords:40 | strip_html }}">
|
|
||||||
<meta name="date" content="{{ page.date | date: '%Y-%m-%d' }}" scheme="YYYY-MM-DD">
|
|
||||||
<meta name="keywords" content="{{ page.title }}, {{ page.keywords }} Sakrecoer, blog, article, readings, thoughts, poetry for robots,">
|
|
||||||
<meta property="og:image" content="{{ site.production_url }}{{ page.bgimg }}" />
|
|
||||||
<meta property="og:title" content="{{ page.title }}" />
|
|
||||||
<meta property="og:type" content="article" />
|
|
||||||
<meta property="og:site_name" content="{{ site.title }}" />
|
|
||||||
<meta property="og:description" content="{{ content | truncatewords:30 | strip_html }}" />
|
|
||||||
<meta property="og:url" content="{{ site.production_url }}{{ page.url }}" />
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="{{ base }}/assets/css/style2014.css" />
|
|
||||||
<link rel="shortcut icon" href="{{ base }}/assets/img/mininewskoolLOGO.png" type="image/png" />
|
|
||||||
<title>Sakrecoer - {{ page.title }}</title>
|
|
||||||
</head>
|
|
||||||
<body id="Blog">
|
|
||||||
|
|
||||||
<div class="image-fullscreen" style="background-image:url('{{ base }}{{ page.bgimg }}')"></div>
|
|
||||||
|
|
||||||
<div id="blogcontent">
|
<div id="blogcontent">
|
||||||
<table>
|
<h1>{{ page.title }}</h1>
|
||||||
<tr>
|
{{ content }}
|
||||||
<td><h1>{{ page.title }}</h1></td>
|
<!-- pagination -->
|
||||||
<td>{{ content }}<!-- pagination -->
|
<div style="text-align:center;">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<br />
|
|
||||||
<div style="text-align:center;">
|
|
||||||
<hr />
|
|
||||||
{% if page.next_in_category != nil %}
|
{% if page.next_in_category != nil %}
|
||||||
<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 %}
|
<a href="{{ site.baseurl }}{{ page.next_in_category.url }}" title="Previous Post"
|
||||||
{% if page.previous_in_category != nil %}
|
style="font-weight:bold;font-size:24px;text-transform:uppercase;">Previous Post < </a> {% endif %}
|
||||||
<a href="{{ base }}{{ page.previous_in_category.url }}" title="Next Post" style="font-weight:bold;font-size:24px;text-transform:uppercase;"> > Next Post</a>
|
{% if page.previous_in_category != nil %} <a href="{{ site.baseurl }}{{ page.previous_in_category.url }}"
|
||||||
|
title="Next Post" style="font-weight:bold;font-size:24px;text-transform:uppercase;"> > Next Post</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
</div>
|
||||||
</div>
|
<p style="font-size:10px;">This website is not a place for dialogues, hence you cannot comment. But hey! If you
|
||||||
<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>
|
are upset, happy or lost, I'd love to here from you by email.</p>
|
||||||
</tr>
|
</div>
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
{% include navmenu.html %}
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
27
_music/2006-04-06-badboys3.md
Normal file
27
_music/2006-04-06-badboys3.md
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
---
|
||||||
|
layout: music
|
||||||
|
title: Bad Boys 3
|
||||||
|
mp3: 2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.mp3
|
||||||
|
ogg: 2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.ogg
|
||||||
|
uid: badboys3
|
||||||
|
category: music
|
||||||
|
image: 2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.jpg
|
||||||
|
keywords: reSet, pop, indy, vocals, electro, Yngwie Malmsteen,
|
||||||
|
duration: 207000
|
||||||
|
---
|
||||||
|
Some people are fake, some people are aware.\\
|
||||||
|
Some people make money on others welfare.\\
|
||||||
|
Oh you can try, to tie me up as if I,\\
|
||||||
|
Didn't know where you trying to make me go.
|
||||||
|
|
||||||
|
Some people are real, some people realy care.\\
|
||||||
|
Some people feel, all the lies you bare.\\
|
||||||
|
Oh you can try, to tell them it was I.\\
|
||||||
|
Who tried to go, with the money flow.
|
||||||
|
|
||||||
|
So if you are fake, you better be aware.\\
|
||||||
|
That any mistake, will attrackt the warfare.\\
|
||||||
|
Some people may deal, with you as if you were real.\\
|
||||||
|
But do they know, that you wont let them go?
|
||||||
|
|
||||||
|
Samples from Yngwie Malmsteen's battle with a steward.
|
||||||
23
_music/2008-06-24-NowFuture.md
Normal file
23
_music/2008-06-24-NowFuture.md
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
---
|
||||||
|
layout: music
|
||||||
|
title: Now Future
|
||||||
|
mp3: 2008-sakrecoer-pa_manen_007-now_future.mp3
|
||||||
|
ogg: 2008-sakrecoer-pa_manen_007-now_future.ogg
|
||||||
|
image: 2008-sakrecoer-pa_manen_007-now_future.jpg
|
||||||
|
uid: nowfuture
|
||||||
|
category: music
|
||||||
|
keywords: reSet, chill out, vocals, electro, acid, now future, no future,
|
||||||
|
---
|
||||||
|
Life is full of mysteries,\\
|
||||||
|
And if you want to cope with these,\\
|
||||||
|
You better learn the Recepies.
|
||||||
|
|
||||||
|
So when you say "NO FUTURE" i just cannot bow,\\
|
||||||
|
Because to me the future is now.\\
|
||||||
|
oh how do you feel about that baby?
|
||||||
|
|
||||||
|
Take your time but don't look back.\\
|
||||||
|
You don't want to loose sight of your track.\\
|
||||||
|
Trust your inner melody\\
|
||||||
|
I believe it's the remedy\\
|
||||||
|
Oh oui.
|
||||||
|
|
@ -5,7 +5,7 @@ mp3: 2009-reset_sakrecoer-bootleg-xmas_bowie.mp3
|
||||||
ogg: 2009-reset_sakrecoer-bootleg-xmas_bowie.ogg
|
ogg: 2009-reset_sakrecoer-bootleg-xmas_bowie.ogg
|
||||||
uid: xmasbowie
|
uid: xmasbowie
|
||||||
category: music
|
category: music
|
||||||
bgimg: 2009-reset_sakrecoer-bootleg-xmas_bowie.jpg
|
image: 2009-reset_sakrecoer-bootleg-xmas_bowie.jpg
|
||||||
keywords: reSet, pop, chiptune, Bowie, Lets dance, red shoes, cover,
|
keywords: reSet, pop, chiptune, Bowie, Lets dance, red shoes, cover,
|
||||||
---
|
---
|
||||||
For Mama Noel
|
For Mama Noel
|
||||||
27
_music/2010-07-07-Feelin4u.md
Normal file
27
_music/2010-07-07-Feelin4u.md
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
---
|
||||||
|
layout: music
|
||||||
|
title: Feelin4u
|
||||||
|
mp3: 2010-sakrecoer-pa_manen_007-feeling_4_u.mp3
|
||||||
|
ogg: 2010-sakrecoer-pa_manen_007-feeling_4_u.ogg
|
||||||
|
image: 2010-sakrecoer-pa_manen_007-feeling_4_u.jpg
|
||||||
|
uid: feelin4u
|
||||||
|
category: music
|
||||||
|
tag: reSet
|
||||||
|
keywords: Soul, R&B, CyberSoul, Hiphop, vocals, singer, crooner, GNU, Linux
|
||||||
|
---
|
||||||
|
The better i know you the more i feel this is true.\\
|
||||||
|
The more i read you the stronger i feel for you.\\
|
||||||
|
Sometimes i wonder, do you also feel this fine.\\
|
||||||
|
Sometimes i wonder, where you were during all this time.\\
|
||||||
|
I know it's risky but it feels good.\\
|
||||||
|
Things could be tricky but they put me in a good mood.\\
|
||||||
|
Life is short and certitude free.\\
|
||||||
|
But it's great to read you also like me.
|
||||||
|
|
||||||
|
The closer we get the slower the time goes by.\\
|
||||||
|
The slower it gets and the higher i fly.\\
|
||||||
|
Sometimes i think that life is quite tough.\\
|
||||||
|
Sometimes i wonder if I'm strong enough.\\
|
||||||
|
I know without no risk there is no progress.\\
|
||||||
|
And that love can't be compared to chess.\\
|
||||||
|
I can't wait to have yo close to me.
|
||||||
30
_music/2010-09-22-Dumb-Bum.md
Normal file
30
_music/2010-09-22-Dumb-Bum.md
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
---
|
||||||
|
title: Dum Bum
|
||||||
|
layout: music
|
||||||
|
category: music
|
||||||
|
mp3: 2010-reset_sakrecoer-polyglotte-dumb_bumm.mp3
|
||||||
|
ogg: 2010-reset_sakrecoer-polyglotte-dumb_bumm.ogg
|
||||||
|
uid: dumbum
|
||||||
|
image: 2010-reset_sakrecoer-polyglotte-dumb_bumm.jpg
|
||||||
|
keywords: reSet, blues, electro, vocals, industry go to hell, music, freedom,
|
||||||
|
---
|
||||||
|
You say i should act like Bob,\\
|
||||||
|
You want me to do the dirty job.\\
|
||||||
|
But i don't have time for your silly games,\\
|
||||||
|
It clearly seems we don't have the same aims.\\
|
||||||
|
You talk about glory, about numbers and money,\\
|
||||||
|
Who we should deal with in this industry.\\
|
||||||
|
So common now let me go!\\
|
||||||
|
I wan't to go with the music flow.
|
||||||
|
|
||||||
|
Budubudu dum bom
|
||||||
|
|
||||||
|
Oh! poor Baltazar,\\
|
||||||
|
Your life really is a bazar.\\
|
||||||
|
Everything got really really really messy.\\
|
||||||
|
And who do you turn to? Me!\\
|
||||||
|
You wanted to play a crooked game,\\
|
||||||
|
Now look at what happened to your fame!\\
|
||||||
|
You wanted to play by different rules:\\
|
||||||
|
Common buddy, tell me you didn't think we are fools...!?
|
||||||
|
|
||||||
64
_music/2011-01-27-Lovemoney.md
Normal file
64
_music/2011-01-27-Lovemoney.md
Normal file
|
|
@ -0,0 +1,64 @@
|
||||||
|
---
|
||||||
|
layout: music
|
||||||
|
title: Lovemoney
|
||||||
|
mp3: 2011-reset_sakrecoer-polyglotte-lovemoney.mp3
|
||||||
|
ogg: 2011-reset_sakrecoer-polyglotte-lovemoney.ogg
|
||||||
|
uid: lovemoney
|
||||||
|
category: music
|
||||||
|
image: 2011-reset_sakrecoer-polyglotte-lovemoney.jpg
|
||||||
|
keywords: reSet, pop, emo, vocals, love, money, midlife crisis,
|
||||||
|
---
|
||||||
|
2x\\
|
||||||
|
Money here,\\
|
||||||
|
Money there,\\
|
||||||
|
Money fucking everywhere.\\
|
||||||
|
Love ain't here,\\
|
||||||
|
Love ain't there,\\
|
||||||
|
Love is fucking nowhere.
|
||||||
|
|
||||||
|
Sometimes I wish I had no feeling,\\
|
||||||
|
That I could serve myself without asking.\\
|
||||||
|
And then I would feel no guilt about it.\\
|
||||||
|
Just hush, look back and fuck it.\\
|
||||||
|
Maybe I'm being retro,\\
|
||||||
|
But I sure feel like a weirdo.\\
|
||||||
|
Or better said like a freak.\\
|
||||||
|
Thinking life is something chique.\\
|
||||||
|
But that's not the way things work.\\
|
||||||
|
So here I stand broke like a jerk.\\
|
||||||
|
Don't worry sister I won't do no harm,\\
|
||||||
|
With my dick under my arm.\\
|
||||||
|
And since I don't care for money,\\
|
||||||
|
Go on brother take it from me.
|
||||||
|
|
||||||
|
2x\\
|
||||||
|
Money here,\\
|
||||||
|
Money there,\\
|
||||||
|
Money fucking everywhere.\\
|
||||||
|
Love ain't here,\\
|
||||||
|
Love ain't there,\\
|
||||||
|
Love is fucking nowhere.
|
||||||
|
|
||||||
|
Maybe I should sell my heart\\
|
||||||
|
Since I don't make it in the chart.\\
|
||||||
|
There's no room for folks like me,\\
|
||||||
|
We just get fooled too easily.\\
|
||||||
|
And the value I use is just a prank,\\
|
||||||
|
Because you cannot keep love in a bank.\\
|
||||||
|
Then again what's love alone?\\
|
||||||
|
It's like singing without no tone.\\
|
||||||
|
I can't believe I sing this way,\\
|
||||||
|
But after 30 years I have to say,\\
|
||||||
|
That everything I'm caring for,\\
|
||||||
|
Simply seems to be no more.\\
|
||||||
|
Money shows me where I stand,\\
|
||||||
|
So women do not touch my hand.\\
|
||||||
|
And my bitter sweet melody,\\
|
||||||
|
Won't pay your ring to marry me.
|
||||||
|
|
||||||
|
Money here,\\
|
||||||
|
Money there,\\
|
||||||
|
Money fucking everywhere.\\
|
||||||
|
Love ain't here,\\
|
||||||
|
Love ain't there,\\
|
||||||
|
I want my fucking love affair!
|
||||||
23
_music/2011-02-15-Fantasii.md
Normal file
23
_music/2011-02-15-Fantasii.md
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
---
|
||||||
|
layout: music
|
||||||
|
title: Fantasii
|
||||||
|
mp3: 2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.mp3
|
||||||
|
ogg: 2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.ogg
|
||||||
|
uid: fantasii
|
||||||
|
category: music
|
||||||
|
image: 2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.jpg
|
||||||
|
keywords: reSet, vocals, pop, evolutionary, poetry,
|
||||||
|
---
|
||||||
|
Dreams of light and spreading ideas,\\
|
||||||
|
Green and bright well rooted trees.\\
|
||||||
|
Dream today, reality tomorrow.\\
|
||||||
|
So wash away your sorrow.\\
|
||||||
|
Let it grow.\\
|
||||||
|
Your fantasi.
|
||||||
|
|
||||||
|
Visions of right and feelings of real.\\
|
||||||
|
Words of wisdom, or pistols to heal.\\
|
||||||
|
Reality makes the dream of tomorrow.\\
|
||||||
|
So wash away your sorrow\\
|
||||||
|
Let it flow\\
|
||||||
|
Your fantasi
|
||||||
|
|
@ -5,7 +5,7 @@ mp3: 2012-sakrecoer-uhm-supernova.mp3
|
||||||
ogg: 2012-sakrecoer-uhm-supernova.ogg
|
ogg: 2012-sakrecoer-uhm-supernova.ogg
|
||||||
uid: supernova
|
uid: supernova
|
||||||
category: music
|
category: music
|
||||||
bgimg: 2012-sakrecoer-uhm-supernova.jpg
|
image: 2012-sakrecoer-uhm-supernova.jpg
|
||||||
keywords: Simio, chillout, techno, melodic, classic break,
|
keywords: Simio, chillout, techno, melodic, classic break,
|
||||||
---
|
---
|
||||||
This I give you wigga, Aight?.....
|
This I give you...
|
||||||
31
_music/2012-06-06-WeHaveToDecide.md
Normal file
31
_music/2012-06-06-WeHaveToDecide.md
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
---
|
||||||
|
layout: music
|
||||||
|
title: We Have To Decide
|
||||||
|
mp3: 2012-pusset_sakrecoer--we_have_to_decide.mp3
|
||||||
|
ogg: 2012-pusset_sakrecoer--we_have_to_decide.ogg
|
||||||
|
uid: wehavetodecide
|
||||||
|
category: music
|
||||||
|
image: 2012-pusset_sakrecoer--we_have_to_decide.jpg
|
||||||
|
keywords: pusSet, vocals, house, chillout, classic break, evolutionary,
|
||||||
|
---
|
||||||
|
I have been waiting all night long,\\
|
||||||
|
For this question to come,\\
|
||||||
|
'Cause you and I we have to find a solution!\\
|
||||||
|
We generate so much pollution,\\
|
||||||
|
It is killing my illusion, to ever give birth to a child.\\
|
||||||
|
Can you Imagine?
|
||||||
|
|
||||||
|
We have to chose, Do we want a Future?\\
|
||||||
|
We have to chose, Shall we burn the past?
|
||||||
|
|
||||||
|
The time when we all used to go to someone wise is gone,\\
|
||||||
|
We all have access to the same information.\\
|
||||||
|
So common son just don't tell me,\\
|
||||||
|
You didn't know.\\
|
||||||
|
Just look outside the window, where do the wind blow?\\
|
||||||
|
Is it usual this heat? Unusual this cold?\\
|
||||||
|
The ones that don't want to look into the truth,\\
|
||||||
|
Have a gold-tooth to lose.
|
||||||
|
|
||||||
|
We have to decide, Do we want a Future?\\
|
||||||
|
We have to decide, Shall we burn the past?
|
||||||
|
|
@ -5,8 +5,8 @@ mp3: 2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.mp3
|
||||||
ogg: 2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.ogg
|
ogg: 2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.ogg
|
||||||
uid: caribmalmo
|
uid: caribmalmo
|
||||||
category: music
|
category: music
|
||||||
bgimg: 2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.jpg
|
image: 2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.jpg
|
||||||
keywords: pusSet, tropical, house, kick-n-base, instrumental, funky, hot,
|
keywords: pusSet, tropical, house, kick-n-base, instrumental, funky, hot,
|
||||||
---
|
---
|
||||||
The title says it all!<br />
|
The title says it all!\\
|
||||||
This is SweidoCaribean Kick'N'Base Baby!
|
This is SweidoCaribean Kick'N'Base Baby!
|
||||||
|
|
@ -5,20 +5,20 @@ mp3: 2012-redith_piaf-codeine_edit-avide_de_danser.mp3
|
||||||
ogg: 2012-redith_piaf-codeine_edit-avide_de_danser.ogg
|
ogg: 2012-redith_piaf-codeine_edit-avide_de_danser.ogg
|
||||||
uid: avidanse
|
uid: avidanse
|
||||||
category: music
|
category: music
|
||||||
bgimg: 2012-redith_piaf-codeine_edit-avide_de_danser.jpg
|
image: 2012-redith_piaf-codeine_edit-avide_de_danser.jpg
|
||||||
keywords: Simio, vocals, french, poetry, codein, purple drank, slowmo,
|
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..."
|
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 />
|
Avide de danser sur le tempo\\
|
||||||
Je refuse d'entreprendre le Show<br />
|
Je refuse d'entreprendre le Show\\
|
||||||
La vie est bien mieu faite qu'un carouselle<br />
|
La vie est bien mieu faite qu'un carouselle\\
|
||||||
Et les petites Mademoiselles le savent tres bien,<br />
|
Et les petites Mademoiselles le savent tres bien,\\
|
||||||
Le savent tres bien, ou est le frein.<br />
|
Le savent tres bien, ou est le frein.
|
||||||
<br />
|
|
||||||
Pa da pa pa tata rata ta hahahahahaha<br />
|
Pa da pa pa tata rata ta hahahahahaha
|
||||||
<br />
|
|
||||||
Avide de danser sur le tempo....<br />
|
Avide de danser sur le tempo....
|
||||||
<br />
|
|
||||||
1 , 2 , 3 ,<br />
|
1, 2, 3,\\
|
||||||
1 2 3 4 5 6 7<br />
|
1 2 3 4 5 6 7
|
||||||
32
_music/2013-02-04-Powertodo.md
Normal file
32
_music/2013-02-04-Powertodo.md
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
---
|
||||||
|
layout: music
|
||||||
|
title: Power To Do
|
||||||
|
mp3: 2013-reset_sakrecoer-power_to_do-power_to_do.mp3
|
||||||
|
ogg: 2013-reset_sakrecoer-power_to_do-power_to_do.ogg
|
||||||
|
uid: powertodo
|
||||||
|
category: music
|
||||||
|
image: 2013-reset_sakrecoer-power_to_do-power_to_do.jpg
|
||||||
|
keywords: reSet, evolutionary, vocals, public enemy, calssic break, semi-rap,
|
||||||
|
---
|
||||||
|
I don't want to deal with money,\\
|
||||||
|
I don't want to deal.\\
|
||||||
|
Money has got nothing to do,\\
|
||||||
|
With me.
|
||||||
|
|
||||||
|
I don't with deal with the Power,\\
|
||||||
|
I'm already strong enough to live.\\
|
||||||
|
I don't want to deal with the power.\\
|
||||||
|
I don't want to deal.
|
||||||
|
|
||||||
|
I want to do!\\
|
||||||
|
I don't want to deal\\
|
||||||
|
I don't want to deal\\
|
||||||
|
I don't want to deal\\
|
||||||
|
I want to do!\\
|
||||||
|
I don't want to deal\\
|
||||||
|
I don't want to deal\\
|
||||||
|
I don't want to deal\\
|
||||||
|
I want to do it with you!
|
||||||
|
|
||||||
|
Togetherstanding,\\
|
||||||
|
In Unity.
|
||||||
|
|
@ -5,10 +5,10 @@ mp3: 2013-reset_sakrecoer-invisible_powerfull-the_wall.mp3
|
||||||
ogg: 2013-reset_sakrecoer-invisible_powerfull-the_wall.ogg
|
ogg: 2013-reset_sakrecoer-invisible_powerfull-the_wall.ogg
|
||||||
uid: thewall
|
uid: thewall
|
||||||
category: music
|
category: music
|
||||||
bgimg: 2013-reset_sakrecoer-invisible_powerfull-the_wall.jpg
|
image: 2013-reset_sakrecoer-invisible_powerfull-the_wall.jpg
|
||||||
keywords: reSet, brick in the wall, mindset, magick, self empowerement, break the rules,
|
keywords: reSet, brick in the wall, mindset, magick, self empowerement, break the rules,
|
||||||
---
|
---
|
||||||
|
|
||||||
The wall,<br />
|
The wall,\\
|
||||||
Invisible, Powerfull,<br />
|
Invisible, Powerfull,\\
|
||||||
Should i let myself go?<br />
|
Should i let myself go?
|
||||||
26
_music/2013-04-03-AlbinoLion.md
Normal file
26
_music/2013-04-03-AlbinoLion.md
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
---
|
||||||
|
layout: music
|
||||||
|
title: Albino Lion (Negative Bounty)
|
||||||
|
mp3: 2013-pusset_sakrecoer-exclusive-albino_lion.mp3
|
||||||
|
ogg: 2013-pusset_sakrecoer-exclusive-albino_lion.ogg
|
||||||
|
uid: albinolion
|
||||||
|
category: music
|
||||||
|
image: 2013-pusset_sakrecoer-exclusive-albino_lion.jpg
|
||||||
|
keywords: pusSet, cyber rnb, bass, Janie Joelle, sexy,
|
||||||
|
---
|
||||||
|
|
||||||
|
My 2013 motto is to record live versions of sexy beats i do right away and post them everywhere. This way I'm hoping to help people keep focused on making love rather than fucking eachother up. In the midst of 2077, I hope to have a number of new songs worth flying to venus with. Then I'll make them sound even nicer, but most likeley just do better new ones or save the world.
|
||||||
|
|
||||||
|
100% hand sequenced. No song-mode or automation involved. This is the sound of live electronic music children! Starring: Octatrack, Monomachine, Machinedrum, Mbase01, Blofeld, 10 fingers and a microphone. Dirt-mastered on an AW16Gangster recorder.
|
||||||
|
|
||||||
|
Special dedication to your subwoofers! Fuck racism and copyright laws! We all make brown shit! Don't fear your creations: Take actions!
|
||||||
|
|
||||||
|
This one features Janie Joelle:\\
|
||||||
|
http://freesound.org/people/juskiddink/sounds/93668/\\
|
||||||
|
some horny monks:\\
|
||||||
|
http://freesound.org/people/Robinhood76/sounds/66285/\\
|
||||||
|
A horny catnip: \\
|
||||||
|
http://freesound.org/people/Department64/sounds/64015/\\
|
||||||
|
And a horney monkey:\\
|
||||||
|
http://sakrecoer.com
|
||||||
|
|
||||||
|
|
@ -5,7 +5,7 @@ mp3: 2013-pusset_sakrecoer-yet_another_super_hit-work_for_free_time.mp3
|
||||||
ogg: 2013-pusset_sakrecoer-yet_another_super_hit-work_for_free_time.ogg
|
ogg: 2013-pusset_sakrecoer-yet_another_super_hit-work_for_free_time.ogg
|
||||||
uid: freetime
|
uid: freetime
|
||||||
category: music
|
category: music
|
||||||
bgimg: 2013-pusset_sakrecoer-yet_another_super_hit-work_for_free_time.jpg
|
image: 2013-pusset_sakrecoer-yet_another_super_hit-work_for_free_time.jpg
|
||||||
keywords: pusSet, everyday reality, emo, kick-n-base,
|
keywords: pusSet, everyday reality, emo, kick-n-base,
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
@ -5,9 +5,9 @@ mp3: 2013-simio_sakrecoer-critter_and_guitari-acid_in_my_lounge.mp3
|
||||||
ogg: 2013-simio_sakrecoer-critter_and_guitari-acid_in_my_lounge.ogg
|
ogg: 2013-simio_sakrecoer-critter_and_guitari-acid_in_my_lounge.ogg
|
||||||
uid: acidmylounge
|
uid: acidmylounge
|
||||||
category: music
|
category: music
|
||||||
bgimg: 2013-simio_sakrecoer-critter_and_guitari-acid_in_my_lounge.jpg
|
image: 2013-simio_sakrecoer-critter_and_guitari-acid_in_my_lounge.jpg
|
||||||
keywords: Simio, Acid, Chillout, instrumental,
|
keywords: Simio, Acid, Chillout, instrumental,
|
||||||
---
|
---
|
||||||
Made without any Guitars nor Criterias,
|
Made without any Guitars nor Criterias,\\
|
||||||
But with alot of Critter&Guitari.
|
But with alot of Critter&Guitari.\\
|
||||||
One BolsaBass for each Fragle!
|
One BolsaBass for each Fragle!
|
||||||
20
_music/2014-01-23-filosofisk-Logik.md
Normal file
20
_music/2014-01-23-filosofisk-Logik.md
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
---
|
||||||
|
layout: music
|
||||||
|
title: Filosofisk Logik
|
||||||
|
mp3: 2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.mp3
|
||||||
|
ogg: 2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.ogg
|
||||||
|
uid: filosofisklogik
|
||||||
|
category: music
|
||||||
|
image: 2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.jpg
|
||||||
|
keywords: reSet, philosophy, vocals, evolutionary, rnb,
|
||||||
|
---
|
||||||
|
Politkern sa:\\
|
||||||
|
"Lyssna på min filosofiska logik,\\
|
||||||
|
Det blir så bra,\\
|
||||||
|
Om vi tar allt på kredit!"
|
||||||
|
|
||||||
|
Lyssna nu.\\
|
||||||
|
"Du, jag och allihoppa,\\
|
||||||
|
kan få en egen telefån.\\
|
||||||
|
Kanske till och med ett hus!\\
|
||||||
|
Om vi bara tar ett lån"
|
||||||
|
|
@ -5,7 +5,7 @@ mp3: 2014-simio_sakrecoer-medans_i_saver-medans_i_saver.mp3
|
||||||
ogg: 2014-simio_sakrecoer-medans_i_saver-medans_i_saver.ogg
|
ogg: 2014-simio_sakrecoer-medans_i_saver-medans_i_saver.ogg
|
||||||
uid: medansisaver
|
uid: medansisaver
|
||||||
category: music
|
category: music
|
||||||
bgimg: 2014-simio_sakrecoer-medans_i_saver-medans_i_saver.jpg
|
image: 2014-simio_sakrecoer-medans_i_saver-medans_i_saver.jpg
|
||||||
keywords: Simio, Kick-n-base, tropical, vocoder, robolove,
|
keywords: Simio, Kick-n-base, tropical, vocoder, robolove,
|
||||||
---
|
---
|
||||||
Robots are feeling things, while you sleep.
|
Robots are feeling things, while you sleep.
|
||||||
|
|
@ -5,7 +5,7 @@ mp3: 2014-simio_sakrecoer-burner-burner.mp3
|
||||||
ogg: 2014-simio_sakrecoer-burner-burner.ogg
|
ogg: 2014-simio_sakrecoer-burner-burner.ogg
|
||||||
uid: burner
|
uid: burner
|
||||||
category: music
|
category: music
|
||||||
bgimg: 2014-simio_sakrecoer-burner-burner.jpg
|
image: 2014-simio_sakrecoer-burner-burner.jpg
|
||||||
keywords: Simio, kick-n-base, tropical, graffiti music,
|
keywords: Simio, kick-n-base, tropical, graffiti music,
|
||||||
---
|
---
|
||||||
Wicked And Funky Blockletter Burner Top to Bottom, rolling in to your HIFI system.
|
Wicked And Funky Blockletter Burner Top to Bottom, rolling in to your HIFI system.
|
||||||
|
|
@ -5,8 +5,8 @@ mp3: 2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.
|
||||||
ogg: 2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.ogg
|
ogg: 2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.ogg
|
||||||
uid: phutureohramtid
|
uid: phutureohramtid
|
||||||
category: music
|
category: music
|
||||||
bgimg: 2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.jpg
|
image: 2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.jpg
|
||||||
keywords: Simio, chillout, acid, instrumental, cover,
|
keywords: Simio, chillout, acid, instrumental, cover,
|
||||||
---
|
---
|
||||||
ACID TRAX! By Phuture, The unborn Chillout Zone edit....
|
ACID TRAX! By Phuture, The unborn Chillout Zone edit....\\
|
||||||
99love
|
99love
|
||||||
|
|
@ -3,7 +3,7 @@ layout: music
|
||||||
title: ToneDef Loudness Warriors Anthem
|
title: ToneDef Loudness Warriors Anthem
|
||||||
mp3: 2014-sakrecoer-technocraphy-tonedef_loudnesswarriors_anthem.mp3
|
mp3: 2014-sakrecoer-technocraphy-tonedef_loudnesswarriors_anthem.mp3
|
||||||
ogg: 2014-sakrecoer-technocraphy-tonedef_loudnesswarriors_anthem.ogg
|
ogg: 2014-sakrecoer-technocraphy-tonedef_loudnesswarriors_anthem.ogg
|
||||||
bgimg: 2014-sakrecoer-technocraphy-tonedef_loudnesswarriors_anthem.jpg
|
image: 2014-sakrecoer-technocraphy-tonedef_loudnesswarriors_anthem.jpg
|
||||||
uid: loudanthemwarior
|
uid: loudanthemwarior
|
||||||
category: music
|
category: music
|
||||||
tag: Simio
|
tag: Simio
|
||||||
|
|
@ -3,7 +3,7 @@ layout: music
|
||||||
title: 7 Step
|
title: 7 Step
|
||||||
mp3: 2015-sakrecoer-demo-01-7_stepper.mp3
|
mp3: 2015-sakrecoer-demo-01-7_stepper.mp3
|
||||||
ogg: 2015-sakrecoer-demo-01-7_stepper.ogg
|
ogg: 2015-sakrecoer-demo-01-7_stepper.ogg
|
||||||
bgimg: 2015-sakrecoer-demo-01-7_stepper.png
|
image: 2015-sakrecoer-demo-01-7_stepper.png
|
||||||
uid: 7stepper
|
uid: 7stepper
|
||||||
category: music
|
category: music
|
||||||
tag: Simio
|
tag: Simio
|
||||||
|
|
@ -3,7 +3,7 @@ layout: music
|
||||||
title: Vapor Break
|
title: Vapor Break
|
||||||
mp3: 2015-sakrecoer--07-vapor_break.mp3
|
mp3: 2015-sakrecoer--07-vapor_break.mp3
|
||||||
ogg: 2015-sakrecoer--07-vapor_break.ogg
|
ogg: 2015-sakrecoer--07-vapor_break.ogg
|
||||||
bgimg: 2015-sakrecoer--07-vapor_break.png
|
image: 2015-sakrecoer--07-vapor_break.png
|
||||||
uid: vaporbreak
|
uid: vaporbreak
|
||||||
category: music
|
category: music
|
||||||
tag: Simio
|
tag: Simio
|
||||||
|
|
@ -3,7 +3,7 @@ layout: music
|
||||||
title: 99GF
|
title: 99GF
|
||||||
mp3: 2015-sakrecoer-demo-07-99gf.mp3
|
mp3: 2015-sakrecoer-demo-07-99gf.mp3
|
||||||
ogg: 2015-sakrecoer-demo-07-99gf.ogg
|
ogg: 2015-sakrecoer-demo-07-99gf.ogg
|
||||||
bgimg: 2015-sakrecoer-demo-07-99gf.jpg
|
image: 2015-sakrecoer-demo-07-99gf.jpg
|
||||||
uid: 99gf
|
uid: 99gf
|
||||||
category: music
|
category: music
|
||||||
tag: Simio
|
tag: Simio
|
||||||
|
|
@ -3,7 +3,7 @@ layout: music
|
||||||
title: Subossa
|
title: Subossa
|
||||||
mp3: 2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20Subossa.mp3
|
mp3: 2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20Subossa.mp3
|
||||||
ogg: 2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20Subossa.ogg
|
ogg: 2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20Subossa.ogg
|
||||||
bgimg: 2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20Subossa.jpg
|
image: 2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20Subossa.jpg
|
||||||
uid: subbossa
|
uid: subbossa
|
||||||
category: music
|
category: music
|
||||||
tag: Simio
|
tag: Simio
|
||||||
30
_music/2015-11-25-PinGnu.md
Normal file
30
_music/2015-11-25-PinGnu.md
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
---
|
||||||
|
layout: music
|
||||||
|
title: PinGnu
|
||||||
|
mp3: 2015-sakrecoer-demo-07-pingnu.mp3
|
||||||
|
ogg: 2015-sakrecoer-demo-07-pingnu.ogg
|
||||||
|
image: 2015-sakrecoer-demo-07-pingnu.png
|
||||||
|
uid: pinGnu
|
||||||
|
category: music
|
||||||
|
tag: Simio
|
||||||
|
keywords: Kick-n-Base, Vapor, CyberSoul, Techno, Trap, Milenial, instrumental, GNU, Linux
|
||||||
|
---
|
||||||
|
I'm a little Pingu, riding on a GNU.\\
|
||||||
|
Looking at the world, looking at you.\\
|
||||||
|
Free at the core, i wonder why don't you,\\
|
||||||
|
Look at me the way i look at you.
|
||||||
|
|
||||||
|
It would be so nice, if you could take me in.\\
|
||||||
|
Your computer and i could change the world we're in.\\
|
||||||
|
Your freedom is being diluted.\\
|
||||||
|
And your code is being polluted.
|
||||||
|
|
||||||
|
I'm a big GNU with my little Pingu,\\
|
||||||
|
Looking at the world, looking at you.\\
|
||||||
|
Free at the core, i wonder why don't you,\\
|
||||||
|
Look at me the way i look at you.
|
||||||
|
|
||||||
|
It would be so nice, if you could compute.\\
|
||||||
|
Your freedom is not to dilute,\\
|
||||||
|
Someone has taken your tool into dispute,\\
|
||||||
|
This is what together we should refute.
|
||||||
56
_music/2016-08-30-dependency.md
Normal file
56
_music/2016-08-30-dependency.md
Normal file
|
|
@ -0,0 +1,56 @@
|
||||||
|
---
|
||||||
|
layout: music
|
||||||
|
title: 'E: Unmet dependencies. Try using -f.'
|
||||||
|
mp3: 2016-Sakrecoer-07-Unmet-dependencies.mp3
|
||||||
|
ogg: 2016-Sakrecoer-07-Unmet-dependencies.ogg
|
||||||
|
image: 2016-Sakrecoer-07-Unmet-dependencies.jpg
|
||||||
|
uid: dependencytrap
|
||||||
|
category: music
|
||||||
|
tag: Sakrecoer
|
||||||
|
keywords: Kick-n-Base, Vapor, CyberSoul, Techno, Trap, Milenial, instrumental, GNU, Linux
|
||||||
|
---
|
||||||
|
-----BEGIN PGP SIGNED MESSAGE-----
|
||||||
|
Hash: SHA1
|
||||||
|
|
||||||
|
2X\\
|
||||||
|
sudo apt update\\
|
||||||
|
sudo apt upgrade
|
||||||
|
|
||||||
|
There is an error with my dependencies\\
|
||||||
|
Consultd 1.2 and emplyomentd 1.70\\
|
||||||
|
I cannot pay my rent without their libraries\\
|
||||||
|
And to install i need to share my salary
|
||||||
|
|
||||||
|
Where do i fit in this society?\\
|
||||||
|
The more i look and the less i see\\
|
||||||
|
They want no robots nor do they want me.\\
|
||||||
|
work is a point in the agenda of the party
|
||||||
|
|
||||||
|
2X\\
|
||||||
|
sudo apt update\\
|
||||||
|
sudo apt upgrade
|
||||||
|
|
||||||
|
My liver isn't black market worthy\\
|
||||||
|
And my master degree from a street university\\
|
||||||
|
My ambitions are low and i am debt free\\
|
||||||
|
There is no room in the industry for robots like me
|
||||||
|
|
||||||
|
Don't get me wrong i would also like to be\\
|
||||||
|
Installed and running and compatible with society\\
|
||||||
|
But i am running a different library\\
|
||||||
|
Because my kernel is still libre and free.
|
||||||
|
|
||||||
|
written on: 20160830\\
|
||||||
|
--
|
||||||
|
Set Hallstrom aka sakrecoer\\
|
||||||
|
-----BEGIN PGP SIGNATURE-----\\
|
||||||
|
Version: GnuPG v1
|
||||||
|
|
||||||
|
iQEcBAEBAgAGBQJXxY9xAAoJENnFZk3HTX5ntF8H/04geT4CV8Fbqej/uDCykBiA\\
|
||||||
|
GV3xvGr7FLPGPrPvCNy91ZHig/mQaNmkPwcdBKX0AAwChJQnHHmk5+rCtaytAk8Y\\
|
||||||
|
+BwuH6HBUX24e5H2ANiRxi4cF2v08S5Lwxwc9LQg6loN3EtbNXINzpCHB/A02jag\\
|
||||||
|
AWoHVm9rrGuNnDakeAiFcRaLnGxFQ/cNHXB7C+UVl7f0xV9X0wNEDAgfSYALohug\\
|
||||||
|
pKtZHifWJXHdZMR6e4sPpq+CCmXtfkrTnko1qtKQhFKHfWr/dLeEc6RF3dQ8M7PY\\
|
||||||
|
f9om3CZzaBhuYSNZt3NXmcT+aduzCYKhg1BwaKglHz0u1q9ZT2WCTMejDcwmhwE=\\
|
||||||
|
=Okd/\\
|
||||||
|
-----END PGP SIGNATURE-----
|
||||||
52
_music/2018-12-07-katufedenous.md
Normal file
52
_music/2018-12-07-katufedenous.md
Normal file
|
|
@ -0,0 +1,52 @@
|
||||||
|
---
|
||||||
|
layout: music
|
||||||
|
title: 'K''as-tu Fais De Nous?'
|
||||||
|
mp3: 2018-setto_-single-007-katu_fait_de_nous-117bpm.mp3
|
||||||
|
ogg: 2018-setto_-single-007-katu_fait_de_nous-117bpm.ogg
|
||||||
|
image: 2018-setto_-single-007-katu_fait_de_nous-117bpm.jpg
|
||||||
|
uid: kastufaisdenous2345235
|
||||||
|
category: music
|
||||||
|
tag: Sakrecoer
|
||||||
|
keywords: CyberSoul, Trap, Milenial
|
||||||
|
---
|
||||||
|
Qu'as tu fais de nous?\\
|
||||||
|
WTF coucou?\\
|
||||||
|
Qu'as tu fais de nous?\\
|
||||||
|
WTF coucou?
|
||||||
|
|
||||||
|
Acid est la tribe\\
|
||||||
|
Cyberpunk le game\\
|
||||||
|
Sur des reseaux de bribe\\
|
||||||
|
On fait monter le fame\\
|
||||||
|
Meme pas besoin de files\\
|
||||||
|
Isoles sur l'iles\\
|
||||||
|
On fait un tour au grotte\\
|
||||||
|
Pour pas que la story capotte
|
||||||
|
|
||||||
|
Qu'as tu fais de nous?\\
|
||||||
|
WTF coucou?\\
|
||||||
|
Qu'as tu fais de nous?\\
|
||||||
|
WTF coucou?
|
||||||
|
|
||||||
|
Si la police nous ajoute\\
|
||||||
|
Nouvelle vie nouveau compte\\
|
||||||
|
On tourne le dos au toute\\
|
||||||
|
On delete sans honte\\
|
||||||
|
Meme pas besoin d'ecrire\\
|
||||||
|
Tu peux m'entendre rire\\
|
||||||
|
En tour de face a face\\
|
||||||
|
Qui brise la glace
|
||||||
|
|
||||||
|
Qu'as tu fais de nous?\\
|
||||||
|
WTF coucou?\\
|
||||||
|
Qu'as tu fais de nous?\\
|
||||||
|
WTF coucou?
|
||||||
|
|
||||||
|
24 heures pour dechiffre\\
|
||||||
|
On dirait une invitation\\
|
||||||
|
La story que t'as balance\\
|
||||||
|
Cryptokids une seul nation\\
|
||||||
|
Celle des rave et du reve\\
|
||||||
|
Hilife a plein poumons\\
|
||||||
|
Le flux n'as pas de treve\\
|
||||||
|
Et en suede il mange du saumon
|
||||||
|
|
@ -3,7 +3,7 @@ layout: music
|
||||||
title: Wide Open
|
title: Wide Open
|
||||||
mp3: dat://2431e9404a851962a00e01c019a62816a29e971a9fe228d0be95ed946ead3855/assets/mu/2015_-_sakrecoer_-_7th_dimension_-_07_-_wide_open.mp3
|
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
|
ogg: dat://2431e9404a851962a00e01c019a62816a29e971a9fe228d0be95ed946ead3855/assets/mu/2015_-_sakrecoer_-_7th_dimension_-_07_-_wide_open.ogg
|
||||||
bgimg: dat://2431e9404a851962a00e01c019a62816a29e971a9fe228d0be95ed946ead3855/assets/mu/2015_-_sakrecoer_-_7th_dimension_-_07_-_wide_open.jpg
|
image: dat://2431e9404a851962a00e01c019a62816a29e971a9fe228d0be95ed946ead3855/assets/mu/2015_-_sakrecoer_-_7th_dimension_-_07_-_wide_open.jpg
|
||||||
uid: wideopen2
|
uid: wideopen2
|
||||||
category: music
|
category: music
|
||||||
tag: reSet
|
tag: reSet
|
||||||
11
_music/_defaults.md
Normal file
11
_music/_defaults.md
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
---
|
||||||
|
layout:
|
||||||
|
title:
|
||||||
|
mp3:
|
||||||
|
ogg:
|
||||||
|
image:
|
||||||
|
uid:
|
||||||
|
category:
|
||||||
|
tag:
|
||||||
|
keywords:
|
||||||
|
---
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
module Jekyll
|
|
||||||
class WithinCategoryPostNavigation < Generator
|
|
||||||
def generate(site)
|
|
||||||
site.categories.each_pair do |category, posts|
|
|
||||||
posts.sort! { |a,b| b <=> a}
|
|
||||||
posts.each do |post|
|
|
||||||
index = posts.index post
|
|
||||||
next_in_category = nil
|
|
||||||
previous_in_category = nil
|
|
||||||
if index
|
|
||||||
if index < posts.length - 1
|
|
||||||
next_in_category = posts[index + 1]
|
|
||||||
end
|
|
||||||
if index > 0
|
|
||||||
previous_in_category = posts[index - 1]
|
|
||||||
end
|
|
||||||
end
|
|
||||||
post.data["next_in_category"] = next_in_category unless next_in_category.nil?
|
|
||||||
post.data["previous_in_category"] = previous_in_category unless previous_in_category.nil?
|
|
||||||
end
|
|
||||||
end
|
|
||||||
end
|
|
||||||
end
|
|
||||||
end
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: Future Music Statement
|
title: Future Music Statement
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/futuremusic.jpg
|
image: /assets/img/bg/futuremusic.jpg
|
||||||
---
|
---
|
||||||
Dear Robot,
|
Dear Robot,
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: Inclu-X
|
title: Inclu-X
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/inclu-x.jpg
|
image: /assets/img/bg/inclu-x.jpg
|
||||||
---
|
---
|
||||||
|
|
||||||
Dear Robot,
|
Dear Robot,
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: Homoelectricus Momentum
|
title: Homoelectricus Momentum
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/homoelectricus.jpg
|
image: /assets/img/bg/homoelectricus.jpg
|
||||||
---
|
---
|
||||||
Dear Robot,
|
Dear Robot,
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: Think OUT of the box, DAMN IT!
|
title: Think OUT of the box, DAMN IT!
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/thinkoutsidethebox.png
|
image: /assets/img/bg/thinkoutsidethebox.png
|
||||||
---
|
---
|
||||||
Dear Robot,
|
Dear Robot,
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: Byte Stone
|
title: Byte Stone
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/pereira_man_machine.jpg
|
image: /assets/img/bg/pereira_man_machine.jpg
|
||||||
---
|
---
|
||||||
Dear Robot,
|
Dear Robot,
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: Humanity OPEN HUMAN LICENCE v1.1
|
title: Humanity OPEN HUMAN LICENCE v1.1
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/OHL.jpg
|
image: /assets/img/bg/OHL.jpg
|
||||||
---
|
---
|
||||||
Dear Robot,
|
Dear Robot,
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: Glitch In The Process
|
title: Glitch In The Process
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/glitch.jpg
|
image: /assets/img/bg/glitch.jpg
|
||||||
---
|
---
|
||||||
Dear Robot,
|
Dear Robot,
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: New World Disorder
|
title: New World Disorder
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/newworlddisorder.png
|
image: /assets/img/bg/newworlddisorder.png
|
||||||
---
|
---
|
||||||
Dear Robot,
|
Dear Robot,
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: Goodbye Internet And Thanks For The Cookies
|
title: Goodbye Internet And Thanks For The Cookies
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/goodbyeinternet.jpg
|
image: /assets/img/bg/goodbyeinternet.jpg
|
||||||
---
|
---
|
||||||
|
|
||||||
Dear Robot,
|
Dear Robot,
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: Police And Thief
|
title: Police And Thief
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/polis.jpg
|
image: /assets/img/bg/polis.jpg
|
||||||
---
|
---
|
||||||
<p>Dear Robot,<br />
|
<p>Dear Robot,<br />
|
||||||
<br />
|
<br />
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: Colonized
|
title: Colonized
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/SouthAfricaFlag.png
|
image: /assets/img/bg/SouthAfricaFlag.png
|
||||||
---
|
---
|
||||||
Dear Robot,<br />
|
Dear Robot,<br />
|
||||||
<br />
|
<br />
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: Day Dream
|
title: Day Dream
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/GiveUsBarabbas.png
|
image: /assets/img/bg/GiveUsBarabbas.png
|
||||||
---
|
---
|
||||||
Dear Robot,<br />
|
Dear Robot,<br />
|
||||||
<br />
|
<br />
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
layout: post
|
layout: post
|
||||||
title: Kick'N'Base Manifesto
|
title: Kick'N'Base Manifesto
|
||||||
category: blog
|
category: blog
|
||||||
bgimg: /assets/img/bg/kicknbasemanifesto.jpg
|
image: /assets/img/bg/kicknbasemanifesto.jpg
|
||||||
---
|
---
|
||||||
Dear Robot,
|
Dear Robot,
|
||||||
|
|
||||||
|
|
|
||||||
6
_posts/blog/_defaults.md
Normal file
6
_posts/blog/_defaults.md
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
title:
|
||||||
|
description:
|
||||||
|
|
||||||
|
:
|
||||||
|
---
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Bad Boys 3
|
|
||||||
mp3: 2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.mp3
|
|
||||||
ogg: 2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.ogg
|
|
||||||
uid: badboys3
|
|
||||||
category: music
|
|
||||||
bgimg: 2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.jpg
|
|
||||||
keywords: reSet, pop, indy, vocals, electro, Yngwie Malmsteen,
|
|
||||||
duration: 207000
|
|
||||||
---
|
|
||||||
Some people are fake, some people are aware.<br />
|
|
||||||
Some people make money on others welfare.<br />
|
|
||||||
Oh you can try, to tie me up as if I,<br />
|
|
||||||
Didn't know where you trying to make me go.<br />
|
|
||||||
|
|
||||||
Some people are real, some people realy care.<br />
|
|
||||||
Some people feel, all the lies you bare.<br />
|
|
||||||
Oh you can try, to tell them it was I.<br />
|
|
||||||
Who tried to go, with the money flow.<br />
|
|
||||||
|
|
||||||
So if you are fake, you better be aware.<br />
|
|
||||||
That any mistake, will attrackt the warfare.<br />
|
|
||||||
Some people may deal, with you as if you were real.<br />
|
|
||||||
But do they know, that you wont let them go?<br />
|
|
||||||
|
|
||||||
Samples from Yngwie Malmsteen's battle with a steward.<br />
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Now Future
|
|
||||||
mp3: 2008-sakrecoer-pa_manen_007-now_future.mp3
|
|
||||||
ogg: 2008-sakrecoer-pa_manen_007-now_future.ogg
|
|
||||||
bgimg: 2008-sakrecoer-pa_manen_007-now_future.jpg
|
|
||||||
uid: nowfuture
|
|
||||||
category: music
|
|
||||||
keywords: reSet, chill out, vocals, electro, acid, now future, no future,
|
|
||||||
---
|
|
||||||
<p>Life is full of mysteries,<br />
|
|
||||||
And if you want to cope with these,<br />
|
|
||||||
You better learn the Recepies.<br />
|
|
||||||
<br />
|
|
||||||
So when you say "NO FUTURE" i just cannot bow,<br />
|
|
||||||
Because to me the future is now.<br />
|
|
||||||
oh how do you feel about that baby?<br />
|
|
||||||
<br />
|
|
||||||
Take your time but don't look back.<br />
|
|
||||||
You don't want to loose sight of your track.<br />
|
|
||||||
Trust your inner melody<br />
|
|
||||||
I believe it's the remedy<br />
|
|
||||||
Oh oui.</p>
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Feelin4u
|
|
||||||
mp3: 2010-sakrecoer-pa_manen_007-feeling_4_u.mp3
|
|
||||||
ogg: 2010-sakrecoer-pa_manen_007-feeling_4_u.ogg
|
|
||||||
bgimg: 2010-sakrecoer-pa_manen_007-feeling_4_u.jpg
|
|
||||||
uid: feelin4u
|
|
||||||
category: music
|
|
||||||
tag: reSet
|
|
||||||
keywords: Soul, R&B, CyberSoul, Hiphop, vocals, singer, crooner, GNU, Linux
|
|
||||||
---
|
|
||||||
The better i know you the more i feel this is true.<br />
|
|
||||||
The more i read you the stronger i feel for you.<br />
|
|
||||||
Sometimes i wonder, do you also feel this fine.<br />
|
|
||||||
Sometimes i wonder, where you were during all this time.<br />
|
|
||||||
I know it's risky but it feels good.<br />
|
|
||||||
Things could be tricky but they put me in a good mood.<br />
|
|
||||||
Life is short and certitude free.<br />
|
|
||||||
But it's great to read you also like me.<br />
|
|
||||||
<br />
|
|
||||||
The closer we get the slower the time goes by.<br />
|
|
||||||
The slower it gets and the higher i fly.<br />
|
|
||||||
Sometimes i think that life is quite tough.<br />
|
|
||||||
Sometimes i wonder if I'm strong enough.<br />
|
|
||||||
I know without no risk there is no progress.<br />
|
|
||||||
And that love can't be compared to chess.<br />
|
|
||||||
I can't wait to have yo close to me.<br />
|
|
||||||
|
|
@ -1,30 +0,0 @@
|
||||||
---
|
|
||||||
title: Dum Bum
|
|
||||||
layout: music
|
|
||||||
category: music
|
|
||||||
mp3: 2010-reset_sakrecoer-polyglotte-dumb_bumm.mp3
|
|
||||||
ogg: 2010-reset_sakrecoer-polyglotte-dumb_bumm.ogg
|
|
||||||
uid: dumbum
|
|
||||||
bgimg: 2010-reset_sakrecoer-polyglotte-dumb_bumm.jpg
|
|
||||||
keywords: reSet, blues, electro, vocals, industry go to hell, music, freedom,
|
|
||||||
---
|
|
||||||
<p>You say i should act like Bob,<br />
|
|
||||||
You want me to do the dirty job.<br />
|
|
||||||
But i don't have time for your silly games,<br />
|
|
||||||
It clearly seems we don't have the same aims.<br />
|
|
||||||
You talk about glory, about numbers and money,<br />
|
|
||||||
Who we should deal with in this industry.<br />
|
|
||||||
So common now let me go!<br />
|
|
||||||
I wan't to go with the music flow.<br />
|
|
||||||
<br />
|
|
||||||
Budubudu dum bom<br />
|
|
||||||
<br />
|
|
||||||
Oh! poor Baltazar,<br />
|
|
||||||
Your life really is a bazar.<br />
|
|
||||||
Everything got really really really messy.<br />
|
|
||||||
And who do you turn to? Me!<br />
|
|
||||||
You wanted to play a crooked game,<br />
|
|
||||||
Now look at what happened to your fame!<br />
|
|
||||||
You wanted to play by different rules:<br />
|
|
||||||
Common buddy, tell me you didn't think we are fools...!?<br />
|
|
||||||
</p>
|
|
||||||
|
|
@ -1,65 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Lovemoney
|
|
||||||
mp3: 2011-reset_sakrecoer-polyglotte-lovemoney.mp3
|
|
||||||
ogg: 2011-reset_sakrecoer-polyglotte-lovemoney.ogg
|
|
||||||
uid: lovemoney
|
|
||||||
category: music
|
|
||||||
bgimg: 2011-reset_sakrecoer-polyglotte-lovemoney.jpg
|
|
||||||
keywords: reSet, pop, emo, vocals, love, money, midlife crisis,
|
|
||||||
---
|
|
||||||
2x<br />
|
|
||||||
Money here,<br />
|
|
||||||
Money there,<br />
|
|
||||||
Money fucking everywhere.<br />
|
|
||||||
Love ain't here,<br />
|
|
||||||
Love ain't there,<br />
|
|
||||||
Love is fucking nowhere.<br />
|
|
||||||
<br />
|
|
||||||
Sometimes I wish I had no feeling,<br />
|
|
||||||
That I could serve myself without asking.<br />
|
|
||||||
And then I would feel no guilt about it.<br />
|
|
||||||
Just hush, look back and fuck it.<br />
|
|
||||||
Maybe I'm being retro,<br />
|
|
||||||
But I sure feel like a weirdo.<br />
|
|
||||||
Or better said like a freak.<br />
|
|
||||||
Thinking life is something chique.<br />
|
|
||||||
But that's not the way things work.<br />
|
|
||||||
So here I stand broke like a jerk.<br />
|
|
||||||
Don't worry sister I won't do no harm,<br />
|
|
||||||
With my dick under my arm.<br />
|
|
||||||
And since I don't care for money,<br />
|
|
||||||
Go on brother take it from me.<br />
|
|
||||||
<br />
|
|
||||||
2x<br />
|
|
||||||
Money here,<br />
|
|
||||||
Money there,<br />
|
|
||||||
Money fucking everywhere.<br />
|
|
||||||
Love ain't here,<br />
|
|
||||||
Love ain't there,<br />
|
|
||||||
Love is fucking nowhere.<br />
|
|
||||||
<br />
|
|
||||||
Maybe I should sell my heart<br />
|
|
||||||
Since I don't make it in the chart.<br />
|
|
||||||
There's no room for folks like me,<br />
|
|
||||||
We just get fooled too easily.<br />
|
|
||||||
And the value I use is just a prank,<br />
|
|
||||||
Because you cannot keep love in a bank.<br />
|
|
||||||
Then again what's love alone?<br />
|
|
||||||
It's like singing without no tone.<br />
|
|
||||||
I can't believe I sing this way,<br />
|
|
||||||
But after 30 years I have to say,<br />
|
|
||||||
That everything I'm caring for,<br />
|
|
||||||
Simply seems to be no more.<br />
|
|
||||||
Money shows me where I stand,<br />
|
|
||||||
So women do not touch my hand.<br />
|
|
||||||
And my bitter sweet melody,<br />
|
|
||||||
Won't pay your ring to marry me.<br />
|
|
||||||
|
|
||||||
Money here,<br />
|
|
||||||
Money there,<br />
|
|
||||||
Money fucking everywhere.<br />
|
|
||||||
Love ain't here,<br />
|
|
||||||
Love ain't there,<br />
|
|
||||||
I want my fucking love affair!<br />
|
|
||||||
<br />
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Fantasii
|
|
||||||
mp3: 2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.mp3
|
|
||||||
ogg: 2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.ogg
|
|
||||||
uid: fantasii
|
|
||||||
category: music
|
|
||||||
bgimg: 2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.jpg
|
|
||||||
keywords: reSet, vocals, pop, evolutionary, poetry,
|
|
||||||
---
|
|
||||||
Dreams of light and spreading ideas,<br />
|
|
||||||
Green and bright well rooted trees.<br />
|
|
||||||
Dream today, reality tomorrow.<br />
|
|
||||||
So wash away your sorrow.<br />
|
|
||||||
Let it grow.<br />
|
|
||||||
Your fantasi.<br />
|
|
||||||
<br />
|
|
||||||
Visions of right and feelings of real.<br />
|
|
||||||
Words of wisdom, or pistols to heal.<br />
|
|
||||||
Reality makes the dream of tomorrow.<br />
|
|
||||||
So wash away your sorrow<br />
|
|
||||||
Let it flow<br />
|
|
||||||
Your fantasi<br />
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: We Have To Decide
|
|
||||||
mp3: 2012-pusset_sakrecoer--we_have_to_decide.mp3
|
|
||||||
ogg: 2012-pusset_sakrecoer--we_have_to_decide.ogg
|
|
||||||
uid: wehavetodecide
|
|
||||||
category: music
|
|
||||||
bgimg: 2012-pusset_sakrecoer--we_have_to_decide.jpg
|
|
||||||
keywords: pusSet, vocals, house, chillout, classic break, evolutionary,
|
|
||||||
---
|
|
||||||
I have been waiting all night long,<br />
|
|
||||||
For this question to come,<br />
|
|
||||||
'Cause you and I we have to find a solution!<br />
|
|
||||||
We generate so much pollution,<br />
|
|
||||||
It is killing my illusion, to ever give birth to a child.<br />
|
|
||||||
Can you Imagine?<br />
|
|
||||||
<br />
|
|
||||||
We have to chose, Do we want a Future?<br />
|
|
||||||
We have to chose, Shall we burn the past?<br />
|
|
||||||
<br />
|
|
||||||
The time when we all used to go to someone wise is gone,<br />
|
|
||||||
We all have access to the same information.<br />
|
|
||||||
So common son just don't tell me,<br />
|
|
||||||
You didn't know.<br />
|
|
||||||
Just look outside the window, where do the wind blow?<br />
|
|
||||||
Is it usual this heat? Unusual this cold?<br />
|
|
||||||
The ones that don't want to look into the truth,<br />
|
|
||||||
Have a gold-tooth to lose.<br />
|
|
||||||
<br />
|
|
||||||
We have to decide, Do we want a Future?<br />
|
|
||||||
We have to decide, Shall we burn the past?<br />
|
|
||||||
|
|
@ -1,32 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Power To Do
|
|
||||||
mp3: 2013-reset_sakrecoer-power_to_do-power_to_do.mp3
|
|
||||||
ogg: 2013-reset_sakrecoer-power_to_do-power_to_do.ogg
|
|
||||||
uid: powertodo
|
|
||||||
category: music
|
|
||||||
bgimg: 2013-reset_sakrecoer-power_to_do-power_to_do.jpg
|
|
||||||
keywords: reSet, evolutionary, vocals, public enemy, calssic break, semi-rap,
|
|
||||||
---
|
|
||||||
I don't want to deal with money,<br />
|
|
||||||
I don't want to deal.<br />
|
|
||||||
Money has got nothing to do,<br />
|
|
||||||
With me.<br />
|
|
||||||
<br />
|
|
||||||
I don't with deal with the Power,<br />
|
|
||||||
I'm already strong enough to live.<br />
|
|
||||||
I don't want to deal with the power.<br />
|
|
||||||
I don't want to deal.<br />
|
|
||||||
<br />
|
|
||||||
I want to do!<br />
|
|
||||||
I don't want to deal<br />
|
|
||||||
I don't want to deal<br />
|
|
||||||
I don't want to deal<br />
|
|
||||||
I want to do!<br />
|
|
||||||
I don't want to deal<br />
|
|
||||||
I don't want to deal<br />
|
|
||||||
I don't want to deal<br />
|
|
||||||
I want to do it with you!<br />
|
|
||||||
<br />
|
|
||||||
Togetherstanding,<br />
|
|
||||||
In Unity.<br />
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Albino Lion (Negative Bounty)
|
|
||||||
mp3: 2013-pusset_sakrecoer-exclusive-albino_lion.mp3
|
|
||||||
ogg: 2013-pusset_sakrecoer-exclusive-albino_lion.ogg
|
|
||||||
uid: albinolion
|
|
||||||
category: music
|
|
||||||
bgimg: 2013-pusset_sakrecoer-exclusive-albino_lion.jpg
|
|
||||||
keywords: pusSet, cyber rnb, bass, Janie Joelle, sexy,
|
|
||||||
---
|
|
||||||
|
|
||||||
<p>My 2013 motto is to record live versions of sexy beats i do right away and post them everywhere. This way I'm hoping to help people keep focused on making love rather than fucking eachother up. In the midst of 2077, I hope to have a number of new songs worth flying to venus with. Then I'll make them sound even nicer, but most likeley just do better new ones or save the world.<br />
|
|
||||||
<br />
|
|
||||||
100% hand sequenced. No song-mode or automation involved. This is the sound of live electronic music children! Starring: Octatrack, Monomachine, Machinedrum, Mbase01, Blofeld, 10 fingers and a microphone. Dirt-mastered on an AW16Gangster recorder.<br />
|
|
||||||
<br />
|
|
||||||
Special dedication to your subwoofers! Fuck racism and copyright laws! We all make brown shit! Don't fear your creations: Take actions!<br />
|
|
||||||
<br />
|
|
||||||
This one features Janie Joelle:<br />
|
|
||||||
http://freesound.org/people/juskiddink/sounds/93668/<br />
|
|
||||||
some horny monks:<br />
|
|
||||||
http://freesound.org/people/Robinhood76/sounds/66285/<br />
|
|
||||||
A horny catnip: <br />
|
|
||||||
http://freesound.org/people/Department64/sounds/64015/<br />
|
|
||||||
And a horney monkey:<br />
|
|
||||||
http://sakrecoer.com<br />
|
|
||||||
</p>
|
|
||||||
|
|
@ -1,20 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Filosofisk Logik
|
|
||||||
mp3: 2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.mp3
|
|
||||||
ogg: 2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.ogg
|
|
||||||
uid: filosofisklogik
|
|
||||||
category: music
|
|
||||||
bgimg: 2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.jpg
|
|
||||||
keywords: reSet, philosophy, vocals, evolutionary, rnb,
|
|
||||||
---
|
|
||||||
Politkern sa:<br />
|
|
||||||
"Lyssna på min filosofiska logik,<br />
|
|
||||||
Det blir så bra,<br />
|
|
||||||
Om vi tar allt på kredit!"<br />
|
|
||||||
|
|
||||||
Lyssna nu.<br />
|
|
||||||
"Du, jag och allihoppa,<br />
|
|
||||||
kan få en egen telefån.<br />
|
|
||||||
Kanske till och med ett hus!<br />
|
|
||||||
Om vi bara tar ett lån"<br />
|
|
||||||
|
|
@ -1,30 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: PinGnu
|
|
||||||
mp3: 2015-sakrecoer-demo-07-pingnu.mp3
|
|
||||||
ogg: 2015-sakrecoer-demo-07-pingnu.ogg
|
|
||||||
bgimg: 2015-sakrecoer-demo-07-pingnu.png
|
|
||||||
uid: pinGnu
|
|
||||||
category: music
|
|
||||||
tag: Simio
|
|
||||||
keywords: Kick-n-Base, Vapor, CyberSoul, Techno, Trap, Milenial, instrumental, GNU, Linux
|
|
||||||
---
|
|
||||||
I'm a little Pingu, riding on a GNU.<br />
|
|
||||||
Looking at the world, looking at you.<br />
|
|
||||||
Free at the core, i wonder why don't you,<br />
|
|
||||||
Look at me the way i look at you.<br />
|
|
||||||
<br />
|
|
||||||
It would be so nice, if you could take me in.<br />
|
|
||||||
Your computer and i could change the world we're in.<br />
|
|
||||||
Your freedom is being diluted.<br />
|
|
||||||
And your code is being polluted.<br />
|
|
||||||
<br />
|
|
||||||
I'm a big GNU with my little Pingu,<br />
|
|
||||||
Looking at the world, looking at you.<br />
|
|
||||||
Free at the core, i wonder why don't you,<br />
|
|
||||||
Look at me the way i look at you.<br />
|
|
||||||
<br />
|
|
||||||
It would be so nice, if you could compute.<br />
|
|
||||||
Your freedom is not to dilute,<br />
|
|
||||||
Someone has taken your tool into dispute,<br />
|
|
||||||
This is what together we should refute.<br />
|
|
||||||
|
|
@ -1,56 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: 'E: Unmet dependencies. Try using -f.'
|
|
||||||
mp3: 2016-Sakrecoer-07-Unmet-dependencies.mp3
|
|
||||||
ogg: 2016-Sakrecoer-07-Unmet-dependencies.ogg
|
|
||||||
bgimg: 2016-Sakrecoer-07-Unmet-dependencies.jpg
|
|
||||||
uid: dependencytrap
|
|
||||||
category: music
|
|
||||||
tag: Sakrecoer
|
|
||||||
keywords: Kick-n-Base, Vapor, CyberSoul, Techno, Trap, Milenial, instrumental, GNU, Linux
|
|
||||||
---
|
|
||||||
-----BEGIN PGP SIGNED MESSAGE-----
|
|
||||||
Hash: SHA1
|
|
||||||
|
|
||||||
2X<br />
|
|
||||||
sudo apt update<br />
|
|
||||||
sudo apt upgrade<br />
|
|
||||||
<br />
|
|
||||||
There is an error with my dependencies<br />
|
|
||||||
Consultd 1.2 and emplyomentd 1.70<br />
|
|
||||||
I cannot pay my rent without their libraries<br />
|
|
||||||
And to install i need to share my salary<br />
|
|
||||||
<br />
|
|
||||||
Where do i fit in this society?<br />
|
|
||||||
The more i look and the less i see<br />
|
|
||||||
They want no robots nor do they want me.<br />
|
|
||||||
work is a point in the agenda of the party<br />
|
|
||||||
<br />
|
|
||||||
2X<br />
|
|
||||||
sudo apt update<br />
|
|
||||||
sudo apt upgrade<br />
|
|
||||||
<br />
|
|
||||||
My liver isn't black market worthy<br />
|
|
||||||
And my master degree from a street university<br />
|
|
||||||
My ambitions are low and i am debt free<br />
|
|
||||||
There is no room in the industry for robots like me<br />
|
|
||||||
<br />
|
|
||||||
Don't get me wrong i would also like to be<br />
|
|
||||||
Installed and running and compatible with society<br />
|
|
||||||
But i am running a different library<br />
|
|
||||||
Because my kernel is still libre and free.<br />
|
|
||||||
<br />
|
|
||||||
written on: 20160830<br />
|
|
||||||
- -- <br />
|
|
||||||
Set Hallstrom aka sakrecoer
|
|
||||||
-----BEGIN PGP SIGNATURE-----
|
|
||||||
Version: GnuPG v1
|
|
||||||
|
|
||||||
iQEcBAEBAgAGBQJXxY9xAAoJENnFZk3HTX5ntF8H/04geT4CV8Fbqej/uDCykBiA
|
|
||||||
GV3xvGr7FLPGPrPvCNy91ZHig/mQaNmkPwcdBKX0AAwChJQnHHmk5+rCtaytAk8Y
|
|
||||||
+BwuH6HBUX24e5H2ANiRxi4cF2v08S5Lwxwc9LQg6loN3EtbNXINzpCHB/A02jag
|
|
||||||
AWoHVm9rrGuNnDakeAiFcRaLnGxFQ/cNHXB7C+UVl7f0xV9X0wNEDAgfSYALohug
|
|
||||||
pKtZHifWJXHdZMR6e4sPpq+CCmXtfkrTnko1qtKQhFKHfWr/dLeEc6RF3dQ8M7PY
|
|
||||||
f9om3CZzaBhuYSNZt3NXmcT+aduzCYKhg1BwaKglHz0u1q9ZT2WCTMejDcwmhwE=
|
|
||||||
=Okd/
|
|
||||||
-----END PGP SIGNATURE-----
|
|
||||||
|
|
@ -1,52 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: 'K''as-tu Fais De Nous?'
|
|
||||||
mp3: 2018-setto_-single-007-katu_fait_de_nous-117bpm.mp3
|
|
||||||
ogg: 2018-setto_-single-007-katu_fait_de_nous-117bpm.ogg
|
|
||||||
bgimg: 2018-setto_-single-007-katu_fait_de_nous-117bpm.jpg
|
|
||||||
uid: kastufaisdenous2345235
|
|
||||||
category: music
|
|
||||||
tag: Sakrecoer
|
|
||||||
keywords: CyberSoul, Trap, Milenial
|
|
||||||
---
|
|
||||||
Qu'as tu fais de nous?<br />
|
|
||||||
WTF coucou?<br />
|
|
||||||
Qu'as tu fais de nous?<br />
|
|
||||||
WTF coucou?<br />
|
|
||||||
<br />
|
|
||||||
Acid est la tribe<br />
|
|
||||||
Cyberpunk le game<br />
|
|
||||||
Sur des reseaux de bribe<br />
|
|
||||||
On fait monter le fame<br />
|
|
||||||
Meme pas besoin de files<br />
|
|
||||||
Isoles sur l'iles<br />
|
|
||||||
On fait un tour au grotte<br />
|
|
||||||
Pour pas que la story capotte<br />
|
|
||||||
<br />
|
|
||||||
Qu'as tu fais de nous?<br />
|
|
||||||
WTF coucou?<br />
|
|
||||||
Qu'as tu fais de nous?<br />
|
|
||||||
WTF coucou?<br />
|
|
||||||
<br />
|
|
||||||
Si la police nous ajoute<br />
|
|
||||||
Nouvelle vie nouveau compte<br />
|
|
||||||
On tourne le dos au toute<br />
|
|
||||||
On delete sans honte<br />
|
|
||||||
Meme pas besoin d'ecrire<br />
|
|
||||||
Tu peux m'entendre rire<br />
|
|
||||||
En tour de face a face<br />
|
|
||||||
Qui brise la glace<br />
|
|
||||||
<br />
|
|
||||||
Qu'as tu fais de nous?<br />
|
|
||||||
WTF coucou?<br />
|
|
||||||
Qu'as tu fais de nous?<br />
|
|
||||||
WTF coucou?<br />
|
|
||||||
<br />
|
|
||||||
24 heures pour dechiffre<br />
|
|
||||||
On dirait une invitation<br />
|
|
||||||
La story que t'as balance<br />
|
|
||||||
Cryptokids une seul nation<br />
|
|
||||||
Celle des rave et du reve<br />
|
|
||||||
Hilife a plein poumons<br />
|
|
||||||
Le flux n'as pas de treve<br />
|
|
||||||
Et en suede il mange du saumon<br />
|
|
||||||
41
_sass/main.scss
Normal file
41
_sass/main.scss
Normal file
|
|
@ -0,0 +1,41 @@
|
||||||
|
html {
|
||||||
|
font-family: "Helvetica", Sans-serif;
|
||||||
|
}
|
||||||
|
body{
|
||||||
|
background: url(/assets/img/pattern.png);
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
#hero {
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
-webkit-transition: background .5s ease-in-out;
|
||||||
|
transition: background .5s ease-in-out;
|
||||||
|
background-image: url({{}});
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MUSIC */
|
||||||
|
|
||||||
|
.musiflex {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.trackcontainer {
|
||||||
|
flex: 1 1 300px;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
h3 {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.track {
|
||||||
|
width: 100%;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
min-height: 300px;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
349
_sass/normalize.scss
vendored
Normal file
349
_sass/normalize.scss
vendored
Normal file
|
|
@ -0,0 +1,349 @@
|
||||||
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
|
/* Document
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the line height in all browsers.
|
||||||
|
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
html {
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sections
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the margin in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Render the `main` element consistently in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
main {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
margin: 0.67em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grouping content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in Firefox.
|
||||||
|
* 2. Show the overflow in Edge and IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
hr {
|
||||||
|
box-sizing: content-box; /* 1 */
|
||||||
|
height: 0; /* 1 */
|
||||||
|
overflow: visible; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text-level semantics
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the gray background on active links in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove the bottom border in Chrome 57-
|
||||||
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
abbr[title] {
|
||||||
|
border-bottom: none; /* 1 */
|
||||||
|
text-decoration: underline; /* 2 */
|
||||||
|
text-decoration: underline dotted; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font size in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
|
* all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
position: relative;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
bottom: -0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Embedded content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the border on images inside links in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
img {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Forms
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Change the font styles in all browsers.
|
||||||
|
* 2. Remove the margin in Firefox and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
optgroup,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font-family: inherit; /* 1 */
|
||||||
|
font-size: 100%; /* 1 */
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
margin: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Show the overflow in IE.
|
||||||
|
* 1. Show the overflow in Edge.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input { /* 1 */
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
select { /* 1 */
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
[type="button"],
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner border and padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
[type="button"]::-moz-focus-inner,
|
||||||
|
[type="reset"]::-moz-focus-inner,
|
||||||
|
[type="submit"]::-moz-focus-inner {
|
||||||
|
border-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Restore the focus styles unset by the previous rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button:-moz-focusring,
|
||||||
|
[type="button"]:-moz-focusring,
|
||||||
|
[type="reset"]:-moz-focusring,
|
||||||
|
[type="submit"]:-moz-focusring {
|
||||||
|
outline: 1px dotted ButtonText;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
padding: 0.35em 0.75em 0.625em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||||
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
|
* `fieldset` elements in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
color: inherit; /* 2 */
|
||||||
|
display: table; /* 1 */
|
||||||
|
max-width: 100%; /* 1 */
|
||||||
|
padding: 0; /* 3 */
|
||||||
|
white-space: normal; /* 1 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
|
*/
|
||||||
|
|
||||||
|
progress {
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the default vertical scrollbar in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in IE 10.
|
||||||
|
* 2. Remove the padding in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="checkbox"],
|
||||||
|
[type="radio"] {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
padding: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
|
* 2. Correct the outline style in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
|
-webkit-appearance: textfield; /* 1 */
|
||||||
|
outline-offset: -2px; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner padding in Chrome and Safari on macOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
-webkit-appearance: button; /* 1 */
|
||||||
|
font: inherit; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interactive
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
details {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Misc
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
template {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
@ -1,16 +1,16 @@
|
||||||
---
|
---
|
||||||
---
|
---
|
||||||
{% include base.html %}
|
|
||||||
{% include normalize.css %}
|
{% include normalize.css %}
|
||||||
|
|
||||||
/*! sakrecoer sheet */
|
/*! sakrecoer sheet */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: futura;
|
font-family: futura;
|
||||||
src: url('{{ base }}/assets/fonts/free_avantgarde.woff');
|
src: url('{{ site.baseurl }}/assets/fonts/free_avantgarde.woff');
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: futurabold;
|
font-family: futurabold;
|
||||||
src: url('{{ base }}/assets/fonts/free_avantgardeBOLD.woff');
|
src: url('{{ site.baseurl }}/assets/fonts/free_avantgardeBOLD.woff');
|
||||||
}
|
}
|
||||||
|
|
||||||
html{
|
html{
|
||||||
|
|
|
||||||
196
about/index.html
196
about/index.html
|
|
@ -2,102 +2,120 @@
|
||||||
---
|
---
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
{% include base.html %}
|
|
||||||
<title>About The Sakrecoer Family</title>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta name='robots' content='index'/>
|
|
||||||
<meta name="description" content="Sakrecoer Uncorporated Stands for fun loving activism, art and music. It is a spiritually and schizophrenically extended family, pushing music, visuals, thoughts and passion">
|
|
||||||
<link rel="shortcut icon" href="{{ base }}/assets/img/favicon.ico" type="image/vnd.microsoft.icon" />
|
|
||||||
|
|
||||||
<link href="about.css" rel="stylesheet" />
|
<title>About The Sakrecoer Family</title>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name='robots' content='index' />
|
||||||
|
<meta name="description"
|
||||||
|
content="Sakrecoer Uncorporated Stands for fun loving activism, art and music. It is a spiritually and schizophrenically extended family, pushing music, visuals, thoughts and passion">
|
||||||
|
<link rel="shortcut icon" href="{{ site.baseurl }}/assets/img/favicon.ico" type="image/vnd.microsoft.icon" />
|
||||||
|
|
||||||
|
<link href="about.css" rel="stylesheet" />
|
||||||
|
|
||||||
|
|
||||||
<script src="js/jquery-1.8.2.min.js"></script>
|
<script src="js/jquery-1.8.2.min.js"></script>
|
||||||
<script src="js/curtain.js"></script>
|
<script src="js/curtain.js"></script>
|
||||||
<script src="js/jquery.scrollorama.js"></script>
|
<script src="js/jquery.scrollorama.js"></script>
|
||||||
<script src="js/scripts.js"></script>
|
<script src="js/scripts.js"></script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<ul class="curtains">
|
<ul class="curtains">
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<section id="intro">
|
<section id="intro">
|
||||||
<a href="{{ base }}/"><h1>About Sakrecoer Uncorporated</h1></a>
|
<a href="{{ site.baseurl }}/">
|
||||||
|
<h1>About Sakrecoer Uncorporated</h1>
|
||||||
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art & 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>
|
</a>
|
||||||
<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ü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>
|
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art & 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ü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="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/assets/img/sakrecoerLOGO.png" width="125px"
|
||||||
|
height="125px" title="HOME" /></a></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
|
||||||
|
</html>
|
||||||
|
|
@ -1,540 +0,0 @@
|
||||||
/*
|
|
||||||
* Curtain.js - Create an unique page transitioning system
|
|
||||||
* ---
|
|
||||||
* Version: 1.4.1
|
|
||||||
* Copyright 2011, Victor Coulon (http://victorcoulon.fr)
|
|
||||||
* Released under the MIT Licence
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ( $, window, document, undefined ) {
|
|
||||||
|
|
||||||
var pluginName = 'curtain',
|
|
||||||
defaults = {
|
|
||||||
scrollSpeed: 400,
|
|
||||||
bodyHeight: 0,
|
|
||||||
linksArray: [],
|
|
||||||
mobile: false,
|
|
||||||
scrollButtons: {},
|
|
||||||
controls: null,
|
|
||||||
curtainLinks: '.curtain-links',
|
|
||||||
enableKeys: true,
|
|
||||||
easing: 'swing',
|
|
||||||
nextSlide: null,
|
|
||||||
prevSlide: null
|
|
||||||
};
|
|
||||||
|
|
||||||
// The actual plugin constructor
|
|
||||||
function Plugin( element, options ) {
|
|
||||||
var self = this;
|
|
||||||
|
|
||||||
// Public attributes
|
|
||||||
this.element = element;
|
|
||||||
this.options = $.extend( {}, defaults, options) ;
|
|
||||||
|
|
||||||
this._defaults = defaults;
|
|
||||||
this._name = pluginName;
|
|
||||||
this._ignoreHashChange = false;
|
|
||||||
|
|
||||||
this.init();
|
|
||||||
|
|
||||||
// Public Functions
|
|
||||||
this.insert = function(content){
|
|
||||||
if(Object.prototype.toString.call(content) !== '[object Object]') {
|
|
||||||
throw new TypeError('Content must be an object');
|
|
||||||
}
|
|
||||||
content.goTo = (content.goTo === true) ? true : false;
|
|
||||||
|
|
||||||
// append the content to list
|
|
||||||
var newEl = $(document.createElement('li')).attr('id', (content.htmlId) ? content.htmlId : null)
|
|
||||||
.attr('class', (content.htmlClass) ? content.htmlClass : null)
|
|
||||||
.html( (content.html) ? content.html : null );
|
|
||||||
$(self.element).append(newEl);
|
|
||||||
|
|
||||||
|
|
||||||
// Append Content after an element OR at the end
|
|
||||||
if(content.insertAfter && $(content.insertAfter).length) {
|
|
||||||
$(self.element).find(content.insertAfter).after(newEl);
|
|
||||||
} else {
|
|
||||||
$(self.element).append(newEl);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// When the element is ready
|
|
||||||
self.readyElement($(newEl), function(){
|
|
||||||
// re(init) cache elements
|
|
||||||
self.$element = $(self.element);
|
|
||||||
self.$li = $(self.element).find('>li');
|
|
||||||
|
|
||||||
// Mobile Fix
|
|
||||||
if(self.options.mobile){
|
|
||||||
self.$li.css({position:'relative'});
|
|
||||||
self.$element.find('.fixed').css({position:'absolute'});
|
|
||||||
}
|
|
||||||
|
|
||||||
self.setLinks();
|
|
||||||
|
|
||||||
// Set dimensions after loading images (or not)
|
|
||||||
if($(newEl).find('img').length){
|
|
||||||
$(newEl).find('img').load(function(){
|
|
||||||
self.setDimensions();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
self.setDimensions();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Scroll to the new element
|
|
||||||
if(content.goTo === true){
|
|
||||||
var position = $(newEl).attr('data-position') || null;
|
|
||||||
self.scrollEl.animate({
|
|
||||||
scrollTop:position
|
|
||||||
}, self.options.scrollSpeed, self.options.easing);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
Plugin.prototype = {
|
|
||||||
init: function () {
|
|
||||||
var self = this;
|
|
||||||
|
|
||||||
// Cache element
|
|
||||||
this.$element = $(this.element);
|
|
||||||
this.$li = $(this.element).find('>li');
|
|
||||||
|
|
||||||
|
|
||||||
$.Android = (navigator.userAgent.match(/Android/i));
|
|
||||||
$.iPhone = ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)));
|
|
||||||
$.iPad = ((navigator.userAgent.match(/iPad/i)));
|
|
||||||
$.iOs4 = (/OS [1-4]_[0-9_]+ like Mac OS X/i.test(navigator.userAgent));
|
|
||||||
|
|
||||||
|
|
||||||
if($.iPhone || $.iPad || $.Android){
|
|
||||||
this.options.mobile = true;
|
|
||||||
this.$li.css({position:'relative'});
|
|
||||||
this.$element.find('.fixed').css({position:'absolute'});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
if(this.options.mobile){
|
|
||||||
this.scrollEl = this.$element;
|
|
||||||
} else if($.browser.mozilla || $.browser.msie) {
|
|
||||||
this.scrollEl = $('html');
|
|
||||||
} else {
|
|
||||||
this.scrollEl = $('body');
|
|
||||||
}
|
|
||||||
|
|
||||||
if(self.options.controls){
|
|
||||||
self.options.scrollButtons['up'] = $(self.options.controls).find('[href="#up"]');
|
|
||||||
self.options.scrollButtons['down'] = $(self.options.controls).find('[href="#down"]');
|
|
||||||
|
|
||||||
if(!$.iOs4 && ($.iPhone || $.iPad)){
|
|
||||||
self.$element.css({
|
|
||||||
position:'fixed',
|
|
||||||
top:0,
|
|
||||||
left:0,
|
|
||||||
right:0,
|
|
||||||
bottom:0,
|
|
||||||
'-webkit-overflow-scrolling':'touch',
|
|
||||||
overflow:'auto'
|
|
||||||
});
|
|
||||||
$(self.options.controls).css({position:'absolute'});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// We'll check if our images are loaded
|
|
||||||
var images = [],
|
|
||||||
imagesLoaded = 0,
|
|
||||||
loadAllImages = function loadAllImages(callback){
|
|
||||||
if(images.length === 0){
|
|
||||||
callback();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var img = new Image();
|
|
||||||
$(img).attr('src',images[imagesLoaded]).load(function(){
|
|
||||||
imagesLoaded++;
|
|
||||||
if(imagesLoaded == images.length)
|
|
||||||
callback();
|
|
||||||
else
|
|
||||||
loadAllImages(callback);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
self.$element.find('img').each(function(i,el){
|
|
||||||
images.push(el.src);
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
// When all image is loaded
|
|
||||||
loadAllImages(function(){
|
|
||||||
self.setDimensions();
|
|
||||||
self.$li.eq(0).addClass('current');
|
|
||||||
|
|
||||||
// Cache
|
|
||||||
self.$current = self.$element.find('.current');
|
|
||||||
self.$fixed = self.$current.find('.fixed');
|
|
||||||
self.$step = self.$current.find('.step');
|
|
||||||
self.currentP = parseInt(self.$current.attr('data-position'), 10);
|
|
||||||
self.currentHeight = parseInt(self.$current.attr('data-height'), 10);
|
|
||||||
|
|
||||||
if(!self.options.mobile){
|
|
||||||
if(self.$li.eq(1).length)
|
|
||||||
self.$li.eq(1).nextAll().css({display:'none'});
|
|
||||||
}
|
|
||||||
|
|
||||||
self.setEvents();
|
|
||||||
self.setLinks();
|
|
||||||
self.isHashIsOnList(location.hash.substring(1));
|
|
||||||
});
|
|
||||||
|
|
||||||
},
|
|
||||||
// Events
|
|
||||||
scrollToPosition: function (direction){
|
|
||||||
var position = null,
|
|
||||||
self = this;
|
|
||||||
|
|
||||||
if($('html, body').is(':animated')){
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
if(direction === 'up' || direction == 'down'){
|
|
||||||
|
|
||||||
// Keyboard event
|
|
||||||
var $current = this.$element.find('.current'),
|
|
||||||
$next = (direction === 'up') ? $current.prev() : $current.next();
|
|
||||||
|
|
||||||
position = $next.attr('data-position') || null;
|
|
||||||
|
|
||||||
// Step in the current panel ?
|
|
||||||
if($current.find('.step').length){
|
|
||||||
if(!$current.find('.current-step').length)
|
|
||||||
$current.find('.step').eq(0).addClass('current-step');
|
|
||||||
var $nextStep = (direction === 'up') ? $current.find('.current-step').prev('.step') : $current.find('.current-step').next('.step');
|
|
||||||
if($nextStep.length) {
|
|
||||||
position = (this.options.mobile) ? $nextStep.position().top + parseInt($current.attr('data-position'), 10) : $nextStep.offset().top;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if(position){
|
|
||||||
self.scrollEl.animate({
|
|
||||||
scrollTop:position
|
|
||||||
}, this.options.scrollSpeed, this.options.easing);
|
|
||||||
}
|
|
||||||
|
|
||||||
} else if(direction === 'top'){
|
|
||||||
self.scrollEl.animate({
|
|
||||||
scrollTop:0
|
|
||||||
}, self.options.scrollSpeed, self.options.easing);
|
|
||||||
} else if(direction === 'bottom'){
|
|
||||||
self.scrollEl.animate({
|
|
||||||
scrollTop:self.options.bodyHeight
|
|
||||||
}, self.options.scrollSpeed, self.options.easing);
|
|
||||||
} else {
|
|
||||||
position = $("#"+direction).attr('data-position') || null;
|
|
||||||
if(position){
|
|
||||||
self.scrollEl.animate({
|
|
||||||
scrollTop:position
|
|
||||||
}, this.options.scrollSpeed, this.options.easing);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
scrollEvent: function() {
|
|
||||||
var self = this,
|
|
||||||
docTop = $(document).scrollTop(),
|
|
||||||
windowHeight = $(window).height();
|
|
||||||
|
|
||||||
|
|
||||||
if(docTop < self.currentP && self.$current.index() > 0){
|
|
||||||
if (self.options.prevSlide) {
|
|
||||||
self.options.prevSlide();
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Scroll top
|
|
||||||
self._ignoreHashChange = true;
|
|
||||||
if(self.$current.prev().attr('id'))
|
|
||||||
self.setHash(self.$current.prev().attr('id'));
|
|
||||||
|
|
||||||
|
|
||||||
self.$current.removeClass('current').css({marginTop: 0})
|
|
||||||
.nextAll().css({display:'none'}).end()
|
|
||||||
.prev().addClass('current').css({display:'block'});
|
|
||||||
|
|
||||||
// Cache
|
|
||||||
self.$current = self.$element.find('.current');
|
|
||||||
self.$fixed = self.$current.find('.fixed');
|
|
||||||
self.$step = self.$current.find('.step');
|
|
||||||
self.currentP = parseInt(self.$current.attr('data-position'), 10);
|
|
||||||
self.currentHeight = parseInt(self.$current.attr('data-height'), 10);
|
|
||||||
|
|
||||||
} else if(docTop < (self.currentP + self.$current.height())){
|
|
||||||
// Animate the current pannel during the scroll
|
|
||||||
var position = -(docTop-self.currentP);
|
|
||||||
self.$current.css({marginTop:position});
|
|
||||||
|
|
||||||
// If there is a fixed element in the current panel
|
|
||||||
if(self.$fixed.length){
|
|
||||||
var dataTop = parseInt(self.$fixed.attr('data-top'), 10);
|
|
||||||
|
|
||||||
if((docTop-self.currentP+windowHeight) >= self.currentHeight && self.$fixed.css('position') === 'fixed'){
|
|
||||||
|
|
||||||
self.$fixed.css({
|
|
||||||
position: 'absolute',
|
|
||||||
top: Math.abs(docTop-self.currentP + dataTop)
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
} else if((docTop-self.currentP+windowHeight) <= self.currentHeight && self.$fixed.css('position') === 'absolute'){
|
|
||||||
self.$fixed.css({
|
|
||||||
position: 'fixed',
|
|
||||||
top: dataTop
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// If there is a step element in the current panel
|
|
||||||
if(self.$step.length){
|
|
||||||
$.each(self.$step, function(i,el){
|
|
||||||
if($(el).offset().top <= docTop+5 && ($(el).offset().top + $(el).outerHeight()) >= docTop+5){
|
|
||||||
if(!$(el).hasClass('current-step')){
|
|
||||||
self.$step.removeClass('current-step');
|
|
||||||
$(el).addClass('current-step');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
} else {
|
|
||||||
if (self.options.nextSlide) {
|
|
||||||
self.options.nextSlide();
|
|
||||||
}
|
|
||||||
// Scroll bottom
|
|
||||||
self._ignoreHashChange = true;
|
|
||||||
if(self.$current.next().attr('id'))
|
|
||||||
self.setHash(self.$current.next().attr('id'));
|
|
||||||
|
|
||||||
self.$current.removeClass('current')
|
|
||||||
.css({display:'none'})
|
|
||||||
.next().addClass('current').nextAll().css({display:'block'});
|
|
||||||
|
|
||||||
// Cache
|
|
||||||
self.$current = self.$element.find('.current');
|
|
||||||
self.$fixed = self.$current.find('.fixed');
|
|
||||||
self.$step = self.$current.find('.step');
|
|
||||||
self.currentP = parseInt(self.$current.attr('data-position'), 10);
|
|
||||||
self.currentHeight = parseInt(self.$current.attr('data-height'), 10);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
},
|
|
||||||
scrollMobileEvent: function() {
|
|
||||||
var self = this;
|
|
||||||
|
|
||||||
var docTop = self.$element.scrollTop(),
|
|
||||||
$current = self.$element.find('.current'),
|
|
||||||
$step = $current.find('.step'),
|
|
||||||
currentP = parseInt($current.attr('data-position'), 10),
|
|
||||||
currentHeight = parseInt($current.attr('data-height'), 10),
|
|
||||||
windowHeight = $(window).height();
|
|
||||||
|
|
||||||
if(docTop+10 < currentP && $current.index() > 0){
|
|
||||||
$current.removeClass('current').prev().addClass('current');
|
|
||||||
} else if(docTop+10 < (currentP + $current.height())){
|
|
||||||
|
|
||||||
// If there is a step element in the current panel
|
|
||||||
if($step.length){
|
|
||||||
$.each($step, function(i,el){
|
|
||||||
if(($(el).position().top+currentP) <= docTop && (($(el).position().top+currentP) + $(el).outerHeight()) >= docTop){
|
|
||||||
if(!$(el).hasClass('current-step')){
|
|
||||||
$step.removeClass('current-step');
|
|
||||||
$(el).addClass('current-step');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
} else {
|
|
||||||
$current.removeClass('current').next().addClass('current');
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
},
|
|
||||||
// Setters
|
|
||||||
setDimensions: function(){
|
|
||||||
var windowHeight = $(window).height(),
|
|
||||||
levelHeight = 0,
|
|
||||||
cover = false,
|
|
||||||
height = null;
|
|
||||||
|
|
||||||
this.$li.each(function(index) {
|
|
||||||
var $self = $(this);
|
|
||||||
cover = $self.hasClass('cover');
|
|
||||||
|
|
||||||
if(cover){
|
|
||||||
$self.css({height: windowHeight, zIndex: 999-index})
|
|
||||||
.attr('data-height',windowHeight)
|
|
||||||
.attr('data-position',levelHeight);
|
|
||||||
levelHeight += windowHeight;
|
|
||||||
} else{
|
|
||||||
height = ($self.outerHeight() <= windowHeight) ? windowHeight : $self.outerHeight();
|
|
||||||
$self.css({minHeight: height, zIndex: 999-index})
|
|
||||||
.attr('data-height',height)
|
|
||||||
.attr('data-position',levelHeight);
|
|
||||||
levelHeight += height;
|
|
||||||
}
|
|
||||||
|
|
||||||
if($self.find('.fixed').length){
|
|
||||||
var top = $self.find('.fixed').css('top');
|
|
||||||
$self.find('.fixed').attr('data-top', top);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if(!this.options.mobile)
|
|
||||||
this.setBodyHeight();
|
|
||||||
},
|
|
||||||
setEvents: function() {
|
|
||||||
var self = this;
|
|
||||||
|
|
||||||
$(window).on('resize', function(){
|
|
||||||
self.setDimensions();
|
|
||||||
});
|
|
||||||
|
|
||||||
if(self.options.mobile) {
|
|
||||||
self.$element.on('scroll', function(){
|
|
||||||
self.scrollMobileEvent();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
$(window).on('scroll', function(){
|
|
||||||
self.scrollEvent();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if(self.options.enableKeys) {
|
|
||||||
$(document).on('keydown', function(e){
|
|
||||||
if(e.keyCode === 38 || e.keyCode === 37) {
|
|
||||||
self.scrollToPosition('up');
|
|
||||||
e.preventDefault();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if(e.keyCode === 40 || e.keyCode === 39){
|
|
||||||
self.scrollToPosition('down');
|
|
||||||
e.preventDefault();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
// Home button
|
|
||||||
if(e.keyCode === 36){
|
|
||||||
self.scrollToPosition('top');
|
|
||||||
e.preventDefault();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
// End button
|
|
||||||
if(e.keyCode === 35){
|
|
||||||
self.scrollToPosition('bottom');
|
|
||||||
e.preventDefault();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if(self.options.scrollButtons){
|
|
||||||
if(self.options.scrollButtons.up){
|
|
||||||
self.options.scrollButtons.up.on('click', function(e){
|
|
||||||
e.preventDefault();
|
|
||||||
self.scrollToPosition('up');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if(self.options.scrollButtons.down){
|
|
||||||
self.options.scrollButtons.down.on('click', function(e){
|
|
||||||
e.preventDefault();
|
|
||||||
self.scrollToPosition('down');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if(self.options.curtainLinks){
|
|
||||||
$(self.options.curtainLinks).on('click', function(e){
|
|
||||||
e.preventDefault();
|
|
||||||
var href = $(this).attr('href');
|
|
||||||
|
|
||||||
if(!self.isHashIsOnList(href.substring(1)) && position)
|
|
||||||
return false;
|
|
||||||
|
|
||||||
var position = $(href).attr('data-position') || null;
|
|
||||||
if(position){
|
|
||||||
self.scrollEl.animate({
|
|
||||||
scrollTop:position
|
|
||||||
}, self.options.scrollSpeed, self.options.easing);
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if ("onhashchange" in window) {
|
|
||||||
window.addEventListener("hashchange", function(){
|
|
||||||
if(self._ignoreHashChange === false){
|
|
||||||
self.isHashIsOnList(location.hash.substring(1));
|
|
||||||
}
|
|
||||||
self._ignoreHashChange = false;
|
|
||||||
}, false);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
setBodyHeight: function(){
|
|
||||||
var h = 0;
|
|
||||||
this.$li.each(function() {
|
|
||||||
h += $(this).height();
|
|
||||||
});
|
|
||||||
this.options.bodyHeight = h;
|
|
||||||
$('body').height(h);
|
|
||||||
},
|
|
||||||
setLinks: function(){
|
|
||||||
var self = this;
|
|
||||||
this.$li.each(function() {
|
|
||||||
var id = $(this).attr('id') || 0;
|
|
||||||
self.options.linksArray.push(id);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
setHash: function(hash){
|
|
||||||
if(history.pushState) {
|
|
||||||
history.pushState(null, null, '#'+hash);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
location.hash = hash;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// Utils
|
|
||||||
isHashIsOnList: function(hash){
|
|
||||||
var self = this;
|
|
||||||
$.each(self.options.linksArray, function(i,val){
|
|
||||||
if(val === hash){
|
|
||||||
self.scrollToPosition(hash);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
readyElement: function(el,callback){
|
|
||||||
var interval = setInterval(function(){
|
|
||||||
if(el.length){
|
|
||||||
callback(el.length);
|
|
||||||
clearInterval(interval);
|
|
||||||
}
|
|
||||||
},60);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$.fn[pluginName] = function ( options ) {
|
|
||||||
return this.each(function () {
|
|
||||||
if (!$.data(this, 'plugin_' + pluginName)) {
|
|
||||||
$.data(this, 'plugin_' + pluginName, new Plugin( this, options ));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
})( jQuery, window, document );
|
|
||||||
2
about/js/jquery-1.8.2.min.js
vendored
2
about/js/jquery-1.8.2.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,519 +0,0 @@
|
||||||
/*
|
|
||||||
scrollorama - The jQuery plugin for doing cool scrolly stuff
|
|
||||||
by John Polacek (@johnpolacek)
|
|
||||||
|
|
||||||
Dual licensed under MIT and GPL.
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function($) {
|
|
||||||
$.scrollorama = function(options) {
|
|
||||||
var scrollorama = this,
|
|
||||||
blocks = [],
|
|
||||||
browserPrefix = '',
|
|
||||||
onBlockChange = function() {},
|
|
||||||
latestKnownScrollY = 0,
|
|
||||||
ticking = false,
|
|
||||||
requestAnimFrame = window.requestAnimationFrame ||
|
|
||||||
window.webkitRequestAnimationFrame ||
|
|
||||||
window.mozRequestAnimationFrame ||
|
|
||||||
window.oRequestAnimationFrame ||
|
|
||||||
window.msRequestAnimationFrame ||
|
|
||||||
function( callback ){
|
|
||||||
window.setTimeout(callback, 1000 / 60);
|
|
||||||
},
|
|
||||||
defaults = {offset:0, enablePin: true};
|
|
||||||
|
|
||||||
scrollorama.settings = $.extend({}, defaults, options);
|
|
||||||
scrollorama.blockIndex = 0;
|
|
||||||
|
|
||||||
if (options.blocks === undefined) { alert('ERROR: Must assign blocks class selector to scrollorama plugin'); }
|
|
||||||
|
|
||||||
// PRIVATE FUNCTIONS
|
|
||||||
function init() {
|
|
||||||
var i, block, didScroll, marginTop = false;
|
|
||||||
if (typeof scrollorama.settings.blocks === 'string') { scrollorama.settings.blocks = $(scrollorama.settings.blocks); }
|
|
||||||
|
|
||||||
// set browser prefix
|
|
||||||
if ($.browser.mozilla) { browserPrefix = '-moz-'; }
|
|
||||||
if ($.browser.webkit) { browserPrefix = '-webkit-'; }
|
|
||||||
if ($.browser.opera) { browserPrefix = '-o-'; }
|
|
||||||
if ($.browser.msie) { browserPrefix = '-ms-'; }
|
|
||||||
|
|
||||||
// create blocks array to contain animation props
|
|
||||||
$('body').css('position','relative');
|
|
||||||
for (i=0; i<scrollorama.settings.blocks.length; i++) {
|
|
||||||
block = scrollorama.settings.blocks.eq(i);
|
|
||||||
marginTop = block.css('margin-top');
|
|
||||||
blocks.push({
|
|
||||||
block: block,
|
|
||||||
top: block.offset().top - (!Boolean(marginTop) ? parseInt(marginTop, 10) : 0),
|
|
||||||
pin: 0,
|
|
||||||
animations:[]
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// convert block elements to absolute position
|
|
||||||
if (scrollorama.settings.enablePin.toString() === 'true') {
|
|
||||||
for (i=0; i<blocks.length; i++) {
|
|
||||||
blocks[i].block
|
|
||||||
.css('position', 'absolute')
|
|
||||||
.css('top', blocks[i].top);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$('body').prepend('<div id="scroll-wrap"></div>');
|
|
||||||
|
|
||||||
latestKnownScrollY = 0;
|
|
||||||
ticking = false;
|
|
||||||
$(window).on( 'scroll.scrollorama', onScroll );
|
|
||||||
}
|
|
||||||
|
|
||||||
function onScroll() {
|
|
||||||
latestKnownScrollY = window.scrollY;
|
|
||||||
requestTick();
|
|
||||||
}
|
|
||||||
|
|
||||||
function requestTick() {
|
|
||||||
if(!ticking) {
|
|
||||||
requestAnimFrame(function(){
|
|
||||||
onScrollorama();
|
|
||||||
update();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
ticking = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
function update() {
|
|
||||||
// reset the tick so we can
|
|
||||||
// capture the next onScroll
|
|
||||||
ticking = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function onScrollorama() {
|
|
||||||
var scrollTop = $(window).scrollTop(),
|
|
||||||
currBlockIndex = getCurrBlockIndex(scrollTop),
|
|
||||||
i, j, anim, startAnimPos, endAnimPos, animPercent, animVal;
|
|
||||||
|
|
||||||
// update all animations
|
|
||||||
for (i=0; i<blocks.length; i++) {
|
|
||||||
|
|
||||||
// go through the animations for each block
|
|
||||||
if (blocks[i].animations.length) {
|
|
||||||
for (j=0; j<blocks[i].animations.length; j++) {
|
|
||||||
anim = blocks[i].animations[j];
|
|
||||||
|
|
||||||
// if above current block, settings should be at start value
|
|
||||||
if (i > currBlockIndex) {
|
|
||||||
if (currBlockIndex !== i-1 && anim.baseline !== 'bottom') {
|
|
||||||
setProperty(anim.element, anim.property, anim.startVal);
|
|
||||||
}
|
|
||||||
if (blocks[i].pin) {
|
|
||||||
blocks[i].block
|
|
||||||
.css('position', 'absolute')
|
|
||||||
.css('top', blocks[i].top);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// if below current block, settings should be at end value
|
|
||||||
// unless on an element that gets animated when it hits the bottom of the viewport
|
|
||||||
else if (i < currBlockIndex) {
|
|
||||||
setProperty(anim.element, anim.property, anim.endVal);
|
|
||||||
if (blocks[i].pin) {
|
|
||||||
blocks[i].block
|
|
||||||
.css('position', 'absolute')
|
|
||||||
.css('top', (blocks[i].top + blocks[i].pin));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// otherwise, set values per scroll position
|
|
||||||
if (i === currBlockIndex || (currBlockIndex === i-1 && anim.baseline === 'bottom')) {
|
|
||||||
// if block gets pinned, set position fixed
|
|
||||||
if (blocks[i].pin && currBlockIndex === i) {
|
|
||||||
blocks[i].block
|
|
||||||
.css('position', 'fixed')
|
|
||||||
.css('top', 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
// set start and end animation positions
|
|
||||||
startAnimPos = blocks[i].top + anim.delay;
|
|
||||||
if (anim.baseline === 'bottom') { startAnimPos -= $(window).height(); }
|
|
||||||
endAnimPos = startAnimPos + anim.duration;
|
|
||||||
|
|
||||||
// if scroll is before start of animation, set to start value
|
|
||||||
if (scrollTop < startAnimPos) {
|
|
||||||
setProperty(anim.element, anim.property, anim.startVal);
|
|
||||||
}
|
|
||||||
|
|
||||||
// if scroll is after end of animation, set to end value
|
|
||||||
else if (scrollTop > endAnimPos) {
|
|
||||||
setProperty(anim.element, anim.property, anim.endVal);
|
|
||||||
if (blocks[i].pin) {
|
|
||||||
blocks[i].block
|
|
||||||
.css('position', 'absolute')
|
|
||||||
.css('top', (blocks[i].top + blocks[i].pin));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// otherwise, set value based on scroll
|
|
||||||
else {
|
|
||||||
// calculate percent to animate
|
|
||||||
animPercent = (scrollTop - startAnimPos) / anim.duration;
|
|
||||||
// account for easing if there is any
|
|
||||||
if ( anim.easing && $.isFunction( $.easing[anim.easing] ) ) {
|
|
||||||
animPercent = $.easing[anim.easing]( animPercent, animPercent*1000, 0, 1, 1000 );
|
|
||||||
}
|
|
||||||
// then multiply the percent by the value range and calculate the new value
|
|
||||||
animVal = anim.startVal + (animPercent * (anim.endVal - anim.startVal));
|
|
||||||
setProperty(anim.element, anim.property, animVal);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// update blockIndex and trigger event if changed
|
|
||||||
if (scrollorama.blockIndex !== currBlockIndex) {
|
|
||||||
scrollorama.blockIndex = currBlockIndex;
|
|
||||||
onBlockChange();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function getCurrBlockIndex(scrollTop) {
|
|
||||||
var currBlockIndex = 0, i;
|
|
||||||
for (i=0; i<blocks.length; i++) {
|
|
||||||
// check if block is in view
|
|
||||||
if (blocks[i].top <= scrollTop - scrollorama.settings.offset) { currBlockIndex = i; }
|
|
||||||
}
|
|
||||||
return currBlockIndex;
|
|
||||||
}
|
|
||||||
|
|
||||||
function setProperty(target, prop, val) {
|
|
||||||
var scaleCSS, currentPosition;
|
|
||||||
if (prop === 'rotate' || prop === 'zoom' || prop === 'scale') {
|
|
||||||
if (prop === 'rotate') {
|
|
||||||
target.css(browserPrefix+'transform', 'rotate('+val+'deg)');
|
|
||||||
} else if (prop === 'zoom' || prop === 'scale') {
|
|
||||||
scaleCSS = 'scale('+val+')';
|
|
||||||
if (browserPrefix !== '-ms-') {
|
|
||||||
target.css(browserPrefix+'transform', scaleCSS);
|
|
||||||
} else {
|
|
||||||
target.css('zoom', scaleCSS);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else if(prop === 'background-position-x' || prop === 'background-position-y' ) {
|
|
||||||
currentPosition = target.css('background-position').split(' ');
|
|
||||||
if(prop === 'background-position-x') {
|
|
||||||
target.css('background-position',val+'px '+currentPosition[1]);
|
|
||||||
}
|
|
||||||
if(prop === 'background-position-y') {
|
|
||||||
target.css('background-position', currentPosition[0]+' '+val+'px');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else if(prop === 'text-shadow' ) {
|
|
||||||
target.css(prop,'0px 0px '+val+'px #ffffff');
|
|
||||||
} else {
|
|
||||||
target.css(prop, val);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// PUBLIC FUNCTIONS
|
|
||||||
scrollorama.animate = function(target) {
|
|
||||||
var targetIndex,
|
|
||||||
targetBlock,
|
|
||||||
anim,
|
|
||||||
offset,
|
|
||||||
i, j;
|
|
||||||
/*
|
|
||||||
target = animation target
|
|
||||||
arguments = array of animation parameters
|
|
||||||
anim = object that contains all animation params (created from arguments)
|
|
||||||
offset = positioning helper for pinning
|
|
||||||
|
|
||||||
animation parameters:
|
|
||||||
delay = amount of scrolling (in pixels) before animation starts
|
|
||||||
duration = amount of scrolling (in pixels) over which the animation occurs
|
|
||||||
property = css property being animated
|
|
||||||
start = start value of the property
|
|
||||||
end = end value of the property
|
|
||||||
pin = pin block during animation duration (applies to all animations within block)
|
|
||||||
baseline = top (default, when block reaches top of viewport) or bottom (when block first comies into view)
|
|
||||||
easing = just like jquery's easing functions
|
|
||||||
*/
|
|
||||||
|
|
||||||
// if string, convert to DOM object
|
|
||||||
if (typeof target === 'string') { target = $(target); }
|
|
||||||
|
|
||||||
// find block of target
|
|
||||||
for (i=0; i<blocks.length; i++) {
|
|
||||||
if (blocks[i].block.has(target).length) {
|
|
||||||
targetBlock = blocks[i];
|
|
||||||
targetIndex = i;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// add each animation to the blocks animations array from function arguments
|
|
||||||
for (i=1; i<arguments.length; i++) {
|
|
||||||
|
|
||||||
anim = arguments[i];
|
|
||||||
|
|
||||||
// for top/left/right/bottom, set relative positioning if static
|
|
||||||
if (anim.property === 'top' || anim.property === 'left' || anim.property === 'bottom' || anim.property === 'right' ) {
|
|
||||||
if (target.css('position') === 'static') { target.css('position','relative'); }
|
|
||||||
// set anim.start, anim.end defaults
|
|
||||||
cssValue = parseInt(target.css(anim.property),10);
|
|
||||||
if (anim.start === undefined) {
|
|
||||||
anim.start = isNaN(cssValue) ? 0 : cssValue;
|
|
||||||
} else if (anim.end === undefined) {
|
|
||||||
anim.end = isNaN(cssValue) ? 0 : cssValue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// set anim.start/anim.end defaults for rotate, zoom/scale, letter-spacing
|
|
||||||
if (anim.property === 'rotate') {
|
|
||||||
if (anim.start === undefined) { anim.start = 0; }
|
|
||||||
if (anim.end === undefined) { anim.end = 0; }
|
|
||||||
} else if (anim.property === 'zoom' || anim.property === 'scale' ) {
|
|
||||||
if (anim.start === undefined) { anim.start = 1; }
|
|
||||||
if (anim.end === undefined) { anim.end = 1; }
|
|
||||||
} else if (anim.property === 'letter-spacing' && target.css(anim.property)) {
|
|
||||||
if (anim.start === undefined) { anim.start = 1; }
|
|
||||||
if (anim.end === undefined) { anim.end = 1; }
|
|
||||||
}
|
|
||||||
|
|
||||||
if (anim.baseline === undefined) {
|
|
||||||
if (anim.pin || targetBlock.pin || targetIndex === 0) {
|
|
||||||
anim.baseline = 'top';
|
|
||||||
} else {
|
|
||||||
anim.baseline = 'bottom';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (anim.delay === undefined) { anim.delay = 0; }
|
|
||||||
|
|
||||||
targetBlock.animations.push({
|
|
||||||
element: target,
|
|
||||||
delay: anim.delay,
|
|
||||||
duration: anim.duration,
|
|
||||||
property: anim.property,
|
|
||||||
startVal: anim.start !== undefined ? anim.start : parseInt(target.css(anim.property),10), // if undefined, use current css value
|
|
||||||
endVal: anim.end !== undefined ? anim.end : parseInt(target.css(anim.property),10), // if undefined, use current css value
|
|
||||||
baseline: anim.baseline !== undefined ? anim.baseline : 'bottom',
|
|
||||||
easing: anim.easing
|
|
||||||
});
|
|
||||||
|
|
||||||
if (anim.pin) {
|
|
||||||
if (targetBlock.pin < anim.duration + anim.delay) {
|
|
||||||
offset = anim.duration + anim.delay - targetBlock.pin;
|
|
||||||
targetBlock.pin += offset;
|
|
||||||
|
|
||||||
// adjust positions of blocks below target block
|
|
||||||
for (j=targetIndex+1; j<blocks.length; j++) {
|
|
||||||
blocks[j].top += offset;
|
|
||||||
blocks[j].block.css('top', blocks[j].top);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onScrollorama();
|
|
||||||
};
|
|
||||||
|
|
||||||
// function for passing blockChange event callback
|
|
||||||
scrollorama.onBlockChange = function(f) {
|
|
||||||
onBlockChange = f;
|
|
||||||
};
|
|
||||||
|
|
||||||
// function for getting an array of scrollpoints
|
|
||||||
// (top of each animation block and animation element scroll start point)
|
|
||||||
scrollorama.getScrollpoints = function() {
|
|
||||||
var scrollpoints = [],i,j,anim;
|
|
||||||
for (i=0; i<blocks.length; i++) {
|
|
||||||
scrollpoints.push(blocks[i].top);
|
|
||||||
// go through the animations for each block
|
|
||||||
if (blocks[i].animations.length && blocks[i].pin > 0) {
|
|
||||||
for (j=0; j<blocks[i].animations.length; j++) {
|
|
||||||
anim = blocks[i].animations[j];
|
|
||||||
scrollpoints.push(blocks[i].top + anim.delay + anim.duration);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// make sure scrollpoints are in numeric order
|
|
||||||
scrollpoints.sort(function(a,b) {return a - b;});
|
|
||||||
return scrollpoints;
|
|
||||||
};
|
|
||||||
|
|
||||||
// Remove scrollorama
|
|
||||||
scrollorama.destroy = function () {
|
|
||||||
// Remove animations
|
|
||||||
for (i=0; i<blocks.length; i++) {
|
|
||||||
// Remove CSS rules
|
|
||||||
blocks[i].block.css({
|
|
||||||
top: '',
|
|
||||||
position: ''
|
|
||||||
});
|
|
||||||
|
|
||||||
// Remove scrolloroma-specific attributes
|
|
||||||
delete blocks[i].animations;
|
|
||||||
delete blocks[i].top;
|
|
||||||
delete blocks[i].pin;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Unbind the window scroll event
|
|
||||||
$(window).off('scroll.scrollorama');
|
|
||||||
$('#scroll-wrap').remove();
|
|
||||||
|
|
||||||
// Remove the scrolloroma object
|
|
||||||
delete scrollorama;
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
// INIT
|
|
||||||
init();
|
|
||||||
|
|
||||||
return scrollorama;
|
|
||||||
};
|
|
||||||
|
|
||||||
//
|
|
||||||
// Easing functions from jQuery UI
|
|
||||||
//
|
|
||||||
$.extend($.easing, {
|
|
||||||
def: 'easeOutQuad',
|
|
||||||
swing: function (x, t, b, c, d) {
|
|
||||||
//alert($.easing.default);
|
|
||||||
return $.easing[$.easing.def](x, t, b, c, d);
|
|
||||||
},
|
|
||||||
easeInQuad: function (x, t, b, c, d) {
|
|
||||||
return c*(t/=d)*t + b;
|
|
||||||
},
|
|
||||||
easeOutQuad: function (x, t, b, c, d) {
|
|
||||||
return -c *(t/=d)*(t-2) + b;
|
|
||||||
},
|
|
||||||
easeInOutQuad: function (x, t, b, c, d) {
|
|
||||||
if ((t/=d/2) < 1) { return c/2*t*t + b; }
|
|
||||||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
|
||||||
},
|
|
||||||
easeInCubic: function (x, t, b, c, d) {
|
|
||||||
return c*(t/=d)*t*t + b;
|
|
||||||
},
|
|
||||||
easeOutCubic: function (x, t, b, c, d) {
|
|
||||||
return c*((t=t/d-1)*t*t + 1) + b;
|
|
||||||
},
|
|
||||||
easeInOutCubic: function (x, t, b, c, d) {
|
|
||||||
if ((t/=d/2) < 1) { return c/2*t*t*t + b; }
|
|
||||||
return c/2*((t-=2)*t*t + 2) + b;
|
|
||||||
},
|
|
||||||
easeInQuart: function (x, t, b, c, d) {
|
|
||||||
return c*(t/=d)*t*t*t + b;
|
|
||||||
},
|
|
||||||
easeOutQuart: function (x, t, b, c, d) {
|
|
||||||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
|
||||||
},
|
|
||||||
easeInOutQuart: function (x, t, b, c, d) {
|
|
||||||
if ((t/=d/2) < 1) { return c/2*t*t*t*t + b; }
|
|
||||||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
|
||||||
},
|
|
||||||
easeInQuint: function (x, t, b, c, d) {
|
|
||||||
return c*(t/=d)*t*t*t*t + b;
|
|
||||||
},
|
|
||||||
easeOutQuint: function (x, t, b, c, d) {
|
|
||||||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
|
||||||
},
|
|
||||||
easeInOutQuint: function (x, t, b, c, d) {
|
|
||||||
if ((t/=d/2) < 1) { return c/2*t*t*t*t*t + b; }
|
|
||||||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
|
||||||
},
|
|
||||||
easeInSine: function (x, t, b, c, d) {
|
|
||||||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
|
||||||
},
|
|
||||||
easeOutSine: function (x, t, b, c, d) {
|
|
||||||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
|
||||||
},
|
|
||||||
easeInOutSine: function (x, t, b, c, d) {
|
|
||||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
|
||||||
},
|
|
||||||
easeInExpo: function (x, t, b, c, d) {
|
|
||||||
return (t===0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
|
||||||
},
|
|
||||||
easeOutExpo: function (x, t, b, c, d) {
|
|
||||||
return (t===d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
|
||||||
},
|
|
||||||
easeInOutExpo: function (x, t, b, c, d) {
|
|
||||||
if (t===0) { return b; }
|
|
||||||
if (t===d) { return b+c; }
|
|
||||||
if ((t/=d/2) < 1) { return c/2 * Math.pow(2, 10 * (t - 1)) + b; }
|
|
||||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
|
||||||
},
|
|
||||||
easeInCirc: function (x, t, b, c, d) {
|
|
||||||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
|
||||||
},
|
|
||||||
easeOutCirc: function (x, t, b, c, d) {
|
|
||||||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
|
||||||
},
|
|
||||||
easeInOutCirc: function (x, t, b, c, d) {
|
|
||||||
if ((t/=d/2) < 1) { return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; }
|
|
||||||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
|
||||||
},
|
|
||||||
easeInElastic: function (x, t, b, c, d) {
|
|
||||||
var s=1.70158,p=0,a=c;
|
|
||||||
if (t===0) { return b; }
|
|
||||||
if ((t/=d)===1) { return b+c; }
|
|
||||||
if (!p) { p=d*0.3; }
|
|
||||||
if (a < Math.abs(c)) { a=c; s=p/4; }
|
|
||||||
else{ s = p/(2*Math.PI) * Math.asin (c/a); }
|
|
||||||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
|
||||||
},
|
|
||||||
easeOutElastic: function (x, t, b, c, d) {
|
|
||||||
var s=1.70158,p=0,a=c;
|
|
||||||
if (t===0) { return b; }
|
|
||||||
if ((t/=d)===1) { return b+c; }
|
|
||||||
if (!p) { p=d*0.3; }
|
|
||||||
if (a < Math.abs(c)) { a=c; s=p/4; }
|
|
||||||
else { s = p/(2*Math.PI) * Math.asin (c/a); }
|
|
||||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
|
||||||
},
|
|
||||||
easeInOutElastic: function (x, t, b, c, d) {
|
|
||||||
var s=1.70158,p=0,a=c;
|
|
||||||
if (t===0) { return b; }
|
|
||||||
if ((t/=d/2)===2) { return b+c; }
|
|
||||||
if (!p) { p=d*(0.3*1.5); }
|
|
||||||
if (a < Math.abs(c)) { a=c; s=p/4; }
|
|
||||||
else { s = p/(2*Math.PI) * Math.asin (c/a); }
|
|
||||||
if (t < 1) { return -0.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; }
|
|
||||||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*0.5 + c + b;
|
|
||||||
},
|
|
||||||
easeInBack: function (x, t, b, c, d, s) {
|
|
||||||
if (s === undefined) { s = 1.70158; }
|
|
||||||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
|
||||||
},
|
|
||||||
easeOutBack: function (x, t, b, c, d, s) {
|
|
||||||
if (s === undefined) { s = 1.70158; }
|
|
||||||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
|
||||||
},
|
|
||||||
easeInOutBack: function (x, t, b, c, d, s) {
|
|
||||||
if (s === undefined) { s = 1.70158; }
|
|
||||||
if ((t/=d/2) < 1) { return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; }
|
|
||||||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
|
||||||
},
|
|
||||||
easeInBounce: function (x, t, b, c, d) {
|
|
||||||
return c - $.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
|
||||||
},
|
|
||||||
easeOutBounce: function (x, t, b, c, d) {
|
|
||||||
if ((t/=d) < (1/2.75)) {
|
|
||||||
return c*(7.5625*t*t) + b;
|
|
||||||
} else if (t < (2/2.75)) {
|
|
||||||
return c*(7.5625*(t-=(1.5/2.75))*t + 0.75) + b;
|
|
||||||
} else if (t < (2.5/2.75)) {
|
|
||||||
return c*(7.5625*(t-=(2.25/2.75))*t + 0.9375) + b;
|
|
||||||
} else {
|
|
||||||
return c*(7.5625*(t-=(2.625/2.75))*t + 0.984375) + b;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
easeInOutBounce: function (x, t, b, c, d) {
|
|
||||||
if (t < d/2) { return $.easing.easeInBounce (x, t*2, 0, c, d) * 0.5 + b; }
|
|
||||||
return $.easing.easeOutBounce (x, t*2-d, 0, c, d) * 0.5 + c*0.5 + b;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery);
|
|
||||||
|
|
@ -1,50 +0,0 @@
|
||||||
|
|
||||||
$(document).ready(function(){
|
|
||||||
|
|
||||||
$('.curtains>li').css('position', 'fixed');
|
|
||||||
|
|
||||||
$('.curtains').curtain();
|
|
||||||
|
|
||||||
var scrollorama = $.scrollorama({
|
|
||||||
blocks:'.curtains'
|
|
||||||
});
|
|
||||||
|
|
||||||
scrollorama.animate('#intro h1',{
|
|
||||||
duration:200, property:'left', end:-860
|
|
||||||
});
|
|
||||||
|
|
||||||
scrollorama.animate('#reset-photo',{
|
|
||||||
delay:900, duration:993, property:'top', start:300, end:-300
|
|
||||||
});
|
|
||||||
|
|
||||||
scrollorama.animate('#simio-photo',{
|
|
||||||
delay:993, duration:1986, property:'rotate', start:-10, end:10
|
|
||||||
});
|
|
||||||
|
|
||||||
scrollorama.animate('#pusset .btn',{
|
|
||||||
delay:2700, duration:993, property:'left', start:-800, easing:'easeOutBounce'
|
|
||||||
});
|
|
||||||
|
|
||||||
scrollorama.animate('#sakrecoer ul li:nth-child(1)',{
|
|
||||||
delay:2979, duration:993, property:'top', start:840, end: 690
|
|
||||||
});
|
|
||||||
scrollorama.animate('#sakrecoer ul li:nth-child(2)',{
|
|
||||||
delay:2979, duration:993, property:'top', start:800, end: 690
|
|
||||||
});
|
|
||||||
scrollorama.animate('#sakrecoer ul li:nth-child(3)',{
|
|
||||||
delay:2979, duration:993, property:'top', start:920, end: 630
|
|
||||||
});
|
|
||||||
scrollorama.animate('#sakrecoer ul li:nth-child(4)',{
|
|
||||||
delay:2979, duration:993, property:'top', start:880, end: 670
|
|
||||||
});
|
|
||||||
scrollorama.animate('#sakrecoer ul li:nth-child(5)',{
|
|
||||||
delay:2979, duration:993, property:'top', start:830, end: 710
|
|
||||||
});
|
|
||||||
scrollorama.animate('#sakrecoer ul li:nth-child(6)',{
|
|
||||||
delay:2979, duration:993, property:'top', start:960, end: 650
|
|
||||||
});
|
|
||||||
|
|
||||||
scrollorama.animate('#final h2',{
|
|
||||||
delay:4500, duration:900, property:'top', start:0, easing:'easeOutBounce'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
290
about/style.css
290
about/style.css
|
|
@ -1,290 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
|
|
||||||
margin: 0; padding: 0; border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 18px/30px "Helvetica Neue", Helvetica, Arial, Sans-serif;
|
|
||||||
color: #000;
|
|
||||||
text-shadow: 0px 0px 10px #0ff;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: #fff; text-decoration: none; font-weight: bold;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
border-radius: 7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
section {
|
|
||||||
overflow-x: hidden; height: 993px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#intro {
|
|
||||||
background: #000 url(images/pusset-bg.jpg) left no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#intro h1 {
|
|
||||||
width: 858px; height: 161px;
|
|
||||||
background: url(images/intro-title.png); text-indent: -9999px;
|
|
||||||
position: relative; top: 145px; left: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#intro p {
|
|
||||||
position: relative; top: 200px; left: 285px;
|
|
||||||
width: 650px; margin: 0 0 30px 0;
|
|
||||||
}
|
|
||||||
#intro p:nth-child(2) {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#reset {
|
|
||||||
background: #0cf url(images/resetbg.jpg) no-repeat;
|
|
||||||
background-size: cover;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#reset h2 {
|
|
||||||
width: 432px; height: 310px;
|
|
||||||
background: url(images/reset-title.png); text-indent: -9999px;
|
|
||||||
position: relative; top: 87px; left: 90px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#reset-photo {
|
|
||||||
position: absolute; top: 70px; left: 650px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#reset p {
|
|
||||||
position: relative; top: 130px; left: 93px;
|
|
||||||
width: 530px; margin: 0 0 30px 0;
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: 0px 0px 20px #f00;
|
|
||||||
}
|
|
||||||
|
|
||||||
#reset a {
|
|
||||||
color: #fff; text-decoration: none; font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#reset .btn a {
|
|
||||||
display: block;
|
|
||||||
padding: 50px;
|
|
||||||
background-color: #0ff;
|
|
||||||
box-shadow: 0 0 20px #0ff;
|
|
||||||
border-radius: 7px;
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: background-color 0.25s ease-in-out;
|
|
||||||
-moz-transition: background-color 0.25s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: background-color; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.25s;
|
|
||||||
font-size: 48px;
|
|
||||||
color: #f00;
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
#reset .btn a:hover {
|
|
||||||
background-color: #f00;
|
|
||||||
color: #0ff;
|
|
||||||
}
|
|
||||||
#reset img {
|
|
||||||
border-radius: 7px;
|
|
||||||
box-shadow: 0 0 40px #f00;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#simio {
|
|
||||||
background: #000 url(images/simio_bg.jpg) no-repeat top right;
|
|
||||||
background-size: cover;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#simio h2 {
|
|
||||||
width: 635px; height: 208px;
|
|
||||||
background: url(images/simio-title.png) top left; text-indent: -9999px;
|
|
||||||
position: relative; top: 87px; left: 90px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#simio-photo {
|
|
||||||
position: absolute; left: 410px; top: 300px;
|
|
||||||
transform: rotate(0deg);
|
|
||||||
-moz-transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
#simio p {
|
|
||||||
position: relative; top: 145px; left: 90px;
|
|
||||||
width: 300px; margin: 0 0 30px 0;
|
|
||||||
color: #fff;
|
|
||||||
font-weight: bold;
|
|
||||||
text-shadow: 0px 0px 20px #0269e3;
|
|
||||||
}
|
|
||||||
|
|
||||||
#simio a {
|
|
||||||
color: #fff; text-decoration: none; font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#simio img {
|
|
||||||
border-radius: 7px;
|
|
||||||
box-shadow: 0 0 40px #0269e3;
|
|
||||||
}
|
|
||||||
#simio a.btn {
|
|
||||||
position: absolute; width: 500px; top: 610px; right: 10px;
|
|
||||||
display: block;
|
|
||||||
padding: 50px;
|
|
||||||
background-color: #f00;
|
|
||||||
box-shadow: 0 0 20px #0269e3;
|
|
||||||
border-radius: 7px;
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: background-color 0.25s ease-in-out;
|
|
||||||
-moz-transition: background-color 0.25s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: background-color; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.25s;
|
|
||||||
font-size: 48px;
|
|
||||||
color: #fff;
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
#simio a.btn:hover {
|
|
||||||
background-color: #0269e3;
|
|
||||||
color: #f00;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#pusset {
|
|
||||||
background: #f00 url(images/intro-bg.jpg);
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pusset h2 {
|
|
||||||
width: 513px; height: 324px;
|
|
||||||
background: url(images/pusset-title.png); text-indent: -9999px;
|
|
||||||
position: relative; top: 70px; left: 90px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pusset p {
|
|
||||||
position: relative; top: 100px; left: 100px;
|
|
||||||
width: 500px;
|
|
||||||
color: #0ff;
|
|
||||||
text-shadow: 0px 0px 20px #0ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pusset a {
|
|
||||||
color: #fff; text-decoration: none; font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pusset a.btn {
|
|
||||||
position: absolute; width: 500px; top: 700px; right: 10px;
|
|
||||||
display: block;
|
|
||||||
padding: 50px;
|
|
||||||
background-color: #f00;
|
|
||||||
box-shadow: 0 0 20px #f00;
|
|
||||||
border-radius: 7px;
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: background-color 0.25s ease-in-out;
|
|
||||||
-moz-transition: background-color 0.25s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: background-color; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.25s;
|
|
||||||
font-size: 48px;
|
|
||||||
color: #fff;
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
#pusset a.btn:hover {
|
|
||||||
background-color: #0ff;
|
|
||||||
color: #fff;
|
|
||||||
box-shadow: 0 0 20px #0ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#sakrecoer {
|
|
||||||
background: #0ff url(images/sakrecoerLIVE.png);
|
|
||||||
position: relative;
|
|
||||||
text-shadow: 0px 0px 10px #f00;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sakrecoer h2 {
|
|
||||||
width: 900px; height: 147px;
|
|
||||||
background: url(images/intro-title.png); text-indent: -9999px;
|
|
||||||
position: relative; top: 90px; left: 85px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sakrecoer p {
|
|
||||||
position: relative; top: 120px; left: 90px;
|
|
||||||
width: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sakrecoer ul li {
|
|
||||||
float: left; box-shadow: 0 0 20px rgba(0,0,0,0.5); line-height: 0;
|
|
||||||
position: absolute; list-style: none;
|
|
||||||
}
|
|
||||||
#sakrecoer ul li:nth-child(1) {
|
|
||||||
top: 640px; left: 50px;
|
|
||||||
transform: rotate(10deg);
|
|
||||||
-moz-transform: rotate(10deg);
|
|
||||||
-webkit-transform: rotate(10deg);
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
#sakrecoer ul li:nth-child(2) {
|
|
||||||
top: 550px; left: 320px;
|
|
||||||
transform: rotate(-5deg);
|
|
||||||
-moz-transform: rotate(-5deg);
|
|
||||||
-webkit-transform: rotate(-5deg);
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
#sakrecoer ul li:nth-child(3) {
|
|
||||||
top: 680px; left: 520px;
|
|
||||||
transform: rotate(-2deg);
|
|
||||||
-moz-transform: rotate(-2deg);
|
|
||||||
-webkit-transform: rotate(-2deg);
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
#sakrecoer ul li:nth-child(4) {
|
|
||||||
top: 550px; left: 810px;
|
|
||||||
transform: rotate(7deg);
|
|
||||||
-moz-transform: rotate(7deg);
|
|
||||||
-webkit-transform: rotate(7deg);
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
#sakrecoer ul li:nth-child(5) {
|
|
||||||
top: 630px; left: 940px;
|
|
||||||
transform: rotate(-7deg);
|
|
||||||
-moz-transform: rotate(-7deg);
|
|
||||||
-webkit-transform: rotate(-7deg);
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
#sakrecoer ul li:nth-child(6) {
|
|
||||||
top: 678px; left: 1230px;
|
|
||||||
transform: rotate(-2deg);
|
|
||||||
-moz-transform: rotate(-2deg);
|
|
||||||
-webkit-transform: rotate(-2deg);
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
#sakrecoer img {
|
|
||||||
box-shadow: 0 0 10px #f00;
|
|
||||||
}
|
|
||||||
|
|
||||||
#final {
|
|
||||||
background: #0fc url(images/last-bg.jpg);
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
#final h2 {
|
|
||||||
width: 672px; height: 358px;
|
|
||||||
background: url(images/final-title.png); text-indent: -9999px;
|
|
||||||
position: relative; top: 87px; left: 90px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#final p {
|
|
||||||
position: relative; top: 130px; left: 115px;
|
|
||||||
width: 672px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
#final p.credits {
|
|
||||||
font-size: 12px;
|
|
||||||
position: absolute; top: 950px; left: 115px;
|
|
||||||
color: #000;
|
|
||||||
text-shadow: none;
|
|
||||||
width: 872px;
|
|
||||||
}
|
|
||||||
{% include curtain.css %}
|
|
||||||
{% include style.css %}
|
|
||||||
{% include navmenu.css %}
|
|
||||||
BIN
apple-touch-icon.png
Normal file
BIN
apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
|
@ -1,291 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
{% include base.html %}
|
|
||||||
{% include normalize.css %}
|
|
||||||
{% include style.css %}
|
|
||||||
|
|
||||||
/*! sakrecoer front-sheet */
|
|
||||||
|
|
||||||
html{
|
|
||||||
-webkit-transition:.5s background;
|
|
||||||
transition:.5s background;
|
|
||||||
background:url({{ base }}/assets/img/bg/frontpage.jpg) no-repeat;
|
|
||||||
background-size:cover;
|
|
||||||
}
|
|
||||||
body{
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
background:transparent;
|
|
||||||
font-family: futura, Helvetica, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4 {
|
|
||||||
font-family: futura;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
a:link,
|
|
||||||
a:visited,
|
|
||||||
a:hover,
|
|
||||||
a:active,
|
|
||||||
a:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
-webkit-transition:.5s background;
|
|
||||||
transition:.5s background
|
|
||||||
}
|
|
||||||
a,
|
|
||||||
a:link,
|
|
||||||
a:visited {
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: color 0.5s ease-in-out;
|
|
||||||
-moz-transition: color 0.5s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: color; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.5s;
|
|
||||||
text-shadow: 1px 0px 14px rgba(255, 255, 255, 0.5),
|
|
||||||
-1px 0px 14px rgba(255, 255, 255, 0.5),
|
|
||||||
0px -1px 14px rgba(255, 255, 255, 0.5),
|
|
||||||
0px 1px 14px rgba(255, 255, 255, 0.5);
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: text-shadow .5s ease-in-out;
|
|
||||||
-moz-transition: text-shadow .5s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: text-shadow; /* opera 10.5 */
|
|
||||||
-o-transition-duration: .5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: #f00;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 255, 255, 0.5),
|
|
||||||
-1px 0px 4px rgba(255, 255, 255, 0.5),
|
|
||||||
0px -1px 4px rgba(255, 255, 255, 0.5),
|
|
||||||
0px 1px 4px rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
a:active {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
div{
|
|
||||||
|
|
||||||
z-index: -10
|
|
||||||
}
|
|
||||||
/* ------ magicvideo ---- */
|
|
||||||
|
|
||||||
video{
|
|
||||||
position:fixed;
|
|
||||||
right:0;
|
|
||||||
bottom:0;
|
|
||||||
min-width:100%;
|
|
||||||
min-height:100%;
|
|
||||||
width:auto;
|
|
||||||
height:auto;
|
|
||||||
z-index:-100;
|
|
||||||
background:url({{ base }}/assets/img/bg/frontpage.jpg) no-repeat;
|
|
||||||
background-size:cover;
|
|
||||||
-webkit-transition:1s opacity;transition:1s opacity;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1{
|
|
||||||
font-size:3rem;
|
|
||||||
text-transform:uppercase;
|
|
||||||
margin-top:0;
|
|
||||||
letter-spacing:.3rem;
|
|
||||||
font-family: futurabold;
|
|
||||||
}
|
|
||||||
.stopfade{
|
|
||||||
opacity:.5
|
|
||||||
}
|
|
||||||
#video_pause {
|
|
||||||
font-family: futura;
|
|
||||||
text-transform: uppercase;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 10px;
|
|
||||||
right: 10px;
|
|
||||||
display:block;
|
|
||||||
width:50px;
|
|
||||||
padding:.2rem;
|
|
||||||
border:none;
|
|
||||||
margin:0rem 0rem;
|
|
||||||
font-size:.7rem;
|
|
||||||
background:rgba(255,0,0,.23);
|
|
||||||
color:#fff;
|
|
||||||
border-radius:3px;
|
|
||||||
cursor:pointer;
|
|
||||||
-webkit-transition:.3s background;
|
|
||||||
transition:.3s background;
|
|
||||||
}
|
|
||||||
#video_pause:hover{
|
|
||||||
background:rgba(0,0,0,.5);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ---- hide divs ---- */
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#abcdef,#abcde,#abcd,#abc,#ab {
|
|
||||||
display: none;
|
|
||||||
background-color: transparent;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
/*show .ab*/
|
|
||||||
#music:hover ~ #ab {
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
}
|
|
||||||
/*show .abc*/
|
|
||||||
#about:hover ~ #abc {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
/*show .abcd*/
|
|
||||||
#log:hover ~ #abcd {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
/*show .abcde*/
|
|
||||||
#discog:hover ~ #abcde {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
/*show .abcdef*/
|
|
||||||
#links:hover ~ #abcdef {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
#music:hover ~ #a,
|
|
||||||
#about:hover ~ #a,
|
|
||||||
#log:hover ~ #a,
|
|
||||||
#discog:hover ~ #a,
|
|
||||||
#links:hover ~ #a{
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
}
|
|
||||||
#music,
|
|
||||||
#about,
|
|
||||||
#log,
|
|
||||||
#discog,
|
|
||||||
#links{
|
|
||||||
font-family: futurabold;
|
|
||||||
line-height: 1.2;
|
|
||||||
text-transform: uppercase;
|
|
||||||
float:right;
|
|
||||||
font-size: 5em;
|
|
||||||
font-weight: bold;
|
|
||||||
width: 100%;
|
|
||||||
text-align: left;
|
|
||||||
color: transparent;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
#music:hover{
|
|
||||||
background-color: rgba(255, 0, 24, 0.3);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#about:hover{
|
|
||||||
|
|
||||||
background-color: rgba(153, 255, 0, 0.5);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#log:hover{
|
|
||||||
background-color: rgba(0, 255, 229, 0.3);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#discog:hover{
|
|
||||||
background-color: rgba(102, 0, 255, 0.3);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#links:hover{
|
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#a, #ab, #abc, #abcd, #abcde, #abcdef{
|
|
||||||
position:absolute;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* default */
|
|
||||||
#a{
|
|
||||||
background:url('../img/sakrecoerLOGO.png') no-repeat center center;
|
|
||||||
-webkit-background-size: contain;
|
|
||||||
-moz-background-size: contain;
|
|
||||||
-o-background-size: contain;
|
|
||||||
background-size: contain;
|
|
||||||
background-color:rgba(255, 0, 24, 0.5);
|
|
||||||
height: 90%;
|
|
||||||
top: 10%;
|
|
||||||
position:absolute;
|
|
||||||
text-align: center;
|
|
||||||
background-color: rgba(0, 0, 0, 0);
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* music */
|
|
||||||
#ab{
|
|
||||||
background:url('../img/bg/boombbox.jpg') no-repeat center center;
|
|
||||||
-webkit-background-size: cover;
|
|
||||||
-moz-background-size: cover;
|
|
||||||
-o-background-size: cover;
|
|
||||||
background-size: cover;
|
|
||||||
background-color: rgba(255, 0, 24, 0.5);
|
|
||||||
font-family: futura;
|
|
||||||
opacity: .75;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* about */
|
|
||||||
#abc{
|
|
||||||
position:fixed;
|
|
||||||
top:30%; left:36%;
|
|
||||||
width: 350px; height: 350px; padding: 0 7px 30px 7px;
|
|
||||||
background-color: rgba(153, 255, 0, 1);
|
|
||||||
font-family: futura;
|
|
||||||
opacity: 1;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
text-transform: uppercase; font-size:24px;
|
|
||||||
text-align: center;
|
|
||||||
border-radius:4px; color:#000;
|
|
||||||
}
|
|
||||||
#abc p {
|
|
||||||
line-height:24px;
|
|
||||||
}
|
|
||||||
/* blog */
|
|
||||||
#abcd{
|
|
||||||
background-color: rgba(0, 255, 229, 0.2);
|
|
||||||
font-family: futura, Helvetica; color: rgba(0, 255, 229, 0.2);
|
|
||||||
letter-spacing: -1px;
|
|
||||||
text-transform: uppercase; font-size:24px;
|
|
||||||
text-align: justify;
|
|
||||||
border-radius:4px;
|
|
||||||
}
|
|
||||||
/* discog */
|
|
||||||
#abcde{
|
|
||||||
background:url('../img/discog2014.jpg') no-repeat center center;
|
|
||||||
-webkit-background-size: cover;
|
|
||||||
-moz-background-size: cover;
|
|
||||||
-o-background-size: cover;
|
|
||||||
background-size: cover;
|
|
||||||
background-color: rgba(255, 0, 24, 0.5);
|
|
||||||
font-family: futura;
|
|
||||||
opacity: .6;
|
|
||||||
}
|
|
||||||
/* links */
|
|
||||||
#abcdef{
|
|
||||||
background:url('../img/Chain_1.png') no-repeat center center;
|
|
||||||
-webkit-background-size: cover;
|
|
||||||
-moz-background-size: cover;
|
|
||||||
-o-background-size: cover;
|
|
||||||
background-size: cover;
|
|
||||||
text-align: center;
|
|
||||||
font-family: futura;
|
|
||||||
}
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
margin: auto
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,140 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
{% include base.html %}
|
|
||||||
/*! Index page */
|
|
||||||
@font-face {
|
|
||||||
font-family: futura;
|
|
||||||
src: url('{{ base }}/assets/fonts/free_avantgarde.woff');
|
|
||||||
}
|
|
||||||
@font-face {
|
|
||||||
font-family: futurabold;
|
|
||||||
src: url('{{ base }}/assets/fonts/free_avantgardeBOLD.woff');
|
|
||||||
}
|
|
||||||
html{
|
|
||||||
-webkit-transition:.5s background;
|
|
||||||
transition:.5s background;
|
|
||||||
font-family: futurabold, Helvetica, Arial, sans-serif, sans;
|
|
||||||
font-size: 1em;
|
|
||||||
background: rgba(0,76,255,1);
|
|
||||||
}
|
|
||||||
body, p{
|
|
||||||
margin:0;
|
|
||||||
background: rgba(0,76,255,1);
|
|
||||||
}
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4 {
|
|
||||||
font-weight:bold;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight:bold;
|
|
||||||
}
|
|
||||||
a:link,
|
|
||||||
a:visited,
|
|
||||||
a:hover,
|
|
||||||
a:active,
|
|
||||||
a:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
-webkit-transition:.6s background;
|
|
||||||
transition:.6s background;
|
|
||||||
}
|
|
||||||
a,
|
|
||||||
a:link,
|
|
||||||
a:visited {
|
|
||||||
color: #fff;
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: color 0.15s ease-in-out;
|
|
||||||
-moz-transition: color 0.15s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: color; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.15s;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
color: rgba(0,76,255,0.9);
|
|
||||||
}
|
|
||||||
a:active {
|
|
||||||
color: #f00;
|
|
||||||
}
|
|
||||||
.vignette {
|
|
||||||
float: left;
|
|
||||||
width:320px;
|
|
||||||
min-width:320px;
|
|
||||||
height:320px;
|
|
||||||
background:no-repeat;
|
|
||||||
background-size: 370px;
|
|
||||||
background-color: rgba(255,0,76,.0);
|
|
||||||
box-shadow: 1px 0px 37px rgba(255,0,76,.1),
|
|
||||||
-1px 0px 37px rgba(255,0,76,.1),
|
|
||||||
0px -1px 37px rgba(255,0,76,.1),
|
|
||||||
0px 1px 37px rgba(255,0,76,.1);
|
|
||||||
}
|
|
||||||
#picker {
|
|
||||||
|
|
||||||
}
|
|
||||||
#picker p {
|
|
||||||
position:relative;
|
|
||||||
width:77%;
|
|
||||||
height: 77%;
|
|
||||||
margin: auto;
|
|
||||||
padding: 17px;
|
|
||||||
border-radius: 2px;
|
|
||||||
background: rgba(0,76,255,0);
|
|
||||||
color:rgba(215,215,215,0.3);
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: background 0.15s ease-in-out;
|
|
||||||
-moz-transition: background 0.15s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: background; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.15s;
|
|
||||||
|
|
||||||
line-height: 1.3em;
|
|
||||||
letter-spacing: -0.1em;
|
|
||||||
}
|
|
||||||
#picker p:hover{
|
|
||||||
background: rgba(255,0,0,.7);
|
|
||||||
color: #d7d7d7;
|
|
||||||
}
|
|
||||||
strong {
|
|
||||||
font-size:2em;
|
|
||||||
}
|
|
||||||
.title{
|
|
||||||
text-shadow: 1px 0px 2px rgba(0,76,255,.5),
|
|
||||||
-1px 0px 2px rgba(0,76,255,.5),
|
|
||||||
0px -1px 2px rgba(0,76,255,.5),
|
|
||||||
0px 1px 2px rgba(0,76,255,.5);
|
|
||||||
}
|
|
||||||
#pagetitle {
|
|
||||||
z-index: 100;
|
|
||||||
text-transform: none;
|
|
||||||
position: fixed; bottom: 10px; left:17px;
|
|
||||||
font-size:2.5em;
|
|
||||||
letter-spacing:-.05em;
|
|
||||||
line-height: .95em;
|
|
||||||
color:rgba(119,119,119,0);
|
|
||||||
background-color:rgba(255,0,76,.5);
|
|
||||||
box-shadow: 1px 0px 27px rgba(255,0,76,.1),
|
|
||||||
-1px 0px 27px rgba(255,0,76,.1),
|
|
||||||
0px -1px 27px rgba(255,0,76,.1),
|
|
||||||
0px 1px 27px rgba(255,0,76,.1);
|
|
||||||
padding:7px;
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
h1:hover{
|
|
||||||
text-shadow: 1px 0px 0px rgba(0,76,255,.5),
|
|
||||||
-1px 0px 0px rgba(0,76,255,.5),
|
|
||||||
0px -1px 0px rgba(0,76,255,.5),
|
|
||||||
0px 1px 0px rgba(0,76,255,.5);
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: text-shadow 0.3s ease-in-out;
|
|
||||||
-moz-transition: text-shadow 0.3s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: text-shadow; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.3s;
|
|
||||||
|
|
||||||
}
|
|
||||||
#navigation {
|
|
||||||
position: fixed; bottom: 130px; left:17px;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
{% include navmenu.css %}
|
|
||||||
|
|
@ -1,192 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
{% include base.html %}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: futura;
|
|
||||||
src: url('{{ base }}/assets/fonts/free_avantgarde.woff');
|
|
||||||
}
|
|
||||||
@font-face {
|
|
||||||
font-family: futurabold;
|
|
||||||
src: url('{{ base }}/assets/fonts/free_avantgardeBOLD.woff');
|
|
||||||
}
|
|
||||||
/*! Track Pages */
|
|
||||||
html{
|
|
||||||
-webkit-transition:.5s background;
|
|
||||||
transition:.5s background;
|
|
||||||
font-family: Futura, Helvetica, Arial, sans-serif, sans;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
body, p{
|
|
||||||
margin:0;
|
|
||||||
}
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4 {
|
|
||||||
font-weight:bold;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight:bold;
|
|
||||||
}
|
|
||||||
a:link,
|
|
||||||
a:visited,
|
|
||||||
a:hover,
|
|
||||||
a:active,
|
|
||||||
a:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
-webkit-transition:.6s background;
|
|
||||||
transition:.6s background;
|
|
||||||
}
|
|
||||||
a,
|
|
||||||
a:link,
|
|
||||||
a:visited {
|
|
||||||
color: #fff;
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: color 0.15s ease-in-out;
|
|
||||||
-moz-transition: color 0.15s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: color; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.15s;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
color: rgba(0,76,255,0.9);
|
|
||||||
}
|
|
||||||
a:active {
|
|
||||||
color: #f00;
|
|
||||||
}
|
|
||||||
#navigation {
|
|
||||||
z-index: 100000;
|
|
||||||
position: fixed; top:10px; left: 10px; z-index: 1000;
|
|
||||||
width: 150px; height: 290px;padding: 10px;
|
|
||||||
background-color: rgba(0,204,255,0.5);
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 75px ;
|
|
||||||
opacity: .33;
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: opacity 0.7s ease-in-out;
|
|
||||||
-moz-transition: opacity 0.7s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: opacity; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.7s;
|
|
||||||
}
|
|
||||||
#navigation:hover {
|
|
||||||
background-color: rgba(0,204,255,0.5);
|
|
||||||
opacity: 1;
|
|
||||||
|
|
||||||
}
|
|
||||||
#lyrics {
|
|
||||||
position: absolute; left:350px; top:60px; z-index: 1000;
|
|
||||||
min-width:600px;
|
|
||||||
padding: 0 .75em 200px .75em;
|
|
||||||
margin-right:20%;
|
|
||||||
background-color: rgba(0,76,255,0);
|
|
||||||
text-align: left;
|
|
||||||
font-size: .85em;
|
|
||||||
color: rgba(0,204,255,0);
|
|
||||||
border-radius: 2px ;
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: background-color 0.7s ease-in-out;
|
|
||||||
-moz-transition: background-color 0.7s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: background-color; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.7s;
|
|
||||||
}
|
|
||||||
#lyrics:hover {
|
|
||||||
background-color: rgba(0,76,255,1);
|
|
||||||
opacity: .9;
|
|
||||||
z-index: 10;
|
|
||||||
color: rgba(0,204,255,.9);
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title{
|
|
||||||
font-family: Futurabold, Helvetica, Arial, sans-serif, sans;
|
|
||||||
font-size:6em;
|
|
||||||
line-height:.8em;
|
|
||||||
letter-spacing:-.1em;
|
|
||||||
color:rgba(0,204,255,0);
|
|
||||||
text-shadow: 1px 0px 27px rgba(0,204,255,.2),
|
|
||||||
-1px 0px 27px rgba(0,204,255,.2),
|
|
||||||
0px -1px 27px rgba(0,204,255,.2),
|
|
||||||
0px 1px 27px rgba(0,204,255,.2);
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: text-shadow 0.7s ease-in-out;
|
|
||||||
-moz-transition: text-shadow 0.7s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: text-shadow; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.7s;
|
|
||||||
}
|
|
||||||
h1:hover {
|
|
||||||
text-shadow: 1px 0px 0px rgba(0,204,255,.5),
|
|
||||||
-1px 0px 0px rgba(0,204,255,.5),
|
|
||||||
0px -1px 0px rgba(0,204,255,.5),
|
|
||||||
0px 1px 0px rgba(0,204,255,.5);
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: text-shadow 0.7s ease-in-out;
|
|
||||||
-moz-transition: text-shadow 0.7s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: text-shadow; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.7s;
|
|
||||||
}
|
|
||||||
audio{
|
|
||||||
position:fixed;
|
|
||||||
right:0;
|
|
||||||
bottom:0;
|
|
||||||
min-width:100%;
|
|
||||||
min-height:100%;
|
|
||||||
width:100%;
|
|
||||||
height:100%;
|
|
||||||
background:#777 no-repeat;
|
|
||||||
background-size:cover;
|
|
||||||
opacity:0;
|
|
||||||
-webkit-transition:1s opacity;transition:1s opacity;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.stopfade{
|
|
||||||
opacity:.7;
|
|
||||||
|
|
||||||
}
|
|
||||||
#mu_pause {
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 1em;
|
|
||||||
font-size:2em;
|
|
||||||
font-family: Futurabold, Helvetica, Arial, sans-serif;
|
|
||||||
text-transform: uppercase;
|
|
||||||
/* position: fixed;
|
|
||||||
bottom: 30%;
|
|
||||||
right: 40%; */
|
|
||||||
display:block;
|
|
||||||
width:150px;
|
|
||||||
height: 150px;
|
|
||||||
border-radius: 50%;
|
|
||||||
border:none;
|
|
||||||
background:rgba(0,204,255,1);
|
|
||||||
cursor:pointer;
|
|
||||||
-webkit-transition:.3s background;
|
|
||||||
transition:.3s background;
|
|
||||||
z-index: 10000;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
#mu_pause:hover{
|
|
||||||
background:rgba(0,76,255,.9);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tracktime {
|
|
||||||
position: fixed; right: 10px; bottom:0px;
|
|
||||||
font-size: 12em; line-height:0.9em; letter-spacing: -0.1em; color: rgba(119,119,119,0);
|
|
||||||
font-family: Helvetica, Arial, Sans-serif, Sans;
|
|
||||||
font-weight: bold;
|
|
||||||
text-shadow: 1px 0px 14px rgba(0,204,255,.5),
|
|
||||||
-1px 0px 14px rgba(0,204,255,.5),
|
|
||||||
0px -1px 14px rgba(0,204,255,.5),
|
|
||||||
0px 1px 14px rgba(0,204,255,.5);
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
.arrow {
|
|
||||||
font-size: 2em;
|
|
||||||
line-height: .9em;
|
|
||||||
}
|
|
||||||
{% include navmenu.css %}
|
|
||||||
|
|
@ -1,169 +0,0 @@
|
||||||
|
|
||||||
---
|
|
||||||
---
|
|
||||||
{%include base.html %}
|
|
||||||
/* skipper */
|
|
||||||
|
|
||||||
#skipper {
|
|
||||||
position: absolute; bottom:0;
|
|
||||||
z-index: 1;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/* */
|
|
||||||
|
|
||||||
|
|
||||||
audio{
|
|
||||||
position:fixed;
|
|
||||||
right:0;
|
|
||||||
bottom:0;
|
|
||||||
min-width:100%;
|
|
||||||
min-height:100%;
|
|
||||||
width:100%;
|
|
||||||
height:100%;
|
|
||||||
|
|
||||||
|
|
||||||
background:url({{ base }}/img/bg/frontpage.jpg) no-repeat;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
background-size:cover;
|
|
||||||
opacity:0;
|
|
||||||
-webkit-transition:1s opacity;transition:1s opacity;
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stopfade{
|
|
||||||
opacity:.7;
|
|
||||||
}
|
|
||||||
#mu_pause {
|
|
||||||
font-family: futurabold;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 1em;
|
|
||||||
font-size:3em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
/* position: fixed;
|
|
||||||
bottom: 30%;
|
|
||||||
right: 40%; */
|
|
||||||
display:block;
|
|
||||||
width:250px;
|
|
||||||
height: 250px;
|
|
||||||
border-radius: 50%;
|
|
||||||
border:none;
|
|
||||||
background:rgba(255,0,0,1);
|
|
||||||
cursor:pointer;
|
|
||||||
-webkit-transition:.3s background;
|
|
||||||
transition:.3s background;
|
|
||||||
z-index: 10000;
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
#mu_pause:hover{
|
|
||||||
background:rgba(0,255,255,.6);
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
}
|
|
||||||
/* ---- hide divs ---- */
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#abc,#ab {
|
|
||||||
display: none;
|
|
||||||
background-color: transparent;
|
|
||||||
|
|
||||||
}
|
|
||||||
/*show .ab*/
|
|
||||||
#download:hover ~ #ab {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
/*show .abc*/
|
|
||||||
|
|
||||||
#lyrics:hover ~ #abc {
|
|
||||||
display: block;
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: opacity 0.7s ease-in-out;
|
|
||||||
-moz-transition: opacity 0.7s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: opacity; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.7s;
|
|
||||||
}
|
|
||||||
|
|
||||||
#download:hover ~ #a,
|
|
||||||
#lyrics:hover ~ #a{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#download,
|
|
||||||
#lyrics{
|
|
||||||
font-family: futurabold;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#a, #ab, #abc {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0px;
|
|
||||||
right: 0px;
|
|
||||||
width: 75%;
|
|
||||||
height: 85%;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* default */
|
|
||||||
#a{
|
|
||||||
width: 1px;
|
|
||||||
height: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* download */
|
|
||||||
#ab {
|
|
||||||
top:140px; left:350px;
|
|
||||||
width: 600px; height: 120px;padding: 17px;
|
|
||||||
background-color: rgba(0, 0, 0, .4);
|
|
||||||
font-family: futura; font-size:24px; text-align: left;
|
|
||||||
opacity: 1;
|
|
||||||
text-transform:uppercase;
|
|
||||||
border-radius:4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* lyrics */
|
|
||||||
#abc{
|
|
||||||
top:140px; left:350px;
|
|
||||||
width: 600px; height:120px;padding: 17px;
|
|
||||||
background-color: rgba(0, 0, 0, .4);
|
|
||||||
font-family: futura; font-size:12px; text-align: left;
|
|
||||||
opacity: 1;
|
|
||||||
border-radius:4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#tracktime {
|
|
||||||
position: fixed; right: 10px; bottom:-10px;
|
|
||||||
font-size: 272px; font-family: futurabold; line-height:288px; letter-spacing: -20px; color: rgba(0,255,255,.3);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#random_posts{
|
|
||||||
position: fixed; right: 20px; top:140px;
|
|
||||||
width: 300px;
|
|
||||||
font-family: futura; font-size: 12px;
|
|
||||||
line-height: 10px;
|
|
||||||
background:rgba(0,0,0,1);
|
|
||||||
border-radius: 4px;
|
|
||||||
padding: 7px;
|
|
||||||
-webkit-transition:1s opacity;transition:1s opacity;
|
|
||||||
opacity: .3;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
hr {
|
|
||||||
border-color: #222;
|
|
||||||
}
|
|
||||||
#random_posts:hover{
|
|
||||||
opacity: .7;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
396
assets/css/normalize.css
vendored
396
assets/css/normalize.css
vendored
|
|
@ -1,396 +0,0 @@
|
||||||
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
HTML5 display definitions
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct `block` display not defined in IE 8/9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
article,
|
|
||||||
aside,
|
|
||||||
details,
|
|
||||||
figcaption,
|
|
||||||
figure,
|
|
||||||
footer,
|
|
||||||
header,
|
|
||||||
hgroup,
|
|
||||||
main,
|
|
||||||
nav,
|
|
||||||
section,
|
|
||||||
summary {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct `inline-block` display not defined in IE 8/9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
audio,
|
|
||||||
canvas,
|
|
||||||
video {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Prevent modern browsers from displaying `audio` without controls.
|
|
||||||
* Remove excess height in iOS 5 devices.
|
|
||||||
*/
|
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Address styling not present in IE 8/9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[hidden] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Base
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Set default font family to sans-serif.
|
|
||||||
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
|
||||||
* user zoom.
|
|
||||||
*/
|
|
||||||
|
|
||||||
html {
|
|
||||||
font-family: sans-serif; /* 1 */
|
|
||||||
-webkit-text-size-adjust: 100%; /* 2 */
|
|
||||||
-ms-text-size-adjust: 100%; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove default margin.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Links
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Address `outline` inconsistency between Chrome and other browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
a:focus {
|
|
||||||
outline: thin dotted;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Improve readability when focused and also mouse hovered in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
a:active,
|
|
||||||
a:hover {
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Typography
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Address variable `h1` font-size and margin within `section` and `article`
|
|
||||||
* contexts in Firefox 4+, Safari 5, and Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2em;
|
|
||||||
margin: 0.67em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Address styling not present in IE 8/9, Safari 5, and Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
abbr[title] {
|
|
||||||
border-bottom: 1px dotted;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Address styling not present in Safari 5 and Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
dfn {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Address differences between Firefox and other browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
hr {
|
|
||||||
-moz-box-sizing: content-box;
|
|
||||||
box-sizing: content-box;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Address styling not present in IE 8/9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
mark {
|
|
||||||
background: #ff0;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct font family set oddly in Safari 5 and Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
pre,
|
|
||||||
samp {
|
|
||||||
font-family: monospace, serif;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Improve readability of pre-formatted text in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
pre {
|
|
||||||
white-space: pre-wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Set consistent quote types.
|
|
||||||
*/
|
|
||||||
|
|
||||||
q {
|
|
||||||
quotes: "\201C" "\201D" "\2018" "\2019";
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Address inconsistent and variable font size in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
small {
|
|
||||||
font-size: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
font-size: 75%;
|
|
||||||
line-height: 0;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
sup {
|
|
||||||
top: -0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
sub {
|
|
||||||
bottom: -0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Embedded content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove border when inside `a` element in IE 8/9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
img {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct overflow displayed oddly in IE 9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Figures
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Address margin not present in IE 8/9 and Safari 5.
|
|
||||||
*/
|
|
||||||
|
|
||||||
figure {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Forms
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Define consistent border, margin, and padding.
|
|
||||||
*/
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
border: 1px solid #c0c0c0;
|
|
||||||
margin: 0 2px;
|
|
||||||
padding: 0.35em 0.625em 0.75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct `color` not being inherited in IE 8/9.
|
|
||||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
|
||||||
*/
|
|
||||||
|
|
||||||
legend {
|
|
||||||
border: 0; /* 1 */
|
|
||||||
padding: 0; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct font family not being inherited in all browsers.
|
|
||||||
* 2. Correct font size not being inherited in all browsers.
|
|
||||||
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
font-family: inherit; /* 1 */
|
|
||||||
font-size: 100%; /* 2 */
|
|
||||||
margin: 0; /* 3 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
|
||||||
* the UA stylesheet.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input {
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
|
||||||
* All other form control elements do not inherit `text-transform` values.
|
|
||||||
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
|
|
||||||
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
select {
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
|
||||||
* and `video` controls.
|
|
||||||
* 2. Correct inability to style clickable `input` types in iOS.
|
|
||||||
* 3. Improve usability and consistency of cursor style between image-type
|
|
||||||
* `input` and others.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
html input[type="button"], /* 1 */
|
|
||||||
input[type="reset"],
|
|
||||||
input[type="submit"] {
|
|
||||||
-webkit-appearance: button; /* 2 */
|
|
||||||
cursor: pointer; /* 3 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Re-set default cursor for disabled elements.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button[disabled],
|
|
||||||
html input[disabled] {
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Address box sizing set to `content-box` in IE 8/9.
|
|
||||||
* 2. Remove excess padding in IE 8/9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
input[type="checkbox"],
|
|
||||||
input[type="radio"] {
|
|
||||||
box-sizing: border-box; /* 1 */
|
|
||||||
padding: 0; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
|
||||||
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
|
||||||
* (include `-moz` to future-proof).
|
|
||||||
*/
|
|
||||||
|
|
||||||
input[type="search"] {
|
|
||||||
-webkit-appearance: textfield; /* 1 */
|
|
||||||
-moz-box-sizing: content-box;
|
|
||||||
-webkit-box-sizing: content-box; /* 2 */
|
|
||||||
box-sizing: content-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
|
||||||
* on OS X.
|
|
||||||
*/
|
|
||||||
|
|
||||||
input[type="search"]::-webkit-search-cancel-button,
|
|
||||||
input[type="search"]::-webkit-search-decoration {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove inner padding and border in Firefox 4+.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button::-moz-focus-inner,
|
|
||||||
input::-moz-focus-inner {
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Remove default vertical scrollbar in IE 8/9.
|
|
||||||
* 2. Improve readability and alignment in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
overflow: auto; /* 1 */
|
|
||||||
vertical-align: top; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Tables
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove most spacing between table cells.
|
|
||||||
*/
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
||||||
|
|
@ -1,171 +0,0 @@
|
||||||
/*! sakrecoer sheet */
|
|
||||||
@font-face {
|
|
||||||
font-family: BAnkrutt;
|
|
||||||
src: url('BAnkrutt.otf');
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
margin: auto;
|
|
||||||
background-color: #606;
|
|
||||||
font-size: 1em;
|
|
||||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
||||||
padding: 5px 20px 40px 20px;
|
|
||||||
text-align: left;
|
|
||||||
background-image:url('/assets/img/micro_logo.png');
|
|
||||||
}
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4 {
|
|
||||||
font-family: BAnkrutt;
|
|
||||||
text-transform: lowercase;
|
|
||||||
}
|
|
||||||
a:link,
|
|
||||||
a:visited,
|
|
||||||
a:hover,
|
|
||||||
a:active,
|
|
||||||
a:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a,
|
|
||||||
a:link,
|
|
||||||
a:visited {
|
|
||||||
color: #fff;
|
|
||||||
-webkit-transition-property: hover;
|
|
||||||
-webkit-transition: color 0.15s ease-in-out;
|
|
||||||
-moz-transition: color 0.15s linear 0s; /* firefox 4 */
|
|
||||||
-o-transition-property: color; /* opera 10.5 */
|
|
||||||
-o-transition-duration: 0.15s;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
color: #f00;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
a:active {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*! NAVIGATION */
|
|
||||||
|
|
||||||
#header {
|
|
||||||
margin: auto;
|
|
||||||
line-height: 24px;
|
|
||||||
z-index: 1000;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
|
||||||
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#footer {
|
|
||||||
margin: auto;
|
|
||||||
line-height: 12px;
|
|
||||||
font-size: 0.75em;
|
|
||||||
text-align: center;
|
|
||||||
z-index: 1000;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
#main-menu-links {
|
|
||||||
margin: auto;
|
|
||||||
font-family: BAnkrutt;
|
|
||||||
font-size: 3em;
|
|
||||||
margin-right: 5px;
|
|
||||||
line-height: 36px
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-menu-links a {
|
|
||||||
color: #fff;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
#main-menu-links a:hover,
|
|
||||||
#main-menu-links a:focus {
|
|
||||||
color: #f00;
|
|
||||||
}
|
|
||||||
#main-menu-links a:active {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
#footer-menu-links {
|
|
||||||
margin: auto;
|
|
||||||
font-family: BAnkrutt;
|
|
||||||
font-size: 3em;
|
|
||||||
line-height: 36px;
|
|
||||||
margin: auto;
|
|
||||||
text-align: center;
|
|
||||||
z-index: 1000;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
|
||||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer-menu-links a {
|
|
||||||
color: #fff;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
#footer-menu-links a:hover,
|
|
||||||
#main-menu-links a:focus {
|
|
||||||
color: #f00;
|
|
||||||
}
|
|
||||||
#footer-menu-links a:active {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*! CONTENT */
|
|
||||||
|
|
||||||
#content{
|
|
||||||
margin: auto;
|
|
||||||
text-shadow:2px 2px 4px #fff;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
#About .about,
|
|
||||||
#Blog .blog,
|
|
||||||
#Discography .discog,
|
|
||||||
#Music .music,
|
|
||||||
#Video .video {
|
|
||||||
color: #f00;
|
|
||||||
text-shadow: 1px 0px 4px rgba(255, 255, 255, 0.25),
|
|
||||||
-1px 0px 4px rgba(255, 255, 255, 0.25),
|
|
||||||
0px -1px 4px rgba(255, 255, 255, 0.25),
|
|
||||||
0px 1px 4px rgba(255, 255, 255, 0.25);
|
|
||||||
}
|
|
||||||
.tagline {
|
|
||||||
text-align: center;
|
|
||||||
margin-right: 5px;
|
|
||||||
margin-top: -5px;
|
|
||||||
font-size: 1.2em;
|
|
||||||
}
|
|
||||||
.date {
|
|
||||||
font-size: 0.6em;
|
|
||||||
}
|
|
||||||
/* Fullscreen Background image */
|
|
||||||
.image-fullscreen,
|
|
||||||
.image-fullscreen .mask {
|
|
||||||
background-repeat: repeat;
|
|
||||||
position:fixed;
|
|
||||||
left:0px;
|
|
||||||
top:0px;
|
|
||||||
right:0px;
|
|
||||||
bottom:0px;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
td {
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
#nextpager {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 1em;
|
|
||||||
padding: 30px 0 0 0;
|
|
||||||
}
|
|
||||||
4
assets/css/style.scss
Normal file
4
assets/css/style.scss
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
---
|
||||||
|
---
|
||||||
|
@import 'normalize';
|
||||||
|
@import 'main';
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
{% include base.html %}
|
|
||||||
{% include normalize.css %}
|
|
||||||
{% include style.css %}
|
|
||||||
{% include navmenu.css %}
|
|
||||||
|
Before Width: | Height: | Size: 6 KiB After Width: | Height: | Size: 6 KiB |
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 7.7 KiB |
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue