fix layout

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>
-          
-          <li><a href="#support" class="button">🦸‍♀️</a></li>
-          <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>
+        <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>
+          {% endfor %}
           <li>{% for post in site.categories.releases limit: 1%}<a href="{{ post.url }}#play" class="button">🔥</a>{% endfor %}</li>
         </ul>
       </div>