source ⟩ hypertext ⟩ views ⟩ latbs ⟩ mainpage.pug

doctype html

include latbs-mixins.pug
include ../comments.pug

block presets
	- let snCounter = (x) => `${x}`
	- let rootAttrs = {}
	- let langOverride = false
	- let hasComments = true
	- let commentSubtitle = null

html(lang=`${langOverride && (langOverride.match(/^[a-z]+/)[0] == lang.match(/^[a-z]+/)[0]) ? langOverride : grimm.dict[lang].meta.code}`)&attributes(rootAttrs)
	head
		block head
			meta(charset="utf-8")
			meta(name="viewport", content="width=device-width, initial-scale=1.0")
			block title
				title #{tr('latbs.header.siteName.title')}
			link(rel="icon", href="/latbs/media/favicon.webp")
			link(rel="alternate" type="application/rss+xml" title="The Satyrs’ Forest 🍇 (changelog)" href="/new/feed.xml")
			link(rel="alternate" type="application/rss+xml" title="The Garden 🌿 (blog)" href="/garden/feed")
			block cosmetics
				link(href="/cosmetics/style.css", rel="stylesheet")
				link(href="/cosmetics/comments.css", rel="stylesheet")
				link(href="/cosmetics/sidenotes.css", rel="stylesheet")
				link(href="/latbs/belka.css", rel="stylesheet")
				script(src="/cosmetics/script.js")
				script(src="/cosmetics/sidenotes.js")
				script(src="/latbs/strelka.js")
			block og
				meta(property="og:url", content=`https://satyrs.eu/${slug}`)
				meta(property="og:type", content="website")
				meta(property="og:title", content=`${tr('latbs.header.siteName.title')}`)
				meta(property="og:site_name", content=`${tr('pan.baseSiteName')}`)
				meta(property="og:locale", content=`${(langOverride && (langOverride.match(/^[a-z]+/)[0] == lang.match(/^[a-z]+/)[0]) ? langOverride : grimm.dict[lang].meta.code).replace("-","_")}`)
	body(class=category)
		#body-container
			header#desktop-header
				h1: a(href="/latbs"): img.site-logo(src=`/latbs/logotype_${lang}_path_white.svg` alt=tr('latbs.header.siteName.title'))
				.site-header-fiddlybits
					.site-header-yearspan 1980 – 2558
					.site-header-slogan(lang="grc" data-latin="Πρὸς τἄστρα ἵν’ ἀνθῶμεν" data-local=tr("latbs.header.translation")) Πρὸς τἄστρα ἵν’ ἀνθῶμεν
			header#mobile-header
				h1: a(href="/latbs"): img.site-logo(src=`/latbs/logotype_${lang}_path_white.svg` alt=tr('latbs.header.siteName.title'))
				a.menu-button(href="#open-menu") ☰ #{tr('latbs.header.menu')}
			nav.meta#open-menu
				include sidebar.pug
				div
				a(href="#")
			article#article
				main
					block content
						p Article goes here
					if hasComments
						+comments("the-comments", commentSubtitle)
					div#cc0-notice: small!= tr("latbs.publicDomain")
		aside#sidenotes