fix layout

_sass/_layout.scss

@@ -120,15 +120,15 @@ body {
         }
         > ul {
             display: flex;
-            justify-content: space-around;
+            justify-content: space-between;
             flex-wrap: wrap;
             font-size: xxx-large;
             .button {
-              background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));
+              background-image: linear-gradient(228deg, var(--accent1-alt), var(--bg-alt));
               background-size: 400% 400%;
-              -webkit-animation: backgroundBlink 2s ease infinite;
+              -webkit-animation: backgroundBlink 7s ease infinite;
-              -moz-animation: backgroundBlink 2s ease infinite;
+              -moz-animation: backgroundBlink 7s ease infinite;
-              animation: backgroundBlink 2s ease infinite;
+              animation: backgroundBlink 7s ease infinite;
               flex: 0 0 25px;
               margin: 0 0 20px 0;
               padding: 0 10px;

index.html

@@ -5,6 +5,27 @@ description: >-
   threads in obscure chat-rooms.
 image: /images/pages/background-setto-v2-blus.svg
 video_path:
+apps:
+  - name: Support
+    url: #support
+    icon: 🌮
+    external: false
+  - name: Video
+    url: https://v.basspistol.org/video-channels/tosettosetto/
+    icon: 📺
+    external: true
+  - name: Read
+    url: #read
+    icon: 👀
+    external: false
+  - name: Support
+    url: https://t.basspistol.org/setto/
+    icon: 📢
+    external: true
+  - name: chat
+    url: /chat/#read  
+    icon: 🗨️
+    external: false
 ---
 
 {% include relBase.html %}
@@ -22,12 +43,9 @@ video_path:
     
         <h1>{{ site.title }}</h1>
         <p>{{ page.description }}</p>
-        <ul>
+        <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>
-          <li><a href="#support" class="button">🦸‍♀️</a></li>
+          {% endfor %}
-          <li><a href="https://v.basspistol.org/video-channels/tosettosetto/" rel="noopener" target="_blank" class="button">📺</a></li>
-          <li><a href="#read" class="button">👀</a></li>
-          <li><a href="https://t.basspistol.org/setto/" rel="noopener" target="_blank" class="button">📢</a></li>
           <li>{% for post in site.categories.releases limit: 1%}<a href="{{ post.url }}#play" class="button">🔥</a>{% endfor %}</li>
         </ul>
       </div>