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

feat: footer desktop support

Browse Source
This commit is contained in:
Guz
2024-12-16 23:07:27 -03:00
parent 9161a41e37
commit dc56e34bf1
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
handlers/pages/home.templ
View File

@@ -136,11 +136,14 @@ templ (p *Home) page() {
aria-hidden="hidden"
></span>
</main>
<footer class="relative w-full h-screen bg-heropattern bg-black bg-top overflow-x-hidden">
<div class="relative z-3 w-full h-full flex justify-between md:w-fit md:h-fit">
<footer
class={ "relative w-full h-screen bg-heropattern bg-black bg-top overflow-x-hidden",
"md:flex justify-center items-center" }
>
<div class={ "relative z-3 w-full h-full flex justify-between md:w-fit md:h-fit md:gap-7" }>
<h2
class={ "relative z-4 m-4 mb-8 text-5xl vertical-rl rotate-180 text-white",
"md:horizontal-tb md:text-center" }
"md:horizontal-tb md:text-center md:rotate-0 md:m-0 md:flex md:items-center" }
>
<a
class="text-current no-underline"
@@ -150,9 +153,9 @@ templ (p *Home) page() {
contact@keikos.work
</a>
</h2>
<div class="flex flex-col justify-end m-4 mb-4 text-right">
<div class="flex flex-col justify-end m-4 mb-4 text-right md:m-0 md:justify-center">
<p class="mb-0">{ time.Now().Format("2006") } &copy; Helena "Keiko" Ayrim</p>
<p class="text-xs opacity-50">
<p class="text-xs opacity-50 md:mt-1">
Made & managed with
<span class="i-pixelarticons:heart h-0.75rem">love</span> by
<a
@@ -170,7 +173,8 @@ templ (p *Home) page() {
aria-label="(Opens in new tab)"
></span>
</a>
(Work In Progress)
<span class="inline-block md:hidden pl-3">(Work In Progress)</span>
<span class="hidden md:inline-block pl-3">(WIP)</span>
</p>
</div>
</div>