new layout

_data/navigation.yml

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

_includes/scripts.html

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

_layouts/404page.html

@@ -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/colors-20201225.css" />
-<link rel="stylesheet" href="/assets/css/main-20201215.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 }}"/>
 

_layouts/default.html

@@ -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/colors-20201225.css" />
-<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20201215.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 }}"/>
 

_layouts/post.html

@@ -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="album-player">
-    <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 }}&quest;pk_campaign=homeshare&amp;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 }}&quest;pk_campaign=homeshare&amp;text={{ page.description | xml_escape }}%20via%20&#64;{{ site.social.usernames.twitter }}%20&amp;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 }}&quest;pk_campaign=homeshare&amp;text={{ page.description | xml_escape }}%20via%20&#64;{{ 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 }}&quest;pk_campaign=homeshare&amp;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">
-
+        <h1 class="shadow">{{ page.title }}</h1>
+        <p class="shadow">{{ page.description }}</p>
         <div id="plwrap">
+          <h4>&nbsp;</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 }}&quest;pk_campaign=homeshare&amp;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 }}&quest;pk_campaign=homeshare&amp;text={{ page.description | xml_escape }}%20via%20&#64;{{ site.social.usernames.twitter }}%20&amp;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 }}&quest;pk_campaign=homeshare&amp;text={{ page.description | xml_escape }}%20via%20&#64;{{ 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 }}&quest;pk_campaign=homeshare&amp;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>
 

_sass/_player.scss

@@ -5,14 +5,20 @@
 .album-player {
   display: flex;
   flex-wrap: wrap;
-  padding: 80px 40px 0 40px;
+  flex-direction: column-reverse;
-  justify-content: space-evenly;
+  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 {
 

index.html

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