diff --git a/_data/88x31.toml b/_data/88x31.toml
index 5d0a98e..f9be971 100644
--- a/_data/88x31.toml
+++ b/_data/88x31.toml
@@ -1,4 +1,12 @@
-buttons = [
-  { image = "https://vanityruins.neocities.org/8831/8831.gif", name = "vanityruins", link = "https://vanityruins.neocities.org" },
-  { image = "soniweb", name = "soniweb", link = "https://soniweb.org/" }
+[buttons]
+people = [
+    { image = "soniweb", name = "soniweb", link = "https://soniweb.org/" },
+    { image = "https://vanityruins.neocities.org/8831/8831.gif", name = "vanityruins", link = "https://vanityruins.neocities.org" },
+    { image = "https://saint-images.neocities.org/images/buttons/me-zanarkand.png", name = "saint-images", link = "https://saint-images.neocities.org"},
+    { image = "cidoku", name = "Cidoku", link = "https://cidoku.net" }
 ]
+
+misc = [
+    { image = "parentaladvisory", alt = "sorry..." }
+]
+
diff --git a/_layouts/home.njk b/_layouts/home.njk
index 12e19f8..aac5d5f 100644
--- a/_layouts/home.njk
+++ b/_layouts/home.njk
@@ -2,10 +2,10 @@
 layout: base
 ---
 <div class="welcome-aside-left">
-    <div class="buttons box">
-        <h3><i>please visit...</i></h3>
-        <div>
-            {% for button in 88x31.buttons %}
+    <div class="buttons-wrapper box">
+        <h2><i>please visit...</i></h3>
+        <div class="buttons">
+            {% for button in 88x31.buttons.people.slice(0, 5) %}
             <a href="{{ button.link }}" title="{{ button.name }}">
             {% if button.image.startsWith("http") %}
                 <img src="{{ button.image }}" alt="{{ button.name }}">
diff --git a/img/buttons/cidoku.gif b/img/buttons/cidoku.gif
new file mode 100644
index 0000000..16dc41f
Binary files /dev/null and b/img/buttons/cidoku.gif differ
diff --git a/img/buttons/parentaladvisory.gif b/img/buttons/parentaladvisory.gif
new file mode 100644
index 0000000..03b2a6a
Binary files /dev/null and b/img/buttons/parentaladvisory.gif differ