added 88x31 buttons to main page

2026-03-14 22:22:39 +01:00
parent 8c00b77d4e
commit 3c47cbe581
11 changed files with 130 additions and 28 deletions
--- a/src/lib/components/indie-button.svelte
+++ b/src/lib/components/indie-button.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+    import { type IndieButton } from "./indie-button";
+
+    let {
+        button
+    }: {
+        button: IndieButton;
+    } = $props();
+</script>
+
+<a class="button" href="{button.link}">
+    <img src="/common/buttons/{button.img}" alt="{button.alt}">
+</a>
+
+<style>
+    .button {
+        width: 88px;
+        height: 31px;
+        transition: scale var(--duration-animation) var(--anim-curve);
+        margin: 0;
+    }
+
+    .button:hover {
+        scale: 1.2;
+        z-index: 10;
+    }
+
+    .button img {
+        height: 100%;
+        width: 100%;
+    }
+</style>