edited the button corner on the main page
This commit is contained in:
@@ -5,23 +5,11 @@ export interface IndieButton {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export let buttons: IndieButton[] = [
|
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",
|
img: "iso8601.png",
|
||||||
alt: "A button with the text 'ISO 8601 YYYY-MM-DD'.",
|
alt: "A button with the text 'ISO 8601 YYYY-MM-DD'.",
|
||||||
link: "https://www.iso8601.com/",
|
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",
|
img: "queercoded.png",
|
||||||
alt: "A button with the text \"you're telling me a queer coded this\" on a rainbow background.",
|
alt: "A button with the text \"you're telling me a queer coded this\" on a rainbow background.",
|
||||||
@@ -31,11 +19,6 @@ export let buttons: IndieButton[] = [
|
|||||||
alt: "A red button with the text 'MADE WITH SVELTEKIT'.",
|
alt: "A red button with the text 'MADE WITH SVELTEKIT'.",
|
||||||
link: "https://svelte.dev",
|
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",
|
img: "trans-rights-now.png",
|
||||||
alt: "A button with the text 'TRANS RIGHTS NOW!' next to a trans flag.",
|
alt: "A button with the text 'TRANS RIGHTS NOW!' next to a trans flag.",
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import Content from "$lib/viewport/content.svelte";
|
import Content from "$lib/viewport/content.svelte";
|
||||||
import SubtitledImage from "$lib/components/subtitled-image.svelte";
|
|
||||||
import GalleryRow, { type GalleryRowEntry } from "$lib/lists/gallery-row.svelte";
|
import GalleryRow, { type GalleryRowEntry } from "$lib/lists/gallery-row.svelte";
|
||||||
|
|
||||||
import { posts as devlogPosts } from "./projects/projectn5/devlog/posts";
|
import { posts as devlogPosts } from "./projects/projectn5/devlog/posts";
|
||||||
@@ -131,12 +130,13 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="button-container">
|
<div class="button-container">
|
||||||
<h4 class="update-header">88x31 buttons</h4>
|
<h4 class="update-header">button corner</h4>
|
||||||
<div class="button-subcontainer">
|
<div class="button-subcontainer">
|
||||||
{#each buttons as button}
|
{#each buttons as button}
|
||||||
<IndieButton button={button} />
|
<IndieButton button={button} />
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
|
<p>to be expanded!</p>
|
||||||
<p class="small-supertext">my own 88x31 button is in the making. ETA: ???</p>
|
<p class="small-supertext">my own 88x31 button is in the making. ETA: ???</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 532 B |
Binary file not shown.
|
Before Width: | Height: | Size: 550 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 487 B |
Reference in New Issue
Block a user