fix last things

_data/links.yml

@@ -1,30 +1,40 @@
 - title: Linux Audio
   url: https://www.linuxaudio.org/
   banner: The Audio community for the free and open minded
+  image: /images/links/Screenshot_20200908_202439.jpg
 - title: Good Karma Records
   url: https://www.goodkarma.ru/
   banner: Good Karma music for the masses
+  image: /images/links/Screenshot_20200908_202404.jpg
 - title: Cytown Records
   url: http://cytownrecords.com/
   banner: Legendary electronics from Copenhagen
+  image: /images/links/Screenshot_20200908_202010.jpg
 - title: PopEm Records
-  url: http://popemrecords.com/
+  url: https://www.facebook.com/PopEm-Records-192168987572053/
   banner: They might blow up, but they wont go pop!
+  image: /images/links/31754598_1544769695645302_5533343342533804032_o.jpg
 - title: Ubuntu Studio
   url: https://ubuntustudio.org/
   banner: The Operative System of choice for any creative human being
+  image: /images/links/Screenshot_20200908_202955.jpg
 - title: Rasta Soft
   url: http://rastasoft.org/
   banner: pioneering multimedia on GNU/Linux with many JAH People in the World
+  image: /images/links/Screenshot_20200908_202921.jpg
 - title: Dyne.org
   url: https://www.dyne.org/
   banner: Free to share code. Coding to share freedom
+  image: /images/links/Screenshot_20200908_202215.jpg
 - title: Alsnet
   url: http://www.alsenet.com/
   banner: The motherweb of basspistol
+  image: /images/links/alsenet.jpg
 - title: Gandi.net
   url: https://www.gandi.net
   banner: No bullshit, just an open internet.
+  image: /images/links/Screenshot_20200908_202311.jpg
 - title: Lynn Smeria
   url: https://github.com/aengl
   banner: Freedom-tool smith and Robot tamer
+  image: /images/links/5022924.png

_sass/_layout.scss

@@ -85,12 +85,16 @@ body {
       height: auto; 
       min-height: 100px; 
       line-height: .85em;
-      letter-spacing: -0.11em;
+      letter-spacing: -0.08em;
       color: var(--bg-alt);
       font-size: 12vw; 
       display: inline;
       opacity: 1;
       border-radius: var(--border-radius);
+      position: absolute;
+      top: 0;
+      left: 0;
+
     }
   }
 }

links.html

@@ -18,16 +18,26 @@ image: /assets/vid/links.jpg
 
 {% assign sorted = site.data.links | sort: 'title' %}
 {% for post in sorted %}
-<section class="links" style="margin:0;">
+<section class="front-section">
 
-<!-- <div class=linksbg></div> -->
+  <div style="background-image:url({{ post.image }})">
+    <p class="editor-link"><a href="cloudcannon:collections/_posts/{{ post.path }}" rel="nofollow"
+        class="btn"><strong>&#9998;</strong> Edit Posy</a></p>
+  </div>
   <div class="description">
-  <h2>{{ post.title }}</h2>
+    <div class="container">
-
+      <div class="">
-  <p>{{ post.description }}</p>
+        <h3>
-<p><a href="{{ post.url }}?ref=ToSettoSetto" class="button" rel="noopener" target="_blank">Visit</a></p>
+        {{ post.banner  }}
+      </h3>
       </div>
      
+      <div>
+        <p><a class="button" href="{{ post.url }}" rel="noopener" target="_blank">{{ post.title }}</a></p>
+      </div>
+  
+    </div>
+  </div>
 
 </section>