parent
52f8f5a8ba
commit
1576298bc7
@ -1,29 +1,34 @@
|
||||
<script>
|
||||
import Form from "$lib/home/Form.svelte";
|
||||
import Socials from "$lib/Socials.svelte";
|
||||
import ThemeSwitcher from "$lib/ThemeSwitcher.svelte";
|
||||
import Social from "./Social.svelte";
|
||||
</script>
|
||||
|
||||
<main
|
||||
class="py-10 px-2 lg:px-10 bg-white dark:bg-black dark:bg-opacity-50 text-black dark:text-white shadow z-20"
|
||||
<footer
|
||||
class="py-20 px-2 lg:px-10 bg-white dark:bg-black dark:bg-opacity-50 text-black dark:text-white shadow z-20 flex flex-col gap-10"
|
||||
>
|
||||
<section
|
||||
class="container relative overflow-hidden px-5 lg:px-0 flex flex-col lg:flex-row gap-10 h-full justify-between"
|
||||
id="contact"
|
||||
>
|
||||
<div class="absolute top-0 -mt-40" id="contact"></div>
|
||||
|
||||
<div class="flex gap-10 w-full">
|
||||
<Form />
|
||||
</div>
|
||||
|
||||
<img src="/homepage/fullbody.png" class="lg:block hidden lg:h-[500px] z-10" alt="contact" />
|
||||
</section>
|
||||
|
||||
<hr class="container" />
|
||||
|
||||
<section
|
||||
class="container flex flex-col-reverse lg:flex-row justify-between gap-10"
|
||||
>
|
||||
<div class="flex flex-col gap-3">
|
||||
<h4 class="text-xl font-bold baron-light">Bart Industries</h4>
|
||||
<hr />
|
||||
<p class="text-xs">Copyright 2022 Mid // Midblep. All rights reserved.</p>
|
||||
</div>
|
||||
|
||||
<!-- <div class="flex flex-col gap-5 lg:items-end">
|
||||
<Socials />
|
||||
<div class="text-amber-500 flex gap-2 items-center font-bold">
|
||||
<span class="text-xs">Theme:</span>
|
||||
<span class="bg-gray-100 dark:bg-gray-800"
|
||||
><ThemeSwitcher /></span
|
||||
>
|
||||
</div>
|
||||
</div> -->
|
||||
</section>
|
||||
</main>
|
||||
</footer>
|
||||
|
||||
@ -1,33 +1,37 @@
|
||||
<main class="flex flex-col gap-20 min-h-screen">
|
||||
<section class="w-full h-full">
|
||||
<main class="container flex flex-col gap-20 py-20 relative">
|
||||
<div class="absolute top-0 -mt-20" id="furry"></div>
|
||||
|
||||
<section class="w-full h-full flex justify-between gap-20">
|
||||
<!-- <div class="absolute inset-0 blur-xl overflow-hidden">
|
||||
<img src="/furry/Background.png" class="w-full scale-110" alt="background" />
|
||||
</div> -->
|
||||
<article class="flex container mx-auto py-20 flex-col col-span-2 gap-10 items-center italic">
|
||||
<article class="flex container mx-auto flex-col col-span-2 gap-10">
|
||||
<div class="flex items-center gap-5 lg:gap-10">
|
||||
<img src="/furry/MidFingers.jpg" class="rounded-full h-32 lg:h-40 shadow-xl aspect-square" alt='background' />
|
||||
<img src="/favicon.png" class="rounded-lg h-32 lg:h-40 shadow-xl skew-y-3 -skew-x-3 aspect-square hover:scale-95 duration-300" alt='background' />
|
||||
<span>
|
||||
<img src="/homepage/sona/midtitle.png" class="w-32 lg:w-40" alt="fullbody of mid" />
|
||||
</span>
|
||||
</div>
|
||||
<h4 class="w-10/12 lg: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/>
|
||||
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.
|
||||
<h4 class="font-normal text-lg">
|
||||
Mid <sup>(aka Midnight)</sup> is my primary fursona out of the many that I have accumulated over the years. He is a fictional character that I use and represent myself with online, one that I have grown comfortable with. I commission artists to create depictions of him to bring him to life, showing and using him on places like this website.
|
||||
<br/><br/>
|
||||
A library of arts of Mid and other characters will be added to explore some time soon.
|
||||
Mid is a cat with black fur and blue hair that stands twice as tall as the people around him. He loves coffee perhaps a bit too much, as any good programmer does, and likes to stay busy.
|
||||
Some noticable traits are his unusually large whiskers, the white moon-shaped spot of fur on his chest, and his fluffy tail.
|
||||
</h4>
|
||||
</article>
|
||||
|
||||
<section class="w-full h-full flex flex-col gap-5 text-center">
|
||||
<img src="/VRChat_1920x1080_2022-06-12_00-59-32.363.png" class="rounded-xl shadow-xl hover:-rotate-2 hover:scale-105 duration-300"/>
|
||||
<p class="text-sm text-zinc-700 dark:text-zinc-300">Picture from the SocialVR game VRChat showing the 3D model of Mid.</p>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<div class="flex justify-center w-full flex-col gap-5">
|
||||
<div class="w-10/12 lg:w-1/2 mx-auto grid grid-cols-2 lg:grid-cols-4 gap-2 lg:gap-5">
|
||||
<!-- <div class="flex w-full flex-col gap-5">
|
||||
<div class="grid grid-cols-2 lg:grid-cols-10 gap-2 lg: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>
|
||||
</article>
|
||||
</section>
|
||||
</div> -->
|
||||
</main>
|
||||
|
After Width: | Height: | Size: 1.7 MiB |
|
After Width: | Height: | Size: 171 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 204 KiB |
Loading…
Reference in new issue