source ⟩ hypertext ⟩ views ⟩ latbs ⟩ sidebar.pug

mixin pointer(url)
	- const localArt = (lang in archives[url]) ? archives[url][lang] : archives[url].en;
	- if (url == "the-line") localArt.title = "<span class='small-caps'>The Line</span>"
	if localArt.lang == lang
		a.pallet(href=`/${localArt.editionID}`)
			div.square
			div!= localArt.title
	else
		a.pallet.foreign(href=`/${localArt.editionID}`, lang="en-GB")
			div.square
			div!= localArt.title		

- const indexUrl = (lang == "nl") ? "/latbs/nl" : "/latbs";

ul
	li.sr-until-focus
		a.pallet(href="#article")
			div.square
			div!= tr('latbs.category.skipToContent')
	li
		a.pallet(href=indexUrl)
			div.square
			div!= tr('latbs.category.index')
	li
		a.pallet(href="/latbs/maps")
			div.square
			div
				span!= tr('latbs.category.maps')
				span.pictogram 🗺
	li
		- const toolArt = (lang in archives["tools"]) ? archives["tools"][lang] : archives["tools"].en;
		a.pallet(href=`/${toolArt.editionID}`)
			div.square
			div
				span= toolArt.title
				span.pictogram 🛠
	li.astrography
		.pallet
			button.square +
			div
				span!= tr('latbs.category.astrography')
				span.pictogram 🚀
		ul
			li
				.pallet
					button.square +
					div Jupiter
				ul
					li: +pointer("great-red-spot")
	li.geography
		.pallet
			button.square +
			div
				span!= tr('latbs.category.geography')
				span.pictogram 🌍
		ul
			li: +pointer("earth")
			li: +pointer("the-line")
			li: +pointer("panthalassa")
	li.history
		.pallet
			button.square +
			div
				span!= tr('latbs.category.history')
				span.pictogram ⌛
		ul
			li: +pointer("leaders")
			li: +pointer("pod")
			li: +pointer("ww3")
	li.sapiens
		.pallet
			button.square +
			div
				span!= tr('latbs.category.sapiens')
				span.pictogram 👥
		ul
			li
				.pallet
					button.square +
					if lang == "nl"
						div Biografie
					else
						div Biography
				ul
					li: +pointer("szelena-holdt")
					li: +pointer("elon-musk")
					li: +pointer("sejong")
			li
				.pallet
					button.square +
					if lang == "nl"
						div Biologie
					else
						div Biology
				ul
					li: +pointer("humans")
	li.culture
		.pallet
			button.square +
			div
				span!= tr('latbs.category.culture')
				span.pictogram 🎭
		ul
			li
				.pallet
					button.square +
					if lang == "nl"
						div Taal
					else
						div Language
				ul
					li: +pointer('english')
					li: +pointer('glossary')
	li.science
		.pallet
			button.square +
			div
				span!= tr('latbs.category.science')
				span.pictogram 🧪
		ul
			li: +pointer("converter")
			li: +pointer("to-mars")
	li
		a.pallet(href="/")
			div.square
			div
				i!= tr('pan.baseSiteName').replace(" 🍇", "")
				span.pictogram(style="font-size: 1em;") ←
	each ed in translations
		if ed.editionID != slug
			li
				a.pallet(href=`/${ed.editionID}`, hreflang=`${ed.lang}`, title=grimm.sentenceCase(lang, tr(`loc.language.${grimm.dict[ed.lang].meta.id}`)))
					div.square
					div
						span(lang=`${ed.lang}`) #{grimm.dict[ed.lang].meta.name}
						span.pictogram: +flag(grimm.dict[ed.lang].meta.flag)