new layout
This commit is contained in:
sakrecoer
parent
511e4505bc
commit
26d67af4f6
|
|
@ -4,7 +4,7 @@
|
|||
external: false
|
||||
- icon: "\U0001F4BD"
|
||||
url: '/#read'
|
||||
name: Discog
|
||||
name: Music
|
||||
external_site: false
|
||||
- icon: "\U0001F4F0"
|
||||
url: https://t.basspistol.org/setto
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<!-- Scripts -->
|
||||
{% include relBase.html %}
|
||||
<script src="{{ relBase }}/assets/js/set-20201215.js"></script>
|
||||
<script src="{{ relBase }}/assets/js/set-20201225.js"></script>
|
||||
|
|
|
|||
|
|
@ -12,12 +12,12 @@ layout: nil
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="/assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="/assets/css/colors-20201215.css" />
|
||||
<link rel="stylesheet" href="/assets/css/main-20201215.css" />
|
||||
<link rel="stylesheet" href="/assets/css/colors-20201225.css" />
|
||||
<link rel="stylesheet" href="/assets/css/main-20201225.css" />
|
||||
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="/assets/css/noscripts-20201215.css" /></noscript>
|
||||
<noscript><link rel="stylesheet" href="/assets/css/noscripts-20201225.css" /></noscript>
|
||||
|
||||
<meta name="theme-color" content="{{ site.data.colors.bg }}"/>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,12 +11,12 @@
|
|||
{% include relBase.html %}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20201215.css" />
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20201215.css" />
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20201225.css" />
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20201225.css" />
|
||||
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20201215.css" /></noscript>
|
||||
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20201225.css" /></noscript>
|
||||
<script src="{{ relBase }}/assets/js/jquery-3.5.1.min.js"></script>
|
||||
<meta name="theme-color" content="{{ site.data.colors.bg }}"/>
|
||||
|
||||
|
|
|
|||
|
|
@ -6,51 +6,26 @@ layout: default
|
|||
|
||||
{% include relBase.html %}
|
||||
|
||||
<header class="hero" style="background-image: url({{ relBase }}{{ page.image }});">
|
||||
<header class="hero" id="play" 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="album-player">
|
||||
|
||||
|
||||
|
||||
<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">
|
||||
|
||||
<h1 class="shadow">{{ page.title }}</h1>
|
||||
<p class="shadow">{{ page.description }}</p>
|
||||
<div id="plwrap">
|
||||
<h4> </h4>
|
||||
<h4>Track list</h4>
|
||||
<ul id="plList">
|
||||
{% for track in album.tracks %}
|
||||
|
|
@ -85,6 +60,34 @@ layout: default
|
|||
</div>
|
||||
{% endif %}{% endfor %}
|
||||
</div>
|
||||
{% for album in site.albums %}
|
||||
{% if page.album == album.slug %}
|
||||
<div class="coverart" style="text-align: center;">
|
||||
<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 release:
|
||||
</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>
|
||||
</header>
|
||||
|
||||
|
|
|
|||
|
|
@ -5,14 +5,20 @@
|
|||
.album-player {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 80px 40px 0 40px;
|
||||
justify-content: space-evenly;
|
||||
flex-direction: column-reverse;
|
||||
padding: 0px 40px;
|
||||
justify-content: space-around;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
max-width: var(--max-width);
|
||||
margin: auto;
|
||||
flex: 1 1 auto;
|
||||
> div {
|
||||
margin: 20px 0;
|
||||
flex: 1 0 300px;
|
||||
}
|
||||
.description {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -26,6 +32,9 @@ audio {
|
|||
max-width: 700px;
|
||||
border-radius: 5px;
|
||||
width: 100%;
|
||||
.shadow {
|
||||
text-shadow: 0px 0px 15px var(--accent1),0px 0px 15px var(--accent1),0px 0px 30px var(--accent1),0px 0px 45px var(--accent1);
|
||||
}
|
||||
}
|
||||
#plwrap {
|
||||
|
||||
|
|
|
|||
|
|
@ -121,9 +121,10 @@ apps:
|
|||
<div class="description">
|
||||
<div class="container">
|
||||
<h2>{{ post.title }}</h2>
|
||||
<p><strong>{% include forloop-dates.html %}</strong></p>
|
||||
|
||||
<p><strong>{% for tag in post.tags %}{{ tag }}{% endfor %} released {% include forloop-dates.html %}</strong></p>
|
||||
<p>{{ post.description }}</p>
|
||||
<p><a href="{{ relBase }}{{ post.url }}#play" class="button">🔊 Listen</a></p>
|
||||
<p><a href="{{ relBase }}{{ post.url }}" class="button">🔊 Listen</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue