histausse/typst-web-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweak icons framework and header banner

Browse source
This commit is contained in:
Jean-Marie 'Histausse' Mineau 2026-05-08 21:07:13 +02:00
parent afc446bc9e
commit 9d09803ddc
Signed by: histausse
GPG key ID: B66AEEDA9B645AD2
5 changed files with 177 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

35
lib/nav_menu.typ
View file

@ -1,38 +1,5 @@
#import "./custom_html.typ" as chtml
// Need inline svg for css color control, so no `image` element :(
#let menu-icon = html.elem(
"svg",
attrs: (
//width: "24",
//height: "24",
style: "width: 2em; height: 2em;",
fill: "currentcolor",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
),
html.elem("path", attrs: (
clip-rule: "evenodd",
fill-rule: "evenodd",
d: "M3 6.75A.75.75.0 013.75 6h16.5a.75.75.0 010 1.5H3.75A.75.75.0 013 6.75zM3 12a.75.75.0 01.75-.75h16.5a.75.75.0 010 1.5H3.75A.75.75.0 013 12zm0 5.25a.75.75.0 01.75-.75h16.5a.75.75.0 010 1.5H3.75A.75.75.0 013 17.25z"
))
)
#let close-icon = html.elem(
"svg",
attrs: (
//width: "24",
//height: "24",
style: "width: 2em; height: 2em;",
fill: "currentcolor",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
),
html.elem("path", attrs: (
clip-rule: "evenodd",
fill-rule: "evenodd",
d: "M5.47 5.47a.75.75.0 011.06.0L12 10.94l5.47-5.47a.75.75.0 111.06 1.06L13.06 12l5.47 5.47a.75.75.0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75.0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75.0 010-1.06z"
))
)
#import "./icons.typ": menu-icon, close-icon
/// Buttons to toggle the navigation menu.
/// aria-label is the accessibility label for the toggle.