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"
# 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

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">
{% 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">

4
_layouts/default.html
View file

@ -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>

14
_layouts/music.html
View file

@ -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;">&nbsp;</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();

25
_sass/main.scss
View file

@ -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;
}

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

@ -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.

23
index.html
View file

@ -14,19 +14,23 @@ 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>
</div>
<div class="fullscreen-bg">
<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.mp4" type="video/mp4">
<!-- <source src="video/big_buck_bunny.ogv" type="video/ogg"> -->
<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="video/big_buck_bunny.ogv" type="video/ogg"> -->
</video>
</div>
@ -35,18 +39,21 @@ 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>
<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>
</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>
<h1>Music</h1>
<h1 style="margin-bottom: 0px;">Music</h1>
{% include cookiemonster.html %}
</div>
{% for track in site.tracks reversed %}
<div class="trackcontainer">

0
robot.txt → robots.txt
View file