revamps
This commit is contained in:
sakrecoer
parent
1c3e2d83dc
commit
79682bb286
4
.gitignore
vendored
4
.gitignore
vendored
|
|
@ -25,4 +25,6 @@ _data/.~lock.*.csv
|
|||
|
||||
## No cover artwork or Mp3
|
||||
*.mp3
|
||||
assets/albums/
|
||||
assets/albums/
|
||||
# No Media Symbolic links
|
||||
media
|
||||
|
|
|
|||
|
|
@ -29,9 +29,9 @@ banner: /images/setto-logo.svg
|
|||
banner-vert: /images/setto_logo.svg
|
||||
icon: /images/setto-logoicon.svg
|
||||
logo: /images/setto-logo.svg
|
||||
logo-footer: /images/setto-logo-dark.svg
|
||||
mediaurl: https://media.basspistol.com/setto.basspistol.com
|
||||
# mediaurl: /assets/albums
|
||||
logo-footer: /images/setto-logoicon-footer.svg
|
||||
# mediaurl: https://media.basspistol.com/setto.basspistol.com
|
||||
mediaurl: /media
|
||||
|
||||
publisher:
|
||||
name: Basspistol
|
||||
|
|
|
|||
|
|
@ -1,16 +1,20 @@
|
|||
- name: Support
|
||||
url: '#support'
|
||||
icon: 🌮
|
||||
external: false
|
||||
- icon: "\U0001F4BD"
|
||||
url: /discography/
|
||||
url: '/#read'
|
||||
name: Discog
|
||||
external_site: false
|
||||
- icon: "\U0001F4F0"
|
||||
url: /log/
|
||||
url: https://t.basspistol.org/setto
|
||||
name: Log
|
||||
external_site: false
|
||||
- icon: "\U0001F4FA"
|
||||
external_site: true
|
||||
- icon: 📹
|
||||
url: 'https://v.basspistol.org/accounts/setto/video-channels'
|
||||
name: Video
|
||||
external_site: true
|
||||
- icon: "\U0001F43F"
|
||||
- icon: ㊙️
|
||||
url: /about/
|
||||
name: About
|
||||
external_site: false
|
||||
|
|
@ -18,7 +22,7 @@
|
|||
url: /links/
|
||||
name: Links
|
||||
external_site: false
|
||||
- icon: "\U0001F4E2"
|
||||
- icon: 👋
|
||||
url: '/chat/#read'
|
||||
name: Chat
|
||||
external_site: false
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
|
||||
<div><a href="#main-wrapper"><img src="{{ relBase }}{{ site.icon }}" alt="{{ site.title }} Logo" /></a></div>
|
||||
<div><a href="#main-wrapper"><img src="{{ relBase }}{{ site.logo-footer }}" alt="{{ site.title }} Logo" /></a></div>
|
||||
|
||||
<small>
|
||||
<div style="text-align: center;">
|
||||
|
|
|
|||
|
|
@ -3,129 +3,133 @@ layout: default
|
|||
---
|
||||
{% if page.category == 'releases' %}
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
{% include relBase.html %}
|
||||
|
||||
<header class="hero" style="background-image: url({{ relBase }}{{ page.image }});">
|
||||
<div class="imagecontainer">
|
||||
<h4>{{ page.title }}</h4>
|
||||
</div>
|
||||
<div class="splash">
|
||||
<div class="splash-logo">
|
||||
{% for album in site.albums %}
|
||||
{% if page.album == album.slug %}
|
||||
<div class="coverart">
|
||||
<div class="coverartwrapper">
|
||||
<div id="npImage" class="coverartwrapped"></div>
|
||||
</div>
|
||||
{% assign author_id = page.author | prepend: "/authors/" | append: "/" %}
|
||||
{% assign author = site.authors | where: "url", author_id | first %}
|
||||
<div id="author">
|
||||
<div class="bio">
|
||||
<p class="date">
|
||||
Published the
|
||||
<time datetime="{{ page.date }}">{% include dates.html %}</time>
|
||||
</p>
|
||||
<h6>
|
||||
Share this page:
|
||||
</h6>
|
||||
<ul>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u={{ site.url }}{{ page.url | xml_escape }}?pk_campaign=homeshare&quote={{ page.description | xml_escape }}%20By%20{{ site.title | xml_escape }}%20via%20{{ site.url }}" class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url={{ site.url }}{{ page.url | xml_escape }}?pk_campaign=homeshare&text={{ page.description | xml_escape }}%20via%20@{{ site.social.usernames.twitter }}%20&hashtags=#{{ site.social.hashtag }}" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url={{ site.url }}{{ page.url }}?pk_campaign=homeshare&text={{ page.description | xml_escape }}%20via%20@{{ site.social.usernames.telegram }}" class="icon smaller fab fa-telegram"><span class="label ">Telegram</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url={{ site.url }}{{ page.url }}?pk_campaign=homeshare&title={{ page.description | xml_escape }}%20By%20{{ site.title | xml_escape }}" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}{% endfor %}
|
||||
</div>
|
||||
<div class="description">
|
||||
|
||||
<h1>{{ page.title }}</h1>
|
||||
<p>{{ page.description }}</p>
|
||||
|
||||
{% for album in site.albums %}
|
||||
{% if page.album == album.slug %}
|
||||
{% assign onetracker = album.tracks | size %}
|
||||
<div class="player-wrap">
|
||||
|
||||
<div id="plwrap">
|
||||
<h4>Track list</h4>
|
||||
<ul id="plList">
|
||||
{% for track in album.tracks %}
|
||||
<li class="" {% if onetracker == 1 %}style="border-radius: 5px;"{% endif %}>
|
||||
<div class="plItem">
|
||||
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||
<div class="plTitle">{{ track.common.title }}</div>
|
||||
<div class="plLength">
|
||||
{% assign round_seconds = track.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 }}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="noJSalbum">
|
||||
<div class="coverartwrapper">
|
||||
<div class="coverartwrapped" style="background-image: url({{ page.image }});"></div>
|
||||
</div>
|
||||
{% for track in album.tracks %}
|
||||
|
||||
<div class="plItem">
|
||||
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||
<div class="plTitle"><a href="{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.mp3" target="_blank"
|
||||
rel="noopener">{{ track.common.title }} </a></div>
|
||||
<div class="plLength">
|
||||
{% assign round_seconds = track.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 }}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function generateRandomPosts()
|
||||
{
|
||||
$.getJSON("/posts.json", function(data) {
|
||||
console.log("[posts.json loaded for random posts]");
|
||||
|
||||
var postsCount = data.length;
|
||||
var posts = data;
|
||||
|
||||
var randomIndexUsed = [];
|
||||
var counter = 0;
|
||||
var numberOfPosts = 1;
|
||||
|
||||
var divRandomPosts = $("#random_posts");
|
||||
|
||||
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('<a class="button" href="' + postHREF + '">🔥</a>');
|
||||
}
|
||||
else
|
||||
{
|
||||
divRandomPosts.append('<a class="button" href="' + postHREF + '">🔥</a>');
|
||||
}
|
||||
|
||||
randomIndexUsed.push(randomIndex);
|
||||
|
||||
counter++;
|
||||
}
|
||||
function generateRandomPosts() {
|
||||
$.getJSON("/posts.json", function (data) {
|
||||
console.log("[posts.json loaded for random posts]");
|
||||
var postsCount = data.length;
|
||||
var posts = data;
|
||||
var randomIndexUsed = [];
|
||||
var counter = 0;
|
||||
var numberOfPosts = 1;
|
||||
var divRandomPosts = $("#random_posts");
|
||||
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('<a class="button" href="' + postHREF + '">🔥</a>');
|
||||
}
|
||||
});
|
||||
else {
|
||||
divRandomPosts.append('<a class="button" href="' + postHREF + '">🔥</a>');
|
||||
}
|
||||
randomIndexUsed.push(randomIndex);
|
||||
counter++;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
generateRandomPosts();
|
||||
$(document).ready(function () {
|
||||
generateRandomPosts();
|
||||
});
|
||||
|
||||
</script>
|
||||
<section id="play">
|
||||
<div class="album-player">
|
||||
|
||||
<!-- HERE BEGINS MADNESS -->
|
||||
|
||||
{% for album in site.albums %}
|
||||
{% if page.album == album.slug %}
|
||||
{% assign onetracker = album.tracks | size %}
|
||||
<div class="player-wrap">
|
||||
|
||||
<div id="plwrap">
|
||||
<h2>Track list</h2>
|
||||
<ul id="plList">
|
||||
{% for track in album.tracks %}
|
||||
<li class="" {% if onetracker == 1 %}style="border-radius: 5px;"{% endif %}>
|
||||
<div class="plItem">
|
||||
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||
<div class="plTitle">{{ track.common.title }}</div>
|
||||
<div class="plLength">
|
||||
{% assign round_seconds = track.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 }}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<h2 style="text-align: center;"><a href="#support" class="button">🙏 Support</a></h2>
|
||||
</div>
|
||||
<div class="noJSalbum">
|
||||
<div class="coverartwrapper">
|
||||
<div class="coverartwrapped" style="background-image: url({{ page.image }});"></div>
|
||||
</div>
|
||||
{% for track in album.tracks %}
|
||||
|
||||
<div class="plItem">
|
||||
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||
<div class="plTitle"><a href="{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.mp3" target="_blank"
|
||||
rel="noopener">{{ track.common.title }} </a></div>
|
||||
<div class="plLength">
|
||||
{% assign round_seconds = track.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 }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="coverart">
|
||||
<div class="coverartwrapper">
|
||||
<div id="npImage" class="coverartwrapped"></div>
|
||||
</div>
|
||||
|
||||
{% assign author_id = page.author | prepend: "/authors/" | append: "/" %}
|
||||
{% assign author = site.authors | where: "url", author_id | first %}
|
||||
<div id="author">
|
||||
<div class="bio">
|
||||
<p class="date">
|
||||
Published the
|
||||
<time datetime="{{ page.date }}">{% include dates.html %}</time>
|
||||
</p>
|
||||
<h6>
|
||||
Share this page:
|
||||
</h6>
|
||||
<ul>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u={{ site.url }}{{ page.url | xml_escape }}?pk_campaign=homeshare&quote={{ page.description | xml_escape }}%20By%20{{ site.title | xml_escape }}%20via%20{{ site.url }}" class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url={{ site.url }}{{ page.url | xml_escape }}?pk_campaign=homeshare&text={{ page.description | xml_escape }}%20via%20@{{ site.social.usernames.twitter }}%20&hashtags=#{{ site.social.hashtag }}" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url={{ site.url }}{{ page.url }}?pk_campaign=homeshare&text={{ page.description | xml_escape }}%20via%20@{{ site.social.usernames.telegram }}" class="icon smaller fab fa-telegram"><span class="label ">Telegram</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url={{ site.url }}{{ page.url }}?pk_campaign=homeshare&title={{ page.description | xml_escape }}%20By%20{{ site.title | xml_escape }}" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="info">
|
||||
<div class="container">
|
||||
{{ content }}
|
||||
|
|
|
|||
|
|
@ -134,7 +134,7 @@ body {
|
|||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
margin: 0 0 20px 0;
|
||||
margin: 0 0 10px 0;
|
||||
padding:0;
|
||||
font-size: 65px;
|
||||
}
|
||||
|
|
@ -218,10 +218,10 @@ section:first-of-type {
|
|||
footer {
|
||||
width: 100%;
|
||||
padding: 160px 20px 200px 20px;
|
||||
background-color: var(--fg);
|
||||
background-color: var(--border-alt);
|
||||
color: var(--bg);
|
||||
background-image: url("../img/vignette-footer.svg");
|
||||
background-size: 200px;
|
||||
background-size: 500px;
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
box-sizing: border-box;
|
||||
|
|
@ -229,12 +229,14 @@ footer {
|
|||
a {
|
||||
color: var(--bg);
|
||||
}
|
||||
|
||||
.icon {
|
||||
color: var(--bg);
|
||||
border: 1px solid var(--bg);
|
||||
}
|
||||
.icon:hover {
|
||||
border: 1px solid var(--accent2);
|
||||
color: var(--accent2);
|
||||
}
|
||||
.footframe {
|
||||
display: flex;
|
||||
|
|
@ -253,7 +255,7 @@ footer {
|
|||
width: 100%;
|
||||
}
|
||||
li {
|
||||
border-bottom: 1px solid var(--bg-alt);
|
||||
|
||||
line-height: 2;
|
||||
font-size: 1.5em;
|
||||
a {
|
||||
|
|
@ -261,6 +263,9 @@ footer {
|
|||
text-decoration: none;
|
||||
color: var(--bg);
|
||||
}
|
||||
a:hover {
|
||||
color: var(--accent2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -353,6 +358,9 @@ footer {
|
|||
text-align: center;
|
||||
line-height: 2em;
|
||||
padding: 0;
|
||||
h2 {
|
||||
margin-top: 80px;
|
||||
}
|
||||
}
|
||||
.streamer {
|
||||
max-width: var(--max-width);
|
||||
|
|
|
|||
|
|
@ -130,9 +130,8 @@
|
|||
font-family: 'Collects';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Collects'), local('Collects'), url(/assets/fonts/collects.ttf) format('truetype');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
src: local('Collects'), local('Collects'), url(/assets/fonts/fz.otf) format('opentype');
|
||||
}
|
||||
|
||||
|
||||
$font: (
|
||||
|
|
|
|||
BIN
assets/fonts/GN_KillGothic_U_KanaO.ttf
Normal file
BIN
assets/fonts/GN_KillGothic_U_KanaO.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Kaiso_Next_B.otf
Normal file
BIN
assets/fonts/Kaiso_Next_B.otf
Normal file
Binary file not shown.
BIN
assets/fonts/NikkyouSans_B6aV.ttf
Normal file
BIN
assets/fonts/NikkyouSans_B6aV.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/fz.otf
Normal file
BIN
assets/fonts/fz.otf
Normal file
Binary file not shown.
BIN
assets/fonts/togalite_black.otf
Normal file
BIN
assets/fonts/togalite_black.otf
Normal file
Binary file not shown.
2
images/setto-logoicon-footer.svg
Normal file
2
images/setto-logoicon-footer.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 37 KiB |
101
index.html
101
index.html
|
|
@ -12,19 +12,27 @@ apps:
|
|||
external: false
|
||||
- name: Video
|
||||
link: https://v.basspistol.org/video-channels/tosettosetto/
|
||||
icon: 📺
|
||||
icon: 📹
|
||||
external: true
|
||||
- name: Read
|
||||
link: '/log/'
|
||||
icon: 📰
|
||||
external: false
|
||||
- name: Support
|
||||
- name: Support🎶
|
||||
link: https://t.basspistol.org/setto/
|
||||
icon: 📢
|
||||
icon: 📰
|
||||
external: true
|
||||
- name: chat
|
||||
- name: Chat
|
||||
link: '/chat/#read'
|
||||
icon: 🗨️
|
||||
icon: 📡
|
||||
external: false
|
||||
- name: Matrix
|
||||
link: https://matrix.to/#/@sakrecoer:basspistol.org
|
||||
icon: 🕸
|
||||
external: true
|
||||
- name: Links
|
||||
link: /links/
|
||||
icon: 🔗
|
||||
external: false
|
||||
- name: Music
|
||||
link: '#read'
|
||||
icon: 🎶
|
||||
external: false
|
||||
---
|
||||
|
||||
|
|
@ -91,8 +99,8 @@ apps:
|
|||
|
||||
<h1>{{ site.title }}</h1>
|
||||
<p>{{ page.description }}</p>
|
||||
<ul>{% for app in page.apps %}
|
||||
<li><a href="{{ app.link }}" {% if app.external == true %}rel="noopener" target="_blank"{% endif %} class="button">{{ app.icon }}</a></li>
|
||||
<ul>{% for app in site.data.navigation %}
|
||||
<li><a href="{{ app.url }}" {% if app.external_site == true %}rel="noopener" target="_blank"{% endif %} class="button">{{ app.icon }}</a></li>
|
||||
{% endfor %}
|
||||
<li id="random_posts"></li>
|
||||
</ul>
|
||||
|
|
@ -101,67 +109,26 @@ apps:
|
|||
|
||||
|
||||
</header>
|
||||
<section id="read">
|
||||
|
||||
{% for post in site.posts limit: 3 %}
|
||||
{% if post.category == 'ramblings' %}
|
||||
<section id="read" class="front-section">
|
||||
</section>
|
||||
{% assign sorted = site.posts | sort: 'date' | reverse %}
|
||||
{% for post in sorted %}
|
||||
{% if post.category == 'releases' %}
|
||||
<section class="news" style="margin:0;">
|
||||
|
||||
<div style="background-image:url({{ post.image }})">
|
||||
<p class="editor-link"><a href="cloudcannon:collections/_posts/{{ post.path }}" rel="nofollow"
|
||||
class="btn"><strong>✎</strong> Edit Post</a></p>
|
||||
<div style="background-image:url({{ relBase }}{{ post.image }}"></div>
|
||||
<div class="description">
|
||||
<div class="container">
|
||||
<h2>{{ post.title }}</h2>
|
||||
<p><strong>{% include forloop-dates.html %}</strong></p>
|
||||
<p>{{ post.description }}</p>
|
||||
<p><a href="{{ relBase }}{{ post.url }}#play" class="button">🔊 Listen</a></p>
|
||||
</div>
|
||||
<div class="description">
|
||||
<div class="container">
|
||||
<div class="">
|
||||
<h3>{{ post.title }}</h3>
|
||||
{{ post.description }}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p><a class="button" href="{{ relBase }}{{ post.url }}#read">📰 Read Highlight</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
<section class="releases">
|
||||
<h2>Releases</h2>
|
||||
<div class="container">
|
||||
{% assign sorted = site.albums | sort: 'date' | reverse %}
|
||||
{% for album in sorted %}
|
||||
{% for post in site.posts %}
|
||||
{% if album.slug == post.album %}
|
||||
|
||||
<article>
|
||||
<figure>
|
||||
<a href="{{ post.url }}#play">
|
||||
<img src="{{ site.mediaurl }}/{{ album.tracks[0].slug }}.jpeg" alt="Cover art for {{ post.title }}" /></a>
|
||||
<figcaption>
|
||||
<strong>{{ album.name }}</strong><br />
|
||||
|
||||
{% assign total = 0 %}
|
||||
{% for track in album.tracks %}
|
||||
{% assign total = total | plus: track.format.duration %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
{% assign round_seconds = total | 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 }}
|
||||
|
||||
<br />
|
||||
|
||||
|
||||
{{ album.date | date: '%Y' }}
|
||||
</figcaption>
|
||||
</figure>
|
||||
</article>
|
||||
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in a new issue