few improvements

pull/2/head
Midnight 2 years ago
parent 7241f3a185
commit 484fee19d4

@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,900;1,100;1,500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,600;0,900;1,100;1,500&display=swap');
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;

@ -19,7 +19,7 @@
<NavButton disabled={true} url="/blog" text="Blog" /> <NavButton disabled={true} url="/blog" text="Blog" />
<NavButton disabled={true} url="/portfolio" text="Portfolio" /> <NavButton disabled={true} url="/portfolio" text="Portfolio" />
<NavButton disabled={true} url="/esu" text="ESU" /> <NavButton disabled={true} url="/esu" text="ESU" />
<NavButton disabled={true} url="/furry" text="Furry" /> <NavButton url="/furry" text="Furry" />
</div> </div>
</div> </div>
<div class="hidden lg:flex h-16"> <div class="hidden lg:flex h-16">
@ -31,7 +31,7 @@
<NavButton disabled={true} url="/blog" text="Blog" /> <NavButton disabled={true} url="/blog" text="Blog" />
<NavButton disabled={true} url="/portfolio" text="Portfolio" /> <NavButton disabled={true} url="/portfolio" text="Portfolio" />
<NavButton disabled={true} url="/esu" text="ESU" /> <NavButton disabled={true} url="/esu" text="ESU" />
<NavButton disabled={true} url="/furry" text="Furry" /> <NavButton url="/furry" text="Furry" />
<hr class="bg-white" /> <hr class="bg-white" />
<ThemeSwitcher /> <ThemeSwitcher />
</NavDropdown> </NavDropdown>

@ -1,41 +1,33 @@
<script> <main class="flex flex-col gap-20 h-screen">
<section class="relative w-full h-full">
</script> <!-- <div class="absolute inset-0 blur-xl overflow-hidden">
<img src="/furry/Background.png" class="w-full scale-110" alt="background" />
<main class="relative grid grid-cols-4 w-full gap-10"> </div> -->
<!-- <section class="flex justify-center items-center"> <article class="absolute inset-0 flex container mx-auto py-20 flex-col col-span-2 gap-10 items-center italic">
<div> <div class="flex items-center gap-10">
<img src="/homepage/sona/190REG2.png" alt="fullbody of mid" /> <img src="/furry/MidFingers.jpg" class="rounded-full h-40 shadow-xl aspect-square" alt='background' />
</div> <span>
</section> --> <img src="/homepage/sona/midtitle.png" class="w-40" alt="fullbody of mid" />
<section class="flex flex-col col-span-2 gap-10 items-center justify-between italic"> </span>
<img src="/homepage/sona/midtitle.png" class="w-40" alt="fullbody of mid" />
<h4 class="w-3/4 text-center">
Mid <sup>(aka Midnight)</sup> is my fursona <sup>(furry persona)</sup>. He is a fictional character that I use and represent myself with.
He is a cat twice as tall as you with black fur, blue hair and a sparkly tail, but can be seen as many forms and species including feral ones.
<br/><br/>
Some noticable traits are that he has an unusually large tail and whiskers. He also loves coffee, as any good Software Engineer should.
</h4>
<div class="flex flex-col gap-5">
<div class="grid grid-cols-3 gap-5">
<img src="/homepage/sona/pink.png" class="rounded-xl shadow-xl aspect-square" alt="sona symbol" />
<img src="/homepage/sona/blue.png" class="rounded-xl shadow-xl aspect-square" alt="sona symbol" />
<img src="/homepage/sona/hotdog.jpeg" class="rounded-xl shadow-xl aspect-square object-cover" alt="sona symbol" />
</div> </div>
<div class="grid grid-cols-5 gap-5"> <h4 class="w-1/2 text-center font-normal">
<img src="/homepage/sona/midblep_2-2_sivkyne.png" class="rounded-xl shadow-xl aspect-square object-contain bg-black bg-opacity-50" alt="sona symbol" /> Mid <sup>(aka Midnight)</sup> is my primary fursona. He is a fictional character that I use and represent myself with online.
<img src="/homepage/sona/midblep_3.png" class="rounded-xl shadow-xl aspect-square bg-black bg-opacity-50" alt="sona symbol" /> If you are wondering what a furry or fursona is, go check <a href="https://www.whatisfurry.org/" target="blank" class="text-blue-600 dark:text-blue-300 hover:underline">whatisfurry.org</a>.
<img src="/homepage/sona/midblep_7 (1).png" class="rounded-xl shadow-xl aspect-square bg-black bg-opacity-50" alt="sona symbol" /> <br/><br/>
<img src="/homepage/sona/midblep_2-3_sivkyne.png" class="rounded-xl shadow-xl aspect-square object-contain bg-black bg-opacity-50" alt="sona symbol" /> Mid is a cat with black fur and blue hair that stands twice as tall as the people around him.
<img src="/homepage/sona/midblep_2-6_sivkyne.png" class="rounded-xl shadow-xl aspect-square bg-black bg-opacity-50" alt="sona symbol" /> Some noticable traits are his unusually large whiskers, the white spot on his chest, and his fluffy tail. He also loves coffee, as any good programmer should.
<br/><br/>
A library of arts of Mid and other characters will be added to explore some time soon.
</h4>
<div class="flex justify-center w-full flex-col gap-5">
<div class="w-1/2 mx-auto grid grid-cols-4 gap-5">
<img src="/homepage/sona/midblep_2-2_sivkyne.png" class="rounded-xl aspect-square object-contain" alt="sona symbol" />
<img src="/homepage/sona/midblep_3.png" class="rounded-xl aspect-square" alt="sona symbol" />
<img src="/homepage/sona/midblep_7 (1).png" class="rounded-xl aspect-square" alt="sona symbol" />
<img src="/homepage/sona/midblep_2-6_sivkyne.png" class="rounded-xl aspect-square" alt="sona symbol" />
</div>
</div> </div>
</div> </article>
</section> </section>
<!-- <section class="flex justify-center items-center">
<div>
<img src="/homepage/sona/190REG1.png" alt="fullbody of mid" />
</div>
</section> -->
</main> </main>

@ -1,9 +1,11 @@
<script> <script>
import Socials from "$lib/Socials.svelte"; import Sona from "$lib/home/Sona.svelte";
</script> </script>
<svelte:head> <svelte:head>
<title>Home</title> <title>Home</title>
</svelte:head> </svelte:head>
<main /> <main class="">
<Sona/>
</main>

@ -255,7 +255,7 @@ import Sona from "$lib/home/Sona.svelte";
</svg> </svg>
<section <section
class="relative container overflow-hidden px-5 lg:px-0 flex flex-col lg:flex-row gap-10 h-full justify-center items-center" class="relative container overflow-hidden px-5 lg:px-0 flex mb-40 flex-col lg:flex-row gap-10 h-full justify-center items-center"
id="contact" id="contact"
> >
<div class="lg:w-1/3 z-10"> <div class="lg:w-1/3 z-10">
@ -263,35 +263,5 @@ import Sona from "$lib/home/Sona.svelte";
</div> </div>
<img src="/homepage/fullbody.png" class="lg:block hidden lg:w-1/3 h-full z-10" alt="contact" /> <img src="/homepage/fullbody.png" class="lg:block hidden lg:w-1/3 h-full z-10" alt="contact" />
<div class="absolute inset-0 w-full h-full opacity-80 bg-contain bg-no-repeat bg-center dark:hidden lg:block hidden" style="background-image: url('homepage/blob2-light.svg')"></div>
<div class="absolute inset-0 w-full h-full opacity-20 bg-contain bg-no-repeat bg-center hidden dark:block lg:block" style="background-image: url('homepage/blob2-dark.svg')"></div>
</section>
<div class="relative h-56 lg:h-80 overflow-hidden scale-x-150 rotate-180 -mb-80 mt-40 z-30">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" class="absolute inset-0 h-96 w-full scale-x-150">
<path
class="block dark:hidden"
fill="rgb(243 244 246)"
fill-opacity="1"
d="M0,64L34.3,85.3C68.6,107,137,149,206,165.3C274.3,181,343,171,411,160C480,149,549,139,617,133.3C685.7,128,754,128,823,154.7C891.4,181,960,235,1029,240C1097.1,245,1166,203,1234,160C1302.9,117,1371,75,1406,53.3L1440,32L1440,320L1405.7,320C1371.4,320,1303,320,1234,320C1165.7,320,1097,320,1029,320C960,320,891,320,823,320C754.3,320,686,320,617,320C548.6,320,480,320,411,320C342.9,320,274,320,206,320C137.1,320,69,320,34,320L0,320Z"
/>
<path
class="hidden dark:block"
fill="rgb(17 24 39)"
fill-opacity="1"
d="M0,64L34.3,85.3C68.6,107,137,149,206,165.3C274.3,181,343,171,411,160C480,149,549,139,617,133.3C685.7,128,754,128,823,154.7C891.4,181,960,235,1029,240C1097.1,245,1166,203,1234,160C1302.9,117,1371,75,1406,53.3L1440,32L1440,320L1405.7,320C1371.4,320,1303,320,1234,320C1165.7,320,1097,320,1029,320C960,320,891,320,823,320C754.3,320,686,320,617,320C548.6,320,480,320,411,320C342.9,320,274,320,206,320C137.1,320,69,320,34,320L0,320Z"
/>
</svg>
</div>
<section class="bg-gray-200 dark:bg-gray-800 relative" id="works">
<div class="inset-0 absolute flex justify-end overflow-hidden">
<img src="/homepage/sona/back.png" class="-mr-80 h-full w-auto" alt='background' />
</div>
<div class="inset-0 absolute bg-gradient-to-r dark:from-black dark:via-black from-white via-white"></div>
<div class="container px-5 flex pb-40 flex-col gap-10 justify-center pt-80">
<Sona/>
</div>
</section> </section>
</main> </main>

Binary file not shown.

After

Width:  |  Height:  |  Size: 899 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 MiB

@ -0,0 +1,4 @@
[ZoneTransfer]
ZoneId=3
ReferrerUrl=https://cdn.discordapp.com/attachments/564705557265514506/866344764274245632/skeleton_skull.png
HostUrl=https://cdn.discordapp.com/attachments/564705557265514506/866344764274245632/skeleton_skull.png

@ -0,0 +1,4 @@
[ZoneTransfer]
ZoneId=3
ReferrerUrl=https://cdn.discordapp.com/attachments/850447624654159922/856605809742708796/trickwow.png
HostUrl=https://cdn.discordapp.com/attachments/850447624654159922/856605809742708796/trickwow.png
Loading…
Cancel
Save