style
This commit is contained in:
Set Sakrecoer
parent
58c6ad52b6
commit
34abecbc4e
|
|
@ -84,7 +84,7 @@ permalink: /:categories/:title/
|
|||
# mime_type: "image/jpeg"
|
||||
# expandable: "true"
|
||||
|
||||
exclude: [".rvmrc", ".rbenv-version", "README.md", "Rakefile", "changelog.md", "*.*~"]
|
||||
exclude: [".rvmrc", ".rbenv-version", "README.md", "Rakefile", "changelog.md", "*.*~", "Gemfile", "Gemfile.lock"]
|
||||
audio_url : 'https://media.sakrecoer.com'
|
||||
banner: /assets/img/set.png
|
||||
|
||||
|
|
|
|||
|
|
@ -1 +1,2 @@
|
|||
<img src="{{ site.baseurl }}/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:relative;top:0;right:0;z-index:77777;"/>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div id="navigation">
|
||||
{% if page.collection == 'tracks' %}
|
||||
<a href="{{ site.baseurl }}./index.html" alt="Back" title="Back">
|
||||
{% elsif page.url == '/' %}
|
||||
{% elsif page.url != '/music/' %}
|
||||
<a href="{{ site.baseurl }}/music/" alt="Music" title="Music">
|
||||
{% else %}
|
||||
<a href="{{ site.baseurl }}/" alt="Back" title="About">
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<link rel="apple-touch-icon" href="{{ site.baseurl }}/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" href="{{ site.baseurl }}/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.png" type="image/png" />
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style2019-07.scss" />
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style2019-07.css" />
|
||||
{% include seo.html %}
|
||||
<style>
|
||||
body{
|
||||
|
|
@ -17,6 +17,6 @@ body{
|
|||
</head>
|
||||
<body>
|
||||
{{ content }}
|
||||
{% include cookiemonster.html %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -26,9 +26,11 @@ layout: default
|
|||
<div class="trackcontainer">
|
||||
|
||||
<h1>{{ page.title }}</h1>
|
||||
<p style="margin-bottom: 0px;">{{ page.keywords }}<br />{{ page.date | date: '%Y - %B' }}
|
||||
|
||||
<h2 id="tracktime">{{ page.keywords }}</h2>
|
||||
|
||||
<br />
|
||||
<span id="tracktime" style="font-weight: normal;"> </span></p>
|
||||
{% include cookiemonster.html %}
|
||||
</div>
|
||||
|
||||
<div id="timer">
|
||||
|
|
@ -39,8 +41,8 @@ layout: default
|
|||
</div>
|
||||
<!-- stylemachine by Sakrecoer -snipthis if ya feel it - its the pary that runs the player ;) -->
|
||||
</div>
|
||||
<audio preload="true"
|
||||
ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);">
|
||||
<audio preload="true" autoplay
|
||||
ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration) + ' Seconds';">
|
||||
<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>.
|
||||
|
|
@ -59,8 +61,8 @@ layout: default
|
|||
// only functional if "loop" is removed
|
||||
mu.pause();
|
||||
mu.currentTime = 0;
|
||||
{% if page.next_in_category != nil %}
|
||||
loadUrl('{{ site.baseurl }}{{ page.next_in_category.url }}'); return false;
|
||||
{% if page.previous != nil %}
|
||||
loadUrl('{{ site.baseurl }}{{ page.previous.url }}'); return false;
|
||||
{% endif %}
|
||||
// qq IE10
|
||||
muFade();
|
||||
|
|
|
|||
|
|
@ -160,7 +160,28 @@ a:hover {
|
|||
flex: 1 1 300px;
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
background: linear-gradient(230deg, rgba(218, 159, 142, 0.4), rgba(236, 0, 228, 0.4), rgba(0, 212, 236, 0.4), rgba(0, 236, 173, 0.4), rgba(110, 0, 236, 0.4));
|
||||
background-size: 1000% 1000%;
|
||||
|
||||
-webkit-animation: AnimationName 30s ease infinite;
|
||||
-moz-animation: AnimationName 30s ease infinite;
|
||||
animation: AnimationName 30s ease infinite;
|
||||
|
||||
@-webkit-keyframes AnimationName {
|
||||
0%{background-position:0% 91%}
|
||||
50%{background-position:100% 10%}
|
||||
100%{background-position:0% 91%}
|
||||
}
|
||||
@-moz-keyframes AnimationName {
|
||||
0%{background-position:0% 91%}
|
||||
50%{background-position:100% 10%}
|
||||
100%{background-position:0% 91%}
|
||||
}
|
||||
@keyframes AnimationName {
|
||||
0%{background-position:0% 91%}
|
||||
50%{background-position:100% 10%}
|
||||
100%{background-position:0% 91%}
|
||||
}
|
||||
|
||||
h1, h2, h3, p {
|
||||
padding: 5px;
|
||||
|
|
@ -364,4 +385,8 @@ min-height: 80vh;
|
|||
.logo {
|
||||
flex: 1 0 300px;
|
||||
box-shadow: none;
|
||||
background-image: url('/assets/img/body.png');
|
||||
background-size: 100%;
|
||||
background-repeat: repeat;
|
||||
|
||||
}
|
||||
|
|
@ -7,5 +7,6 @@ uid: burner
|
|||
category: music
|
||||
image: https://media.sakrecoer.com/2014-simio_sakrecoer-burner-burner.jpg
|
||||
keywords: Simio, kick-n-base, tropical, graffiti music,
|
||||
duration: 229000
|
||||
---
|
||||
Wicked And Funky Blockletter Burner Top to Bottom, rolling in to your HIFI system.
|
||||
|
|
|
|||
13
index.html
13
index.html
|
|
@ -14,10 +14,14 @@ layout: default
|
|||
Music.</h2>
|
||||
</div>
|
||||
<div class="pivot">
|
||||
|
||||
<h2>You are here</h2>
|
||||
<h1><a href="/about/" alt="About Sakrecoer">Where am I?</a></h1>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="pivot">
|
||||
|
||||
<h2>Stream</h2>
|
||||
<h1><a href="/music/" alt="Music of Sakrecoer">Music</a></h1>
|
||||
|
||||
|
|
@ -35,16 +39,19 @@ layout: default
|
|||
<div class="aboutflex">
|
||||
<div class="trackcontainer logo">
|
||||
|
||||
<div class="track" style="background-image:url('{{ site.baseurl }}/assets/img/sakrecoer-logo.svg');box-shadow:none;">
|
||||
<div class="track"
|
||||
style="background-image:url('{{ site.baseurl }}/assets/img/sakrecoer-logo.svg');box-shadow:none;">
|
||||
{% include cookiemonster.html %}
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="trackcontainer logo">
|
||||
|
||||
<div class="track" style="background-image:url('{{site.baseurl }}/assets/img/basspistol-Patches.svg');box-shadow:none;">
|
||||
</div>
|
||||
<div class="track"
|
||||
style="background-image:url('{{site.baseurl }}/assets/img/basspistol-Patches.svg');box-shadow:none;">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -10,7 +10,8 @@ layout: default
|
|||
|
||||
<a href="/"><img src="{{site.baseurl }}/assets/img/sakrecoer-logo.svg" width="100%" alt="sakrecoer logo"></a>
|
||||
|
||||
<h1>Music</h1>
|
||||
<h1 style="margin-bottom: 0px;">Music</h1>
|
||||
{% include cookiemonster.html %}
|
||||
</div>
|
||||
{% for track in site.tracks reversed %}
|
||||
<div class="trackcontainer">
|
||||
|
|
|
|||
Loading…
Reference in a new issue