{{ define "header-navbar" }}
<style>
	#nav-icon-lang {
		a {
			display: flex;
			align-items: center;
			gap: .5ch;
		}

		svg {
			stroke: var(--color);
			height: 1rem;
		}
	}

	#nav-icon-theme {
		button {
			background-color: unset;
			margin: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 1.5rem;
		}

		svg {
			--size: 1.2rem;
			stroke: var(--primary);
			stroke-width: .1;
			height: var(--size);
			width: var(--size);
		}
	}

	[data-theme="light"] #nav-icon-theme svg {
		fill: var(--primary);
	}
</style>
{{ end }}

{{ define "navbar" }}
<nav>
	<menu>
		<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>
		<li>
			<a href="https://discord.gg/DCaXfRcy9C" target="_blank">
				{{ .Get "Discord" }}
			</a>
		</li>
		<li><a href="/about">{{ .Get "About" }}</a></li>
		<li id="nav-icon-lang">
			<a href="/language">
				<svg
					version="1.1"
					width="19"
					height="19"
					viewBox="0 0 19 19"
					fill="none"
					xmlns="http://www.w3.org/2000/svg"
				>
					<circle
						cx="9.5"
						cy="9.5"
						r="9"
						stroke-linejoin="round"
					></circle>
					<path
						d="M 9.5   .5
						   C 9.5   .5
						   6.0  3.5
						   6.0  9.5
						   C 6.0 15.5
						   9.5 18.5
						   9.5 18.5"
						stroke-linejoin="round"
					></path>
					<path
						d="M  9.5   .5
						   C  9.5   .5
						   13.0  3.5
						   13.0  9.5
						   C 13.0 15.5
						   9.5 18.5
						   9.5 18.5"
						stroke-linejoin="round"
					></path>
					<path d="M   .5  9.5 H 18.5" stroke-linejoin="round"></path>
					<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>
				{{ .Get "Language" }}
			</a>
		</li>
		<li id="nav-icon-theme">
			<button id="theme-button">
				<svg
					id="nav-icon-theme-dark"
					version="1.1"
					width="24"
					height="24"
					viewBox="0 0 24 24"
					fill="none"
					xmlns="http://www.w3.org/2000/svg"
				>
					<path
						d="M 7.28451 10.3333
						   C 7.10026 10.8546
						   7       11.4156
						   7       12
						   C 7       14.7614
						   9.23858 17
						   12      17
						   C 14.7614 17
						   17      14.7614
						   17      12
						   C 17      9.23858
						   14.7614 7
						   12      7
						   C 11.4156 7
						   10.8546 7.10026
						   10.3333 7.28451"
						stroke-width="1.5"
						stroke-linecap="round"
					></path>
					<path
						d="M 12 2 V 4"
						stroke-width="1.5"
						stroke-linecap="round"
					></path>
					<path
						d="M 12 20 V 22"
						stroke-width="1.5"
						stroke-linecap="round"
					></path>
					<path
						d="M 4 12 L 2 12"
						stroke-width="1.5"
						stroke-linecap="round"
					></path>
					<path
						d="M 22 12 L 20 12"
						stroke-width="1.5"
						stroke-linecap="round"
					></path>
					<path
						d="M 19.7778 4.22266 L 17.5558 6.25424"
						stroke-width="1.5"
						stroke-linecap="round"
					></path>
					<path
						d="M 4.22217 4.22266 L 6.44418 6.25424"
						stroke-width="1.5"
						stroke-linecap="round"
					></path>
					<path
						d="M 6.44434 17.5557 L 4.22211 19.7779"
						stroke-width="1.5"
						stroke-linecap="round"
					></path>
					<path
						d="M 19.7778 19.7773 L 17.5558 17.5551"
						stroke-width="1.5"
						stroke-linecap="round"
					></path>
				</svg>
				<svg
					id="nav-icon-theme-light"
					version="1.1"
					width="24"
					height="24"
					viewBox="0 0 24 24"
					fill="none"
					xmlns="http://www.w3.org/2000/svg"
				>
					<path
						d="M 21.0672 11.8568
						   L 20.4253 11.469
						   L 21.0672 11.8568
						   Z
						   M 12.1432 2.93276
						   L 11.7553 2.29085
						   V 2.29085
						   L 12.1432 2.93276
						   Z
						   M 7.37554 20.013
						   C 7.017 19.8056 6.5582 19.9281 6.3508 20.2866
						   C 6.14339 20.6452 6.26591 21.104 6.62446 21.3114
						   L 7.37554 20.013
						   Z
						   M 2.68862 17.3755
						   C 2.89602 17.7341 3.35482 17.8566 3.71337 17.6492
						   C 4.07191 17.4418 4.19443 16.983 3.98703 16.6245
						   L 2.68862 17.3755
						   Z
						   M 21.25 12
						   C 21.25 17.1086 17.1086 21.25 12 21.25
						   V 22.75
						   C 17.9371 22.75 22.75 17.9371 22.75 12
						   H 21.25
						   Z
						   M 2.75 12
						   C 2.75 6.89137 6.89137 2.75 12 2.75
						   V 1.25
						   C 6.06294 1.25 1.25 6.06294 1.25 12
						   H 2.75
						   Z
						   M 15.5 14.25
						   C 12.3244 14.25 9.75 11.6756 9.75 8.5
						   H 8.25
						   C 8.25 12.5041 11.4959 15.75 15.5 15.75
						   V 14.25
						   Z
						   M 20.4253 11.469
						   C 19.4172 13.1373 17.5882 14.25 15.5 14.25
						   V 15.75
						   C 18.1349 15.75 20.4407 14.3439 21.7092 12.2447
						   L 20.4253 11.469
						   Z
						   M 9.75 8.5
						   C 9.75 6.41182 10.8627 4.5828 12.531 3.57467
						   L 11.7553 2.29085
						   C 9.65609 3.5593 8.25 5.86509 8.25 8.5
						   H 9.75
						   Z
						   M 12 2.75
						   C 11.9115 2.75 11.8077 2.71008 11.7324 2.63168
						   C 11.6686 2.56527 11.6538 2.50244 11.6503 2.47703
						   C 11.6461 2.44587 11.6482 2.35557 11.7553 2.29085
						   L 12.531 3.57467
						   C 13.0342 3.27065 13.196 2.71398 13.1368 2.27627
						   C 13.0754 1.82126 12.7166 1.25 12 1.25
						   V 2.75
						   Z
						   M 21.7092 12.2447
						   C 21.6444 12.3518 21.5541 12.3539 21.523 12.3497
						   C 21.4976 12.3462 21.4347 12.3314 21.3683 12.2676
						   C 21.2899 12.1923 21.25 12.0885 21.25 12
						   H 22.75
						   C 22.75 11.2834 22.1787 10.9246 21.7237 10.8632
						   C 21.286 10.804 20.7293 10.9658 20.4253 11.469
						   L 21.7092 12.2447
						   Z
						   M 12 21.25
						   C 10.3139 21.25 8.73533 20.7996 7.37554 20.013
						   L 6.62446 21.3114
						   C 8.2064 22.2265 10.0432 22.75 12 22.75
						   V 21.25
						   Z
						   M 3.98703 16.6245
						   C 3.20043 15.2647 2.75 13.6861 2.75 12
						   H 1.25
						   C 1.25 13.9568 1.77351 15.7936 2.68862 17.3755
						   L 3.98703 16.6245
						   Z"
					></path>
				</svg>
			</button>
		</li>
	</menu>
</nav>
{{ end }}