website/src/routes/+page.svelte

<script>
	import { PUBLIC_BASE_URL } from '$env/static/public';
	import Window from '../components/window.svelte';
</script>

<div class="flex flex-col md:flex-row gap-y-2 lg:gap-y-0 md:h-full h-card">
	<div class="flex flex-col gap-y-2 lg:gap-y-0">
		<Window title="readme?" iconUri="/icons/question.png">
			<div class="flex flex-col prose prose-ralsei prose-img:m-0 leading-none">
				<div class="flex flex-grow">
					<img
						class="mt-1 ml-1 w-36 [height:9rem] u-photo"
						src="/pfp.png"
						alt="character from q.u.q."
						title="character from q.u.q. (good vn go read it NOW)"
					/>
					<ul
						class="place-self-center m-0 leading-none marker:[content:'->'] [list-style-type:'->']"
					>
						<li class="[list-style-type:'->'] p-note">trying to do stuff</li>
						<li class="[list-style-type:'->']">
							<span class="p-category">software engineer</span>,
							<span class="p-category">indie game dev</span>
						</li>
						<li class="[list-style-type:'->']">
							<span class="p-gender-identity">genderfluid</span>
						</li>
						<li class="[list-style-type:'->']">
							in <span class="p-country-name">turkey</span>
							<i class="text-[0.5rem]">(get me out)</i>
						</li>
						<li class="[list-style-type:'->']">aka <span class="p-nickname">yusdacra</span></li>
					</ul>
				</div>
				<div class="flex flex-row">
					<p class="leading-none m-0 mt-3 text-sm">
						hi there
						<img
							class="relative inline h-5 animate-squiggle pb-1"
							src="/wavey.gif"
							alt="wavey"
							title="hi :33"
						/>
						<i
							>i'm <a class="m-0 [padding:0px] p-name u-url u-uid" href={PUBLIC_BASE_URL}
								><span>dusk</span></a
							></i
						>
					</p>
					<div class="grow" />
					<a
						class="
							place-self-end [font-family:'Doll_Mono'] text-ralsei-pink-neon text-shadow-none hover:text-shadow-pink
							hover:!animate-none hover:!no-underline opacity-20 hover:opacity-100 transition-opacity [transition-duration:300ms]
						"
						href="https://dollcode.v01dlabs.sh/">▌▖▌▖‍▌▌▘▌‍▌▌▘▖‍▌▘▘▘‍</a
					>
				</div>
			</div>
		</Window>
		<Window title="latest stuff" style="mt-auto">
			<div class="prose prose-ralsei prose-img:m-0 leading-6">
				<p>
					new game prototype thingy <a href="https://yusdacra.itch.io/lightfelt"
						>at itch.io page</a
					>!
					spent a lot of time learning and designing the environment and scene stuff :3
					trenchbroom and func_godot were used mainly!
				</p>
				<img
					class="md:max-w-[39.5rem]"
					src="https://img.itch.zone/aW1hZ2UvMzExNTU5My8xODYyMjUwOS5qcGVn/original/%2BSrxFo.jpeg"
					alt="lightfelt screenshot"
				/>
			</div>
		</Window>
	</div>
	<div class="hidden md:block md:grow" />
	<div class="flex flex-col gap-y-2 lg:gap-y-0">
		<Window title="links!" iconUri="/icons/contact.png" style="md:ml-auto">
			<div class="prose prose-ralsei prose-ul:leading-[1.4rem] prose-headings:leading-none">
				<ul>
					<li>discord: yusdacra</li>
					<li>
						e-mail:
						<a class="u-email" href="mailto:y.bera003.06@pm.me" rel="me">y.bera003.06@pm.me</a>
					</li>
					<li>
						bluesky:
						<a class="u-url" href="https://bsky.app/profile/gaze.systems" rel="me">@gaze.systems</a>
					</li>
				</ul>
				<h3>development</h3>
				<ul>
					<li>
						github:
						<a class="u-url" href="https://github.com/yusdacra" rel="me">@yusdacra</a>
					</li>
					<li>
						my gitea:
						<a class="u-url" href="https://git.gaze.systems/dusk" rel="me">@dusk</a>
						(<a href="https://git.gaze.systems/gazesys/website">website repo</a>)
					</li>
					<li>
						gitlab:
						<a class="u-url" href="https://gitlab.com/yusdacra" rel="me">@yusdacra</a>
					</li>
					<li>
						itch.io:
						<a class="u-url" href="https://yusdacra.itch.io" rel="me">@yusdacra</a>
					</li>
				</ul>
				<h3>services</h3>
				<ul>
					<li>
						<a href="https://limbus.gaze.systems">random project moon art</a>
					</li>
					<li>
						<a href="https://git.gaze.systems">gitea</a>
						<span class="text-sm">(if i like you ask me for an acc ;3)</span>
					</li>
				</ul>
			</div>
		</Window>
		<Window title="current" iconUri="/icons/entry.png" style="mt-auto">
			<div class="prose prose-ralsei leading-6">
				<ul>
					<li>playing wynncraft, helldivers 2, warframe</li>
					<li>idk bother me to do stuff</li>
				</ul>
			</div>
		</Window>
	</div>
</div>