diff --git a/_config.yml b/_config.yml index a0141fa..9e9cfc4 100644 --- a/_config.yml +++ b/_config.yml @@ -124,6 +124,21 @@ defaults: height: 720 resize_style: cover uploads_dir: "/images/posts" + video_file: + uploads_dir: "/videos" # --------- # Translate lang: en + +## Colors + +bg: '#3c2a52' +bg-alt: 'rgba(31, 23, 41, 0.75)' +fg: '#ebdbf8' +fg-alt: 'rgba(235, 219, 248, 0.25)' +border: '#000000' +border-alt: 'rgba(0, 0, 0, 0.75)' +accent1: '#38ff59' +accent1-alt: 'rgba(56, 255, 89, 0.75)' +accent2: '#8d3ed8' +accent2-alt: 'rgba(141, 62, 216, 0.75)' \ No newline at end of file diff --git a/_includes/header.html b/_includes/header.html index 25ed8e7..14b75ac 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,7 +1,20 @@
-

{{ page.title }}

-

{{ page.description }}

-
-
+

{{ page.title }}

+

{{ page.description }}

+ {% if page.category == 'releases' %} +

Listen

+ {% endif %} + {% if page.category == 'ramblings' %} +

Read

+ {% endif %} + +
+ +
+ {% if page.video_file %} + + {% endif %}
diff --git a/_layouts/post.html b/_layouts/post.html index 209ada5..d49eb84 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -31,7 +31,9 @@ layout: default
- +
+
+
{% for track in album.tracks %}
@@ -47,10 +49,12 @@ layout: default
+
+ {% assign author_id = page.author | prepend: "/authors/" | append: "/" %} {% assign author = site.authors | where: "url", author_id | first %}
@@ -232,6 +236,7 @@ layout: default if ((index + 1) < trackCount) { index++; loadTrack(index); + playTrack(index); audio.play(); } else { audio.pause(); @@ -304,8 +309,8 @@ layout: default {% else %} {% include header.html %} -
-
+
+
{{ content }}

 

Check it out

diff --git a/_layouts/track.html b/_layouts/track.html index 3db5ad6..0f39de2 100644 --- a/_layouts/track.html +++ b/_layouts/track.html @@ -11,9 +11,9 @@ layout: default
-
+
Play! -
+

{% for style in page.common.genre %}{{ style }}{% endfor %} by {{ page.common.artist }}
{{ page.common.year }}

@@ -24,24 +24,17 @@ layout: default
-

{{ page.common.title }}

+

{{ page.common.title }}

{% assign round_seconds = page.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}

{% include author.html %} -
-

{{ page.common.title }}

-

{% for style in page.common.genre %}{{ style }}{% endfor %} by {{ page.common.artist }} -
{{ page.common.year }} -

-

{% assign round_seconds = page.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}

+ - -
+

Play!

+ @@ -70,7 +63,7 @@ layout: default

{% for albumurl in site.posts %} {% if albumurl.album == page.albumSlug %} -See release page +

See release page

{% endif %} {% endfor %}
diff --git a/_posts/2018-12-17-satoshi-mon-ami.md b/_posts/2018-12-17-satoshi-mon-ami.md index a88298e..32e7a9e 100644 --- a/_posts/2018-12-17-satoshi-mon-ami.md +++ b/_posts/2018-12-17-satoshi-mon-ami.md @@ -6,6 +6,7 @@ description: >- The 2 tracks of laid back cloud rap are tales of daily digital life-struggles. When day-to-day communication blurs the line between the virtual and real. image: /images/posts/1-k-as-tu-fait-de-nous-.jpeg +video_file: /videos/satoshi.webm category: releases tags: EP link: diff --git a/_posts/2019-02-07-darkweb.md b/_posts/2019-02-07-darkweb.md index 9c63fe7..45cbbd7 100644 --- a/_posts/2019-02-07-darkweb.md +++ b/_posts/2019-02-07-darkweb.md @@ -6,6 +6,7 @@ description: >- As dystopian as the present might seem on-line, there is always room for the strange in the cypher... image: /images/darkweb.jpg +video_file: /videos/darkweb.webm category: releases tags: EP link: diff --git a/_posts/2019-12-12-cyber-grany.md b/_posts/2019-12-12-cyber-grany.md index d132d0c..529ef8a 100644 --- a/_posts/2019-12-12-cyber-grany.md +++ b/_posts/2019-12-12-cyber-grany.md @@ -4,6 +4,7 @@ author: setto date: 2019-12-12 03:03:00 description: Jazzy Cybersoul with a hint of 303 baselines. image: /images/posts/1-grandma-got-the-ssh-keys.jpeg +video_file: category: releases tags: single link: diff --git a/_posts/2020-04-19-live-with-hardware.md b/_posts/2020-04-19-live-with-hardware.md index d214284..5bb7682 100644 --- a/_posts/2020-04-19-live-with-hardware.md +++ b/_posts/2020-04-19-live-with-hardware.md @@ -7,6 +7,7 @@ description: >- can't get my finger on. Assumptions and projections that I think partially stem from the lack in body language image: /images/posts/1-ep-life-of-a-dudelini.jpeg +video_file: category: releases tags: single link: diff --git a/_posts/2020-08-02-unmet-dependencies.md b/_posts/2020-08-02-unmet-dependencies.md index 39aabb3..df0554c 100644 --- a/_posts/2020-08-02-unmet-dependencies.md +++ b/_posts/2020-08-02-unmet-dependencies.md @@ -10,6 +10,7 @@ description: >- Open your mind, open the source! image: /images/posts/final-pingnucover1220x1200.jpg +video_file: category: releases tags: EP link: diff --git a/_posts/2020-08-03-333mix.md b/_posts/2020-08-03-333mix.md index 63a88ae..66ba47b 100644 --- a/_posts/2020-08-03-333mix.md +++ b/_posts/2020-08-03-333mix.md @@ -5,6 +5,7 @@ date: 2020-08-03 00:00 description: >- Pignu got Chopped & Screwed by KodTreatment image: /images/posts/333mix.jpg +video_file: category: ramblings link: https://kodtreatment.bandcamp.com/ check_this_if_cannot_be_bought: true diff --git a/_posts/_defaults.md b/_posts/_defaults.md index ab7b887..4cb3ed5 100644 --- a/_posts/_defaults.md +++ b/_posts/_defaults.md @@ -4,6 +4,7 @@ author: date: description: image: +video_file: category: link: check_this_if_cannot_be_bought: false diff --git a/_sass/_layout.scss b/_sass/_layout.scss index f62c6c4..96c36bf 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -55,6 +55,9 @@ body { text-align: center; max-width: 1200px; } + p{ + margin-top: 40px; + } } .imagecontainer { diff --git a/_sass/_noscripts.scss b/_sass/_noscripts.scss index 1647212..39065a5 100644 --- a/_sass/_noscripts.scss +++ b/_sass/_noscripts.scss @@ -32,4 +32,7 @@ #fixed-player { display: unset; height: unset; +} +.hideWhenNoJS { + display: none; } \ No newline at end of file diff --git a/_sass/_videos.scss b/_sass/_videos.scss index 7f4b7b2..ac9c4fa 100644 --- a/_sass/_videos.scss +++ b/_sass/_videos.scss @@ -16,3 +16,10 @@ transform: translate(-50%, -50%); width: 100%; } +#myVideo { + position: absolute; + right: 0; + bottom: 0; + min-width: 100%; + min-height: 100%; +} \ No newline at end of file diff --git a/_sass/libs/_reset.scss b/_sass/libs/_reset.scss index b19b201..7a56930 100644 --- a/_sass/libs/_reset.scss +++ b/_sass/libs/_reset.scss @@ -30,7 +30,9 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } - +html { + scroll-behavior: smooth; +} body { line-height: 1.75; } diff --git a/_sass/libs/_vars.scss b/_sass/libs/_vars.scss index b79c2e6..1a8ebe8 100644 --- a/_sass/libs/_vars.scss +++ b/_sass/libs/_vars.scss @@ -133,8 +133,8 @@ $font: ( // Palette. $palette: ( - bg: #1f1729, - bg-alt: rgba(31, 23, 41, 0.75), + bg: rgb(60, 42, 82), + bg-alt: rgba(60, 42, 82, 0.75), fg: #ebdbf8, fg-alt: rgba(235, 219, 248, 0.25), border: #000000, diff --git a/_sass/trackplayer.scss b/_sass/trackplayer.scss index 5c3517c..59bd87a 100644 --- a/_sass/trackplayer.scss +++ b/_sass/trackplayer.scss @@ -66,6 +66,9 @@ margin: 20px; padding: 0; } + h1 { + margin-top:80px; + } } .post-nav-next { @@ -82,7 +85,7 @@ @media only screen and (max-width: 1023px) { #trackArt { - height: 80vh; + min-width: 100%; section { position: absolute; @@ -93,10 +96,14 @@ } } #trackInfo { - height: unset; - overflow-y: unset; - } - + height: unset; + overflow-y: unset; + section { + h1 { + margin-top:0; + } + } + } } .bouncer { diff --git a/assets/img/vignette-footer.svg b/assets/img/vignette-footer.svg index 7099312..91c566f 100644 --- a/assets/img/vignette-footer.svg +++ b/assets/img/vignette-footer.svg @@ -1,9 +1,12 @@ +--- +layout: nil +--- - - + + diff --git a/assets/img/vignette.svg b/assets/img/vignette.svg index eeb9d4a..65eb835 100644 --- a/assets/img/vignette.svg +++ b/assets/img/vignette.svg @@ -1,9 +1,12 @@ +--- +layout: nil +--- - - + + diff --git a/videos/darkweb.webm b/videos/darkweb.webm new file mode 100644 index 0000000..81e1a12 Binary files /dev/null and b/videos/darkweb.webm differ diff --git a/videos/satoshi.webm b/videos/satoshi.webm new file mode 100644 index 0000000..fd4a33f Binary files /dev/null and b/videos/satoshi.webm differ