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> -->
<section class="flex flex-col col-span-2 gap-10 items-center justify-between italic">
<img src="/homepage/sona/midtitle.png" class="w-40" alt="fullbody of mid" /> <img src="/homepage/sona/midtitle.png" class="w-40" alt="fullbody of mid" />
<h4 class="w-3/4 text-center"> </span>
Mid <sup>(aka Midnight)</sup> is my fursona <sup>(furry persona)</sup>. He is a fictional character that I use and represent myself with. </div>
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. <h4 class="w-1/2 text-center font-normal">
Mid <sup>(aka Midnight)</sup> is my primary fursona. He is a fictional character that I use and represent myself with online.
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>.
<br/><br/> <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. Mid is a cat with black fur and blue hair that stands twice as tall as the people around him.
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> </h4>
<div class="flex flex-col gap-5"> <div class="flex justify-center w-full flex-col gap-5">
<div class="grid grid-cols-3 gap-5"> <div class="w-1/2 mx-auto grid grid-cols-4 gap-5">
<img src="/homepage/sona/pink.png" class="rounded-xl shadow-xl aspect-square" alt="sona symbol" /> <img src="/homepage/sona/midblep_2-2_sivkyne.png" class="rounded-xl aspect-square object-contain" alt="sona symbol" />
<img src="/homepage/sona/blue.png" class="rounded-xl shadow-xl aspect-square" alt="sona symbol" /> <img src="/homepage/sona/midblep_3.png" class="rounded-xl aspect-square" alt="sona symbol" />
<img src="/homepage/sona/hotdog.jpeg" class="rounded-xl shadow-xl aspect-square object-cover" alt="sona symbol" /> <img src="/homepage/sona/midblep_7 (1).png" class="rounded-xl aspect-square" alt="sona symbol" />
</div> <img src="/homepage/sona/midblep_2-6_sivkyne.png" class="rounded-xl aspect-square" alt="sona symbol" />
<div class="grid grid-cols-5 gap-5">
<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" />
<img src="/homepage/sona/midblep_3.png" class="rounded-xl shadow-xl aspect-square bg-black bg-opacity-50" alt="sona symbol" />
<img src="/homepage/sona/midblep_7 (1).png" class="rounded-xl shadow-xl aspect-square bg-black bg-opacity-50" alt="sona symbol" />
<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" />
<img src="/homepage/sona/midblep_2-6_sivkyne.png" class="rounded-xl shadow-xl aspect-square bg-black bg-opacity-50" 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