diff --git a/src/lib/components/indie-button.svelte b/src/lib/components/indie-button.svelte
new file mode 100644
index 0000000..2ca3771
--- /dev/null
+++ b/src/lib/components/indie-button.svelte
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/lib/components/indie-button.ts b/src/lib/components/indie-button.ts
new file mode 100644
index 0000000..dc42312
--- /dev/null
+++ b/src/lib/components/indie-button.ts
@@ -0,0 +1,43 @@
+export interface IndieButton {
+ img: string;
+ alt: string;
+ link?: string;
+}
+
+export let buttons: IndieButton[] = [
+ {
+ img: "flag-progress.png",
+ alt: "A button showing the progress pride flag.",
+ },
+ {
+ img: "gnu-linux.gif",
+ alt: "A button with the Linux penguin and the text 'Made on GNU/Linux'.",
+ },
+ {
+ img: "iso8601.png",
+ alt: "A button with the text 'ISO 8601 YYYY-MM-DD'.",
+ link: "https://www.iso8601.com/",
+ },
+ {
+ img: "notbyai.png",
+ alt: "A button with the text 'created by a human, not by AI' and a smiley next to it.",
+ },
+ {
+ img: "queercoded.png",
+ alt: "A button with the text \"you're telling me a queer coded this\" on a rainbow background.",
+ },
+ {
+ img: "madewithsveltekit.gif",
+ alt: "A red button with the text 'MADE WITH SVELTEKIT'.",
+ link: "https://svelte.dev",
+ },
+ {
+ img: "sexno.png",
+ alt: "A button with the text 'SEX? NO.' on a white background with a blue border.",
+ link: "https://youtu.be/J4i0tuoYBG0?t=176",
+ },
+ {
+ img: "trans-rights-now.png",
+ alt: "A button with the text 'TRANS RIGHTS NOW!' next to a trans flag.",
+ },
+];
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4011c66..31e7af5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -7,6 +7,8 @@
import { posts as blogPosts } from "./blog/posts";
import { entries as updateEntries } from "./meta/updates/updates";
import UpdateEntry from "$lib/components/update-entry.svelte";
+ import IndieButton from "$lib/components/indie-button.svelte";
+ import { buttons } from "$lib/components/indie-button";
let latestDevlogDate = devlogPosts[0].post.date;
let latestBlogDate = blogPosts[0].post.date;
@@ -98,34 +100,44 @@
-
+
+ 
+ 
+ 