diff options
Diffstat (limited to 'src/templates/-navbar.html.tmpl')
| -rw-r--r-- | src/templates/-navbar.html.tmpl | 65 |
1 files changed, 52 insertions, 13 deletions
diff --git a/src/templates/-navbar.html.tmpl b/src/templates/-navbar.html.tmpl index f1e95e9..588f554 100644 --- a/src/templates/-navbar.html.tmpl +++ b/src/templates/-navbar.html.tmpl @@ -1,20 +1,59 @@ +{{ 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> - <li><a href="/">{{ .T "Home" }}</a></li> - <li><a href="#TODO">{{ .T "News" }}</a></li> - <li><a href="/collecting">{{ .T "Coin Collecting" }}</a></li> - <li><a href="/coins">{{ .T "Coins" }}</a></li> - <li><a href="/banknotes">{{ .T "Banknotes" }}</a></li> - <li><a href="/jargon">{{ .T "Jargon" }}</a></li> - </menu> - <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> + </ul> + <ul> <li> <a href="https://discord.gg/DCaXfRcy9C" target="_blank"> - {{ .T "Discord" }} + {{ .Get "Discord" }} </a> </li> - <li><a href="/about">{{ .T "About" }}</a></li> + <li><a href="/about">{{ .Get "About" }}</a></li> <li id="nav-icon-lang"> <a href="/language"> <svg @@ -55,7 +94,7 @@ <path d="M 17.0 5.0 H 2.0" stroke-linejoin="round"></path> <path d="M 17.0 14.0 H 2.0" stroke-linejoin="round"></path> </svg> - {{ .T "Language" }} + {{ .Get "Language" }} </a> </li> <li id="nav-icon-theme"> @@ -223,6 +262,6 @@ </svg> </button> </li> - </menu> + </ul> </nav> {{ end }}
\ No newline at end of file |