···

       
80
       
80
       
 
       
			name: 'not a person',

     

       
81
       
81
       
 
       
			url: '/',

     

       
82
       
82
       
 
       
			image: '/others/notaperson.webp'

     

       
83
       
83
       
-
       
		},

     

       
84
       
84
       
-
       
		{ name: 'skyrina', url: 'https://skyrina.dev/', image: '/others/skylar.gif' }

     

       
83
       
83
       
+
       
		}

     

       
85
       
84
       
 
       
	];

     

       
86
       
85
       
 
       


     

       
87
       
86
       
 
       
	let { data }: Props = $props();

     
···

       
213
       
212
       
 
       
			{/if}

     

       
214
       
213
       
 
       
		</Window>

     

       
215
       
214
       
 
       
		<Window style="md:mr-2" title="cool buttons :>">

     

       
215
       
215
       
+
       
			<a class="fixed" title="skyrina" href="https://skyrina.dev/"

     

       
216
       
216
       
+
       
				><img

     

       
217
       
217
       
+
       
					class="-translate-y-[8.85rem] z-20"

     

       
218
       
218
       
+
       
					style="image-rendering: pixelated !important;"

     

       
219
       
219
       
+
       
					src="/others/skylar.gif"

     

       
220
       
220
       
+
       
					alt="skyrina"

     

       
221
       
221
       
+
       
				/></a

     

       
222
       
222
       
+
       
			>

     

       
216
       
223
       
 
       
			<div class="max-w-[64ch] prose prose-ralsei prose-a:!animate-none prose-img:m-0 leading-snug">

     

       
217
       
224
       
 
       
				<div class="flex flex-row flex-wrap gap-3 place-items-start group">

     

       
218
       
225
       
 
       
					{#each buttons as { name, url, image } (image)}