diff options
Diffstat (limited to 'src/templates/-navbar.html.tmpl')
| -rw-r--r-- | src/templates/-navbar.html.tmpl | 47 |
1 files changed, 43 insertions, 4 deletions
diff --git a/src/templates/-navbar.html.tmpl b/src/templates/-navbar.html.tmpl index 442de5b..588f554 100644 --- a/src/templates/-navbar.html.tmpl +++ b/src/templates/-navbar.html.tmpl @@ -1,14 +1,53 @@ +{{ define "header-navbar" }} +<style> + #nav-icon-lang { + a { + display: flex; + align-items: center; + gap: .5ch; + } + + svg { + stroke: var(--pico-color); + height: 1rem; + } + } + + #nav-icon-theme { + button { + background-color: unset; + margin: 0; + display: flex; + justify-content: center; + align-items: center; + height: 1.5rem; + } + + svg { + stroke: var(--pico-primary); + stroke-width: .1; + height: 1.2rem; + width: 2rem; + } + } + + [data-theme="light"] #nav-icon-theme svg { + fill: var(--pico-primary); + } +</style> +{{ end }} + {{ define "navbar" }} <nav> - <menu> + <ul> <li><a href="/">{{ .Get "Home" }}</a></li> <li><a href="#TODO">{{ .Get "News" }}</a></li> <li><a href="/collecting">{{ .Get "Coin Collecting" }}</a></li> <li><a href="/coins">{{ .Get "Coins" }}</a></li> <li><a href="/banknotes">{{ .Get "Banknotes" }}</a></li> <li><a href="/jargon">{{ .Get "Jargon" }}</a></li> - </menu> - <menu> + </ul> + <ul> <li> <a href="https://discord.gg/DCaXfRcy9C" target="_blank"> {{ .Get "Discord" }} @@ -223,6 +262,6 @@ </svg> </button> </li> - </menu> + </ul> </nav> {{ end }}
\ No newline at end of file |