2
2
mirror of https://github.com/Hilbis/Hilbish synced 2025-05-11 14:53:22 +00:00

fix(website): fix position for navbar, add footer

This commit is contained in:
sammyette 2025-05-04 14:57:40 -04:00
parent 896492b98c
commit dffb1f581a
Signed by: sammyette
GPG Key ID: 904FC49417B44DCD

View File

@ -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.meta([attribute.content("https://rosettea.github.io/Hilbish/versions/new-website"), attribute.attribute("property", "og:url")])
]), ]),
html.body([], [ 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([attribute.class("flex mx-auto")], [
html.div([], [ html.div([], [
html.a([attribute.href("/"), attribute.class("flex items-center gap-1")], [ 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)])
])
}