diff --git a/assets/buttons/firefox-now.png b/assets/buttons/firefox-now.png
new file mode 100644
index 0000000..9b2cd15
Binary files /dev/null and b/assets/buttons/firefox-now.png differ
diff --git a/assets/buttons/get-blender-2.8.png b/assets/buttons/get-blender-2.8.png
new file mode 100644
index 0000000..f6ae397
Binary files /dev/null and b/assets/buttons/get-blender-2.8.png differ
diff --git a/assets/buttons/iso-8601.png b/assets/buttons/iso-8601.png
new file mode 100644
index 0000000..aab523f
Binary files /dev/null and b/assets/buttons/iso-8601.png differ
diff --git a/assets/buttons/made-with-notepad++.png b/assets/buttons/made-with-notepad++.png
new file mode 100644
index 0000000..9220d3b
Binary files /dev/null and b/assets/buttons/made-with-notepad++.png differ
diff --git a/assets/buttons/minecraft.png b/assets/buttons/minecraft.png
new file mode 100644
index 0000000..7202f82
Binary files /dev/null and b/assets/buttons/minecraft.png differ
diff --git a/assets/buttons/powered-by-ubuntu.png b/assets/buttons/powered-by-ubuntu.png
new file mode 100644
index 0000000..017c3b2
Binary files /dev/null and b/assets/buttons/powered-by-ubuntu.png differ
diff --git a/assets/buttons/tea-powered.png b/assets/buttons/tea-powered.png
new file mode 100644
index 0000000..c7fc804
Binary files /dev/null and b/assets/buttons/tea-powered.png differ
diff --git a/assets/buttons/ubuntu.png b/assets/buttons/ubuntu.png
new file mode 100644
index 0000000..3a64cd9
Binary files /dev/null and b/assets/buttons/ubuntu.png differ
diff --git a/assets/links/maya.land.png b/assets/links/maya.land.png
new file mode 100644
index 0000000..aac56f4
Binary files /dev/null and b/assets/links/maya.land.png differ
diff --git a/layouts/partials/buttons.html b/layouts/partials/buttons.html
new file mode 100644
index 0000000..faf4c5d
--- /dev/null
+++ b/layouts/partials/buttons.html
@@ -0,0 +1,34 @@
+<style>
+    .buttons {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        max-width: 100vw; /* Make the container as wide as the viewport */
+        gap: 3px;
+        margin: 0; /* Remove any default margin */
+        padding: 0; /* Remove any default padding */
+    }
+    .button {
+        display: inline-block; 
+        border: none;
+        margin: 0;
+        padding: 0;
+        border-radius: 0;
+        background: none;
+        image-rendering: auto;
+        image-rendering: crisp-edges;
+        image-rendering: pixelated;
+        image-rendering: -webkit-optimize-contrast;
+    }
+</style>
+
+<div class="buttons">
+{{ $buttons := resources.Match "buttons/*" }}
+{{ if $buttons }}
+    {{ range $index, $button := $buttons }}
+        <img class="button" src="{{ $button.RelPermalink }}" alt="Button {{ $button.Name | path.Base }}" />
+    {{ end }}
+{{ else }}
+    <p>No buttons available.</p>
+{{ end }}
+</div>
\ No newline at end of file