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

style

Browse source
This commit is contained in:
Set Sakrecoer 2019-07-13 23:44:59 +02:00
parent 58c6ad52b6
commit 34abecbc4e
10 changed files with 60 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_config.yml
View file

@ -84,7 +84,7 @@ permalink: /:categories/:title/
# mime_type: "image/jpeg" # mime_type: "image/jpeg"
# expandable: "true" # 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' audio_url : 'https://media.sakrecoer.com'
banner: /assets/img/set.png banner: /assets/img/set.png

3
_includes/cookiemonster.html
View file

@ -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;"/>

2
_includes/navmenu.html
View file

@ -1,7 +1,7 @@
<div id="navigation"> <div id="navigation">
{% if page.collection == 'tracks' %} {% if page.collection == 'tracks' %}
<a href="{{ site.baseurl }}./index.html" alt="Back" title="Back"> <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"> <a href="{{ site.baseurl }}/music/" alt="Music" title="Music">
{% else %} {% else %}
<a href="{{ site.baseurl }}/" alt="Back" title="About"> <a href="{{ site.baseurl }}/" alt="Back" title="About">

4
_layouts/default.html
View file

@ -7,7 +7,7 @@
<link rel="apple-touch-icon" href="{{ site.baseurl }}/apple-touch-icon.png"> <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="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="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 %} {% include seo.html %}
<style> <style>
body{ body{
@ -17,6 +17,6 @@ body{
</head> </head>
<body> <body>
{{ content }} {{ content }}
{% include cookiemonster.html %}
</body> </body>
</html> </html>

16
_layouts/music.html
View file

@ -24,11 +24,13 @@ layout: default
</div> </div>
<div class="trackcontainer"> <div class="trackcontainer">
<h1>{{ page.title }}</h1>
<h2 id="tracktime">{{ page.keywords }}</h2> <h1>{{ page.title }}</h1>
<p style="margin-bottom: 0px;">{{ page.keywords }}<br />{{ page.date | date: '%Y - %B' }}
<br />
<span id="tracktime" style="font-weight: normal;">&nbsp;</span></p>
{% include cookiemonster.html %}
</div> </div>
<div id="timer"> <div id="timer">
@ -39,8 +41,8 @@ layout: default
</div> </div>
<!-- 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 ;) -->
</div> </div>
<audio preload="true" <audio preload="true" autoplay
ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);"> ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration) + ' Seconds';">
<source src="{{ page.mp3 }}" type="audio/mpeg" /> <source src="{{ page.mp3 }}" type="audio/mpeg" />
<source src="{{ page.ogg }}" type="audio/ogg" /> <source src="{{ 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>.
@ -59,8 +61,8 @@ layout: default
// 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.previous != nil %}
loadUrl('{{ site.baseurl }}{{ page.next_in_category.url }}'); return false; loadUrl('{{ site.baseurl }}{{ page.previous.url }}'); return false;
{% endif %} {% endif %}
// qq IE10 // qq IE10
muFade(); muFade();

29
_sass/main.scss
View file

@ -160,7 +160,28 @@ a:hover {
flex: 1 1 300px; flex: 1 1 300px;
padding: 10px; padding: 10px;
margin: 0; 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 { h1, h2, h3, p {
padding: 5px; padding: 5px;
@ -202,7 +223,7 @@ a:hover {
margin: 0; margin: 0;
border-radius: 3px; border-radius: 3px;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.13); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.13);
} }
/* Music Template */ /* Music Template */
@ -364,4 +385,8 @@ min-height: 80vh;
.logo { .logo {
flex: 1 0 300px; flex: 1 0 300px;
box-shadow: none; box-shadow: none;
background-image: url('/assets/img/body.png');
background-size: 100%;
background-repeat: repeat;
} }

1
_tracks/2014-02-03-burner.md
View file

@ -7,5 +7,6 @@ uid: burner
category: music category: music
image: https://media.sakrecoer.com/2014-simio_sakrecoer-burner-burner.jpg image: https://media.sakrecoer.com/2014-simio_sakrecoer-burner-burner.jpg
keywords: Simio, kick-n-base, tropical, graffiti music, keywords: Simio, kick-n-base, tropical, graffiti music,
duration: 229000
--- ---
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.

23
index.html
View file

@ -14,19 +14,23 @@ layout: default
Music.</h2> Music.</h2>
</div> </div>
<div class="pivot"> <div class="pivot">
<h2>You are here</h2> <h2>You are here</h2>
<h1><a href="/about/" alt="About Sakrecoer">Where am I?</a></h1> <h1><a href="/about/" alt="About Sakrecoer">Where am I?</a></h1>
</div> </div>
<div class="pivot"> <div class="pivot">
<h2>Stream</h2> <h2>Stream</h2>
<h1><a href="/music/" alt="Music of Sakrecoer">Music</a></h1> <h1><a href="/music/" alt="Music of Sakrecoer">Music</a></h1>
</div> </div>
<div class="fullscreen-bg"> <div class="fullscreen-bg">
<video loop muted autoplay poster="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" class="fullscreen-bg__video"> <video loop muted autoplay poster="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" class="fullscreen-bg__video">
<source src="{{ site.baseurl }}/assets/vi/0001-0076.webm" type="video/webm"> <source src="{{ site.baseurl }}/assets/vi/0001-0076.webm" type="video/webm">
<source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4"> <source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4">
<!-- <source src="video/big_buck_bunny.ogv" type="video/ogg"> --> <!-- <source src="video/big_buck_bunny.ogv" type="video/ogg"> -->
</video> </video>
</div> </div>
@ -35,18 +39,21 @@ layout: default
<div class="aboutflex"> <div class="aboutflex">
<div class="trackcontainer logo"> <div class="trackcontainer logo">
<div class="track" style="background-image:url('{{ site.baseurl }}/assets/img/sakrecoer-logo.svg');box-shadow:none;"> <div class="track"
</div> style="background-image:url('{{ site.baseurl }}/assets/img/sakrecoer-logo.svg');box-shadow:none;">
{% include cookiemonster.html %}
</div>
</div> </div>
<div class="trackcontainer logo"> <div class="trackcontainer logo">
<div class="track" style="background-image:url('{{site.baseurl }}/assets/img/basspistol-Patches.svg');box-shadow:none;"> <div class="track"
</div> style="background-image:url('{{site.baseurl }}/assets/img/basspistol-Patches.svg');box-shadow:none;">
</div>
</div> </div>
</div> </div>
</div> </div>

3
music.html
View file

@ -10,7 +10,8 @@ layout: default
<a href="/"><img src="{{site.baseurl }}/assets/img/sakrecoer-logo.svg" width="100%" alt="sakrecoer logo"></a> <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> </div>
{% for track in site.tracks reversed %} {% for track in site.tracks reversed %}
<div class="trackcontainer"> <div class="trackcontainer">

0
robot.txt → robots.txt
View file