about me addition

main
Midnight 3 years ago
parent a1c9707516
commit 776564a4d6

@ -15,13 +15,23 @@
</Button> </Button>
{/if} {/if}
{#if page == "/about"}
<Button href="/about" active="true">
📄 About me
</Button>
{:else}
<Button href="/about">
📄 About me
</Button>
{/if}
{#if page == "/commissions"} {#if page == "/commissions"}
<Button href="/commissions" active="true"> <Button href="/commissions" active="true">
🎨 Commission Info 🎨 Commissions
</Button> </Button>
{:else} {:else}
<Button href="/commissions"> <Button href="/commissions">
🎨 Commission Info 🎨 Commissions
</Button> </Button>
{/if} {/if}

@ -0,0 +1,41 @@
<script>
import Form from "$lib/elements/Form.svelte";
import Social from "$lib/elements/Social.svelte";
import Navbar from "$lib/header/Navbar.svelte";
</script>
<svelte:head>
<title>About || Siv Kyne</title>
</svelte:head>
<main class="flex flex-col gap-5">
<Navbar page="/about" />
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col gap-5">
<h1 class="text-2xl font-bold fira-bold">About me</h1>
<p class="text-sm lg:text-base">
I was born in China, but my biological parents left me at the gate of an orphanage. From there, I was adopted into an American family when I was still a baby. They then raised me on a farm in the southeastern United States.
<br/><br/>
I learned a lot about myself from being a farmer and gardener. I'm incredibly allergic to pollen and hay. The hot, southern sun is my enemy. I love the days when it's cool enough for me to ride my bike without sweating.
<br/><br/>
However, just because I was raised in farm country didn't mean my life was centered around the outdoors. Since I was a young child, I was interested in art, music, and writing. I would go through countless sheets of paper drawing. I would consume whole wide ruled notebooks with my childishly simple stories. I would bang on the piano that my sister played beautifully and strum horrendous discord on an antique harp.
<br/><br/>
As I grew older, I began to refine my skills. I studied art techniques, wrote tons of fan fictions, and started taking piano lessons with half gallon jars of milk as payment instead of cash. Around this time, my brother haggled with my parents to give me their old laptop, and they obliged. This is when my love for gaming—or simply Minecraft, rather—began. A few months afterward, my baby brother was adopted. He's less than a year younger than me, but he's still a baby to this day.
<br/><br/>
Now, I'm a professional artist by definition. My stories are in the sluggish process of becoming novels. I continue to practice the piano, though under new guidance due to my old teacher's retiring. My bike is still the place where I go to relieve my stress. We own a lot less farm animals now than before, but at least we have more cats.
</p>
</section>
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col">
<div class="flex flex-wrap justify-center items-center gap-5">
<Social href="https://twitter.com/SivKyne" icon="🐦" text="Twitter" />
<Social href="https://discord.com/invite/5JCZTv3TtF" icon="💬" text="Discord" />
<Social href="https://www.youtube.com/channel/UC1pnonYCZv1mi3XImhX35-A" icon="📺" text="YouTube" />
<Social href="https://www.deviantart.com/sivkyne" icon="🖼️" text="DeviantArt" />
<Social href="https://steamcommunity.com/id/sivkyne" icon="🎮" text="Steam" />
<Social href="https://open.spotify.com/user/uqwz46n0jki4zdwiedca5gbp2" icon="🎵" text="Spotify" />
<Social href="https://toyhou.se/sivkyne" icon="👪" text="Toyhouse" />
<Social href="https://myanimelist.net/animelist/SivKyne" icon="🎞️" text="My Anime List" />
</div>
</section>
</main>

@ -1,6 +1,7 @@
<script> <script>
import Card from "$lib/elements/Card.svelte"; import Card from "$lib/elements/Card.svelte";
import Social from "$lib/elements/Social.svelte"; import Social from "$lib/elements/Social.svelte";
import Button from "$lib/header/Button.svelte";
import { onMount } from "svelte"; import { onMount } from "svelte";
onMount(() => { onMount(() => {
@ -33,7 +34,7 @@ import Social from "$lib/elements/Social.svelte";
</div> </div>
</section> </section>
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col"> <section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col gap-5">
<div class="flex flex-wrap justify-center items-center gap-5"> <div class="flex flex-wrap justify-center items-center gap-5">
<Social href="https://twitter.com/SivKyne" icon="🐦" text="Twitter" /> <Social href="https://twitter.com/SivKyne" icon="🐦" text="Twitter" />
<Social href="https://discord.com/invite/5JCZTv3TtF" icon="💬" text="Discord" /> <Social href="https://discord.com/invite/5JCZTv3TtF" icon="💬" text="Discord" />
@ -44,6 +45,15 @@ import Social from "$lib/elements/Social.svelte";
<Social href="https://toyhou.se/sivkyne" icon="👪" text="Toyhouse" /> <Social href="https://toyhou.se/sivkyne" icon="👪" text="Toyhouse" />
<Social href="https://myanimelist.net/animelist/SivKyne" icon="🎞️" text="My Anime List" /> <Social href="https://myanimelist.net/animelist/SivKyne" icon="🎞️" text="My Anime List" />
</div> </div>
<div class="flex flex-col lg:flex-row gap-5">
<Button href="/about">
📄 About me
</Button>
<Button href="/contact">
✉️ Social Links
</Button>
</div>
</section> </section>
<section class="container"> <section class="container">

Loading…
Cancel
Save