<script>
	import Galaxy from './galaxy.svelte';
</script>

<h1
	class="font-roboto_slab text-center text-2xl lg:text-6xl xl:text-7xl w-auto md:w-max mt-10 lg:mt-32 mx-auto font-bold h1-shadow"
>
	Galaxies
</h1>
<p class="mt-4">
	Hi again, thanks for visiting another one of my pages! This one has all sorts of links to other
	people their websites. Some of these people are my friends, other websites I have no idea who
	maintains them. In both cases, I think they are worth sharing, so here we are!
</p>
<h2 class="font-semibold mt-5">My friends</h2>
<Galaxy link="https://forestofunix.xyz">
	<span slot="title">Forest of Unix</span>
	<span slot="text"
		>A website made by Sebastiaan. A massive Linux fanboy, runs Gentoo on his ThinkPad. Absolutely
		based. His website is written in Lisp, that's why it's often offline. That was the inspiration
		for the online/offline status text.</span
	>
</Galaxy>
<Galaxy link="https://nymphali.neocities.org/">
	<span slot="title">Nymphali</span>
	<span slot="text">
		The website made by ■■■■■■, whoops Nymphali. They have an awesome minimalist website that's just
		lovely.
	</span>
</Galaxy>
<Galaxy link="https://kristypixel.neocities.org/">
	<span slot="title">Kristypixel</span>
	<span slot="text">
		Website made by Kristy. Very cute website, I love it! Keep up the awesome work!
	</span>
</Galaxy>
<Galaxy link="https://leftonred.neocities.org/">
	<span slot="title">Left on Red</span>
	<span slot="text">
		Kyu made this website, he's a friend of mine as well! Still very new, but their dark mode design
		is very cool!
	</span>
</Galaxy>

<h2 class="font-semibold mt-5">Other cool websites</h2>
<p>
	These websites are not necessarily made by people I know. They are just random websites I have
	found on the internet or websites from organisations I support.
</p>

<Galaxy link="https://evillious.ylimegirl.com/">
	<span slot="title">Evillious Chronicles fan guide</span>
	<span slot="text">
		A VERY cool website made by Ylimegirl! They wrote a whole website dedicated to Evillious
		Chronicles, which is a super good Japanese light novel and vocaloid series!! Definitely look it
		up!
	</span>
</Galaxy>
<Galaxy link="https://www.gnu.org/">
	<span slot="title">The GNU Project</span>
	<span slot="text">
		The official website of the GNU project. They advocate for free/libre software. This is not to
		be confused with 'open source' software. I highly recommend you read about them and their
		efforts.
	</span>
</Galaxy>

<style>
	.h1-shadow {
		text-shadow: 2px 2px gray;
		transition: text-shadow 1s cubic-bezier(0.075, 0.82, 0.165, 1);
	}
	.h1-shadow:hover {
		text-shadow: 5px 5px gray;
		transition: text-shadow 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	}
</style>