From 3c47cbe5819c4fa316d94fbe616ea4be2f71958c Mon Sep 17 00:00:00 2001 From: denizk0461 Date: Sat, 14 Mar 2026 22:22:39 +0100 Subject: [PATCH] added 88x31 buttons to main page --- src/lib/components/indie-button.svelte | 32 ++++++++ src/lib/components/indie-button.ts | 43 ++++++++++ src/routes/+page.svelte | 83 +++++++++++++------- static/common/buttons/flag-progress.png | Bin 0 -> 532 bytes static/common/buttons/gnu-linux.gif | Bin 0 -> 550 bytes static/common/buttons/iso8601.png | Bin 0 -> 3604 bytes static/common/buttons/madewithsveltekit.gif | Bin 0 -> 2043 bytes static/common/buttons/notbyai.png | Bin 0 -> 2301 bytes static/common/buttons/queercoded.png | Bin 0 -> 3516 bytes static/common/buttons/sexno.png | Bin 0 -> 487 bytes static/common/buttons/trans-rights-now.png | Bin 0 -> 819 bytes 11 files changed, 130 insertions(+), 28 deletions(-) create mode 100644 src/lib/components/indie-button.svelte create mode 100644 src/lib/components/indie-button.ts create mode 100644 static/common/buttons/flag-progress.png create mode 100644 static/common/buttons/gnu-linux.gif create mode 100644 static/common/buttons/iso8601.png create mode 100644 static/common/buttons/madewithsveltekit.gif create mode 100644 static/common/buttons/notbyai.png create mode 100644 static/common/buttons/queercoded.png create mode 100644 static/common/buttons/sexno.png create mode 100644 static/common/buttons/trans-rights-now.png 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 @@ + + + + {button.alt} + + + \ 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 @@ -
+
+
+

webrings

+
+ +
-
-
- + + + + no ai webring + previous + random + next + + a gray Windows 95 style dialog box titled 'The No AI Webring' with a little icon showing a computer chip in a rubbish bin. beside it are three clickable buttons, labeled Previous, Random... and Next
-
- - previous - - - list - - - next - +
+

88x31 buttons

+
+ {#each buttons as button} + + {/each} +
+

my own 88x31 button is in the making. ETA: ???

- - - no ai webring - previous - random - next - - a gray Windows 95 style dialog box titled 'The No AI Webring' with a little icon showing a computer chip in a rubbish bin. beside it are three clickable buttons, labeled Previous, Random... and Next
-