@ -9,19 +9,26 @@
< main >
< section class = "relative h-screen" >
< div class = "h- 3/4 -z-1 absolute bg-zinc-800 shadow-xl w-screen slide"> < / div >
< div class = "h- screen lg:h- 3/4 -z-1 absolute bg-zinc-800 shadow-xl w-screen slide"> < / div >
< div class = "w-2/3 mx-auto py-32 flex gap-10" id = "about" >
< div class = "flex flex-col gap-10 w-2/3 z-10 fade" >
< h1 class = "text-red-500 flex gap-5 items-end" > < span class = "font-bold text-6xl" > Nya!< / span > < span class = "text-3xl" > Welcome to the fire cat place!< / span > < / h1 >
< div class = "lg:w-2/3 mx-auto lg:py-32 flex flex-col lg:flex-row gap-5 lg:gap-10 px-3 lg:px-0" id = "about" >
< p class = "w-3/4 text-xl text-gray-300" >
< div class = "flex lg:hidden flex-col gap-5 -mt-10 z-10 fade w-full" >
< div class = "flex flex-row gap-0 -mb-3 items-end" >
< h1 class = "text-red-500 flex flex-col gap-5 w-1/2 font-bold text-6xl" > Nya!< / h1 >
< div class = "fade w-1/2" >
< img src = "/images/sticker1.png" alt = "Alex Fursona" / >
< / div >
< / div >
< h2 class = "text-red-500 text-2xl" > Welcome to the fire cat place!< / h2 >
< p class = "lg:w-3/4 text-xl text-gray-300" >
It's really warm and cozy in here, wanna stay with me for a moment? I'm going to tell you a story about me... And I have cookies!
< / p >
< br / >
< div class = "flex gap-5" >
< div class = "flex flex-col lg:flex-row gap-5">
< Social link = "https://twitter.com/3D_AlexArcher" icon = "🐦" text = "Twitter" > < / Social >
< Social link = "https://www.furaffinity.net/user/lazyfairy/" icon = "🦊" text = "FurAffinity" > < / Social >
< Social link = "https://www.twitch.tv/3d_alexarcher" icon = "📹" text = "Twitch" > < / Social >
@ -29,17 +36,29 @@
< / div >
< / div >
< div class = "w-1/3 fade" >
< img src = "/images/frontpage.png" alt = "Alex Fursona" class = "-mt-20 float scale-150" / >
< div class = "hidden lg:flex flex-col gap-10 lg:w-2/3 z-10 fade" >
< h1 class = "text-red-500 flex flex-col lg:flex-row gap-5 lg:items-end" > < span class = "font-bold text-6xl" > Nya!< / span > < span class = "text-3xl" > Welcome to the fire cat place!< / span > < / h1 >
< p class = "lg:w-3/4 text-xl text-gray-300" >
It's really warm and cozy in here, wanna stay with me for a moment? I'm going to tell you a story about me... And I have cookies!
< / p >
< br / >
< div class = "flex flex-col lg:flex-row gap-5" >
< Social link = "https://twitter.com/3D_AlexArcher" icon = "🐦" text = "Twitter" > < / Social >
< Social link = "https://www.furaffinity.net/user/lazyfairy/" icon = "🦊" text = "FurAffinity" > < / Social >
< Social link = "https://www.twitch.tv/3d_alexarcher" icon = "📹" text = "Twitch" > < / Social >
< Social link = "https://discord.gg/YedfABNp7A" icon = "💬" text = "Discord" > < / Social >
< / div >
< / div >
< / section >
<!-- <section class="grid grid - cols - 2 gap - 5 w - 2/3 mx - auto h - screen">
< h1 class = "font-bold text-right text-red-500 text-6xl" > AlexArcher< / h1 >
< div class = "hidden lg:block lg:w-1/3 fade" >
< img src = "/images/frontpage.png" alt = "Alex Fursona" class = "lg:-mt-20 lg:float lg:scale-150" / >
< / div >
< img src = "/images/frontpage.png" alt = "Alex Fursona" class = "h-4/5 pushup" / >
< / section > -->
< / div >
< / section >
< / main >