formatting

_layouts/post.html

@@ -132,9 +132,9 @@ layout: default
     <h2>{{ track.common.title }}</h2>
     <p>
       {% 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 }}
-      <br /><strong>{{ track.common.genre }}</strong>
-      <br />{{ track.common.year }}</p>
-    <a href="{{ relBase }}/albums/{{ track.slug }}/" class="button"><span class="fas fa-play"></span> Play</a>
+   | <strong>{{ track.common.genre }}</strong></p>
+      <p>{{ track.common.year }}</p>
+    <p><a href="{{ relBase }}/albums/{{ track.slug }}/" class="button"><span class="fas fa-play"></span> Play</a></p>
 
 
 

_posts/2020-08-02-unmet-dependencies.md

@@ -44,7 +44,9 @@ stores:
     download: false
 ---
 
-Oldies, but goldies\! It is through these 2 tracks that i found the To Setto Setto in me. Before that i used to do some (Excellent, but) sort of lamo Electro-pop. Originally released under [Sakrecoer,](https://sakrecoer.com){: target="_blank" rel="noreferrer noopener"} around 2016, they got some traction in Cyperpunk and geek circles, but never quite made it further…
+## Oldies, but goldies
+
+It is through these 2 tracks that i found the To Setto Setto in me. Before that i used to do some (Excellent, but) sort of lamo Electro-pop. Originally released under [Sakrecoer,](https://sakrecoer.com){: target="_blank" rel="noopener"} around 2016, they got some traction in Cyperpunk and geek circles, but never quite made it further…
 
 I don't really expect them to go so much longer this time, the odds are about the same as winning the EU-Jackpot Lottery. But i decided they belonged to To Setto Setto now and i can do as I please with them.
 

_sass/_elements.scss

@@ -194,7 +194,7 @@ a:hover {
       margin-top: 20px;
     }
     p:last-child {
-      margin-bottom: 20px;
+      margin-bottom: 40px;
     }
     min-height: unset;
   }
@@ -207,6 +207,7 @@ a:hover {
   > div {
     min-height: unset;
   }
+ 
 }
 .linksbg {
   background-size: 100%;

_sass/_player.scss

@@ -230,10 +230,13 @@ a[id^="btn"]::-moz-focus-inner {
     -moz-box-shadow: inset 0px 23px 25px -25px _palette(border-alt);
     box-shadow: inset 0px 23px 25px -25px _palette(border-alt);
     
-    > h2, a, p {
+    > h2, p {
       text-align: left;
       margin: 20px 40px;
     }
+    p:last-child {
+      margin-bottom: 40px;
+    }
   }
 
   .full-image {

links.html

@@ -26,7 +26,7 @@ image: /images/pages/reuben-hustler-YTV2zNt8Zqg-unsplash.jpg
   <h2>{{ post.title }}</h2>
 
   <p>{{ post.description }}</p>
-<p><a href="{{ relBase }}{{ post.url }}" class="button">Read post</a></p>
+<p><a href="{{ post.url }}" class="button" rel="noopener" target="_blank">Visit</a></p>
 </div>