diff options
Diffstat (limited to 'src/templates/-navbar.html.tmpl')
| -rw-r--r-- | src/templates/-navbar.html.tmpl | 67 |
1 files changed, 53 insertions, 14 deletions
diff --git a/src/templates/-navbar.html.tmpl b/src/templates/-navbar.html.tmpl index f1e95e9..e202330 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="/">{{ .GetC "Home" "Navbar Label" }}</a></li> + <li><a href="#TODO">{{ .GetC "News" "Navbar Label" }}</a></li> + <li><a href="/collecting">{{ .GetC "Coin Collecting" "Navbar Label" }}</a></li> + <li><a href="/coins">{{ .GetC "Coins" "Navbar Label" }}</a></li> + <li><a href="/banknotes">{{ .GetC "Banknotes" "Navbar Label" }}</a></li> + <li><a href="/jargon">{{ .GetC "Jargon" "Navbar Label" }}</a></li> + </ul> + <ul> <li> <a href="https://discord.gg/DCaXfRcy9C" target="_blank"> - {{ .T "Discord" }} + {{ .GetC "Discord" "Navbar Label" }} </a> </li> - <li><a href="/about">{{ .T "About" }}</a></li> + <li><a href="/about">{{ .GetC "About" "Navbar Label" }}</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" }} + {{ .GetC "Language" "Navbar Label" }} </a> </li> <li id="nav-icon-theme"> @@ -223,6 +262,6 @@ </svg> </button> </li> - </menu> + </ul> </nav> -{{ end }}
\ No newline at end of file +{{ end }} |