guz013/keikos.work
1
0
Fork 0
Code Issues Pull Requests Activity

feat: add socials section

Browse Source
This commit is contained in:
Guz
2024-12-11 21:18:20 -03:00
parent c60167c79f
commit 8e70a63493
2 changed files with 52 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
handlers/pages/home.templ
View File

@@ -32,7 +32,7 @@ templ (p *home) page() {
>
<h1
class="m-0 flex rows-1 col-2 gap-2 rotate-90 origin-tl text-transparent"
style="-webkit-text-stroke:0.1rem white;"
style="-webkit-text-stroke:0.1rem white;text-stroke:0.1 white;"
>
<span
class="block origin-bl -translate-y-100% flex items-center h-8rem text-10rem"
@@ -48,14 +48,60 @@ templ (p *home) page() {
</h1>
</div>
</div>
<a href="#contact" class="absolute block w-2.5rem h-2.5rem bottom-1rem animate-fade-in-up animate-ease-out i-pixelarticons:arrow-down">See more</a>
<a
href="#contact"
class="absolute block w-2.5rem h-2.5rem bottom-10rem animate-fade-in-up animate-ease-out i-pixelarticons:arrow-down"
>
See more
</a>
</section>
<section class="absolute z-2 w-screen h-250lvh gap-0">
<span class="block w-screen h-45%"></span>
<span class="block w-screen h-20% bg-gradient-to-t from-black to-transparent"></span>
<div class="block w-screen h-35% bg-black pt-5rem flex cols-2 rows-1">
<div class="w-30% h-full bg-red"></div>
<div class="w-70% h-full bg-green"></div>
<div class="block w-screen h-35% bg-black pt-5rem flex cols-2 rows-1 font-serif">
<div class="w-30% h-full">
<h2
class="text-10rem text-transparent rotate-90 m-0"
style="-webkit-text-stroke:0.1rem white;text-stroke:0.1 white;"
>
Socials
</h2>
</div>
<div class="w-70% h-80% text-right pr-2rem flex flex-col justify-between">
<ul class="list-none p-0 text-3xl flex flex-col items-end gap-1rem">
<li class="border-solid border-0 border-b-1 border-white w-fit">
<a
href="https://instagram.com"
class="flex justify-end rows-1 cols-2 gap-0.5rem text-white no-underline"
>
Instagram <span class="i-pixelarticons:camera block w-1.875rem h-1.875rem">I</span>
</a>
</li>
<li class="border-solid border-0 border-b-1 border-white w-fit">
<a
href="https://tumblr.com/keikod"
class="flex justify-end rows-1 cols-2 gap-0.5rem text-white no-underline"
>
Tumblr <span class="i-pixelarticons:file-alt block w-1.875rem h-1.875rem">I</span>
</a>
</li>
<li class="border-solid border-0 border-b-1 border-white w-fit">
<a
href="https://bsky.app/profile/keikos.work"
class="flex justify-end rows-1 cols-2 gap-0.5rem text-white no-underline"
>
Bluesky<span class="i-pixelarticons:bug block w-1.875rem h-1.875rem">I</span>
</a>
</li>
</ul>
<div class="text-xl flex flex-col items-end">
<a
class="border-solid border-0 border-b-1 border-white w-fit m-0"
>
contact@keikos.work
</a>
</div>
</div>
</div>
</section>
}