2
2
mirror of https://github.com/Hilbis/Hilbish synced 2025-07-01 16:52:03 +00:00

fix: add more spacing on home page

This commit is contained in:
sammyette 2025-06-22 19:30:34 -04:00
parent 2a2bf03fad
commit 6a41388699
Signed by: sammyette
GPG Key ID: 904FC49417B44DCD

View File

@ -14,7 +14,9 @@ pub fn page() -> element.Element(a) {
), ),
], ],
[ [
html.div([attribute.class("gap-1 flex flex-col items-center")], [ html.div(
[attribute.class("gap-1 flex flex-col items-center text-center")],
[
html.span( html.span(
[attribute.class("flex flex-row items-center justify-center")], [attribute.class("flex flex-row items-center justify-center")],
[ [
@ -30,7 +32,8 @@ pub fn page() -> element.Element(a) {
html.p([attribute.class("text-6xl font-light")], [ html.p([attribute.class("text-6xl font-light")], [
element.text("Something Unique."), element.text("Something Unique."),
]), ]),
]), ],
),
html.p([attribute.class("text-center")], [ html.p([attribute.class("text-center")], [
element.text( element.text(
"Hilbish is the new Moon-powered interactive shell for Lua fans!", "Hilbish is the new Moon-powered interactive shell for Lua fans!",
@ -55,7 +58,7 @@ pub fn page() -> element.Element(a) {
]), ]),
], ],
), ),
html.div([attribute.class("text-center")], [ html.div([attribute.class("py-4 text-center border-b border-b-zinc-300")], [
html.span( html.span(
[ [
attribute.class( attribute.class(
@ -68,14 +71,14 @@ pub fn page() -> element.Element(a) {
html.div( html.div(
[ [
attribute.class( attribute.class(
"flex flex-col justify-center items-center gap-6 mt-4", "min-h-screen flex flex-col justify-around items-center gap-6",
), ),
], ],
[ [
html.h1( html.h1(
[ [
attribute.class( attribute.class(
"mt-3 text-5xl gap-2 font-bold inline-flex justify-center items-center", "mt-3 text-5xl gap-2 font-bold inline-flex flex-wrap justify-center items-center",
), ),
], ],
[ [
@ -133,7 +136,7 @@ pub fn page() -> element.Element(a) {
html.div( html.div(
[ [
attribute.class( attribute.class(
"border-t border-t-zinc-300 text-center bg-neutral-100 dark:bg-neutral-900 -mx-4 p-4", "-mx-4 px-4 py-8 -mt-4 text-center border-b border-b-zinc-300 bg-neutral-100 dark:bg-neutral-900",
), ),
], ],
[ [
@ -145,20 +148,24 @@ pub fn page() -> element.Element(a) {
], ],
[element.text("Download It Now!")], [element.text("Download It Now!")],
), ),
html.div([attribute.class("flex flex-col items-center mt-4 gap-2")], [ html.div(
[attribute.class("h-full flex flex-col items-center mt-8 gap-6")],
[
html.p([attribute.class("md:w-3/6")], [ html.p([attribute.class("md:w-3/6")], [
element.text( element.text(
"To find out all that Hilbish can do, you should just try it out! It's officially available on Linux, MacOS, Windows, and probably builds on anything Go is available on!", "To find out all that Hilbish can do, you should just try it out! It's officially available on Linux, MacOS, Windows, and probably builds on anything Go is available on!",
), ),
]), ]),
html.div([], [
html.h2([attribute.class("text-3xl font-semibold")], [ html.h2([attribute.class("text-3xl font-semibold")], [
element.text("Featured Downloads"), element.text("Featured Downloads"),
]), ]),
html.p([], [ html.p([attribute.class("sm:w-1/2 justify-self-center")], [
element.text( element.text(
"These are \"portable\" binary releases of Hilbish from GitHub. All the required files are in the archive. Put it somewhere, add the directory to your $PATH, and use Hilbish.", "These are \"portable\" binary releases of Hilbish from GitHub. All the required files are in the archive. Put it somewhere, add the directory to your $PATH, and use Hilbish.",
), ),
]), ]),
]),
html.div( html.div(
[ [
attribute.class( attribute.class(
@ -235,7 +242,8 @@ pub fn page() -> element.Element(a) {
], ],
), ),
util.link(conf.base_url_join("/install"), "Other Downloads", True), util.link(conf.base_url_join("/install"), "Other Downloads", True),
]), ],
),
], ],
), ),
]) ])