From 7d5b9f6055e8976d06d40c7c7b4a8268136a277c Mon Sep 17 00:00:00 2001
From: "Gustavo L de Mello (Guz)" <contact@guz.one>
Date: Mon, 16 Dec 2024 22:43:14 -0300
Subject: [PATCH] feat: footer contact info

---
 handlers/pages/home.templ | 37 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/handlers/pages/home.templ b/handlers/pages/home.templ
index 5a96ce5..ee93472 100644
--- a/handlers/pages/home.templ
+++ b/handlers/pages/home.templ
@@ -2,6 +2,7 @@ package pages
 
 import (
 	"net/http"
+	"time"
 
 	"forge.capytal.company/capytalcode/project-comicverse/lib/router/rerrors"
 
@@ -131,9 +132,43 @@ templ (p *Home) page() {
 				aria-hidden="true"
 			></span>
 			<span
-				class="absolute z-1 top-0 left-0 w-full h-full bg-heropattern"
+				class="absolute z-1 top-0 left-0 w-full h-full bg-heropattern bg-bottom"
 				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">
+				<h2
+					class={ "relative z-4 m-4 mb-8 text-5xl vertical-rl rotate-180 text-white",
+							"md:horizontal-tb md:text-center" }
+				>
+					contact@keikos.work
+				</h2>
+				<div class="flex flex-col justify-end m-4 mb-4 text-right">
+					<p class="mb-0">{ time.Now().Format("2006") } &copy; Helena "Keiko" Ayrim</p>
+					<p class="text-xs opacity-50">
+						Made & managed with
+						<span class="i-pixelarticons:heart h-0.75rem">love</span> by 
+						<a
+							class="relative text-current underline-offset-3"
+							href="https://guz.one"
+						>
+							Gustavo "Guz" L Mello
+							<span
+								class={ "absolute inline-block i-pixelarticons:external-link",
+										"w-0.5rem h-0.5rem top-0 right-0 translate-x-100% opacity-50",
+										"md:translate-x-100% md:opacity-100" }
+								aria-label="(Opens in new tab)"
+							></span>
+						</a>
+						(Work In Progress)
+					</p>
+				</div>
+			</div>
+			<span
+				class="absolute z-2 top-0 left-0 w-full h-full bg-gradient-to-t from-black to-transparent"
+				aria-hidden="true"
+			></span>
+		</footer>
 	}
 }