From dffb1f581aa8d1fa3266c23bb6a4dbc605571a20 Mon Sep 17 00:00:00 2001
From: sammyette <torchedsammy@gmail.com>
Date: Sun, 4 May 2025 14:57:40 -0400
Subject: [PATCH] fix(website): fix position for navbar, add footer

---
 website/src/website.gleam | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/website/src/website.gleam b/website/src/website.gleam
index b834216..ddb490c 100644
--- a/website/src/website.gleam
+++ b/website/src/website.gleam
@@ -48,7 +48,7 @@ fn create_page(content: element.Element(a)) -> element.Element(a) {
 			html.meta([attribute.content("https://rosettea.github.io/Hilbish/versions/new-website"), attribute.attribute("property", "og:url")])
 		]),
 		html.body([], [
-			html.nav([attribute.class("fixed top-0 w-full z-50 p-1 mb-2 border-b border-b-zinc-300 backdrop-blur-md")], [
+			html.nav([attribute.class("sticky top-0 w-full z-50 p-1 mb-2 border-b border-b-zinc-300 backdrop-blur-md")], [
 				html.div([attribute.class("flex mx-auto")], [
 					html.div([], [
 						html.a([attribute.href("/"), attribute.class("flex items-center gap-1")], [
@@ -65,7 +65,33 @@ fn create_page(content: element.Element(a)) -> element.Element(a) {
 					])
 				]),
 			]),
-			html.main([attribute.class("mx-4")], [content])
+			html.main([attribute.class("mx-4")], [content]),
+			html.footer([attribute.class("py-4 px-6 flex flex-row justify-around border-t border-t-zinc-300")], [
+				html.div([attribute.class("flex flex-col")], [
+					html.a([attribute.href("/"), attribute.class("flex items-center gap-1")], [
+						html.img([
+							attribute.src("/hilbish-flower.png"),
+							attribute.class("h-24")
+						]),
+						html.span([
+							attribute.class("self-center text-6xl")
+						], [
+							element.text("Hilbish"),
+						]),
+					]),
+					html.span([attribute.class("text-xl")], [element.text("The Moon-powered shell!")]),
+					html.span([attribute.class("text-light text-neutral-500")], [element.text("MIT License, copyright sammyette 2025")])
+				]),
+				html.div([attribute.class("flex flex-col")], [
+					link("https://github.com/Rosettea/Hilbish", "GitHub")
+				])
+			])
 		])
 	])
 }
+
+fn link(url: String, text: String) {
+	html.a([attribute.href(url)], [
+		html.span([attribute.class("text-pink-300 text-light")], [element.text(text)])
+	])
+}