feat: standardized formatting conventions across pages

This commit is contained in:
Nick 2024-11-27 22:36:35 -06:00
parent d5e7cfe814
commit ead41f0ed0
19 changed files with 503 additions and 446 deletions

View file

@ -164,53 +164,7 @@ view { toContentMsg, model, content } =
]
]
]
, row
[ alignBottom
, E.width fill
, E.height <| px 100
]
[ row
[ centerX
, centerY
, E.width fill
, E.height fill
, spacing 10
, paddingEach { top = 40, bottom = 10, left = 20, right = 20 }
]
[ E.image
[ E.width <| px 30
, alignBottom
, centerX
]
{ src = "navbar/gitlab-light.png"
, description = ""
}
, E.image
[ E.width <| px 30
, alignBottom
, centerX
]
{ src = "navbar/twitter-light.png"
, description = ""
}
, E.image
[ E.width <| px 30
, alignBottom
, centerX
]
{ src = "navbar/mastodon-light.png"
, description = ""
}
, E.image
[ E.width <| px 33
, alignBottom
, centerX
]
{ src = "navbar/discord-light.png"
, description = ""
}
]
]
, footerIcons
]
, el
[ E.width fill
@ -231,6 +185,49 @@ localhostUrl =
"http://localhost:1234/"
footerIcons : Element msg
footerIcons =
row
[ alignBottom
, E.width fill
, E.height <| px 100
]
[ row
[ centerX
, centerY
, E.width fill
, E.height fill
, spacing 20
, paddingEach { top = 40, bottom = 20, left = 20, right = 20 }
]
<|
List.map
footerImageMaker
iconList
]
footerImageMaker : String -> Element msg
footerImageMaker name =
E.image
[ E.width <| px 20
, alignBottom
, centerX
]
{ src = "navbar/" ++ name ++ "-light.png"
, description = ""
}
iconList : List String
iconList =
[ "gitlab"
, "twitter"
, "mastodon"
, "discord"
]
buttonMaker : String -> Element msg
buttonMaker name =
row