extends ../layout.pug
mixin navbar
block navbar
ul
li.nav-arrow.nav-arrow-left: a(href="/hymns/test") #[span.dingbat ☙] #[b(lang="grc") Αστρων] #[i To the stars]
li.nav-current Ζʹ · VII
li: a(href="/hymns/test") #[i To Selene] #[b(lang="grc") Σηληνης] #[span.dingbat ❧]
append presets
- hasSidenotes = true
- bodyAttrs = {"data-sidenote-width": "1100"}
append cosmetics
link(href="/hymns/hymnal.css", rel="stylesheet")
script(src="/hymns/hymn-themer.js")
block body
div#body-container.articles
header#subsite-header
block ancient-pic
img(src="/hymns/thumbnails/helios-ancient.jpg" alt="Ancient relief of Helios")
a(href="/hymns") #[strong(lang="grc") Οἱ Διαδικτυακοὶ Ὀρφικοὶ Ὕμνοι] #[small The Orphic Hymns Online]
block modern-pic
img(src="/hymns/thumbnails/helios-modern.jpg" alt="Modern painting of Helios")
nav.navbar#navbar-top
+navbar
div#greek-side(lang="grc")
div#settings
button#toggle-nomenclature(onclick="toggleNomenclature();")
.icon 📛️
div.button-greek(lang="grc") Λατῖνα ὀνόματα
div.button-english(lang="en-GB") Roman names
button#toggle-theme(onclick="toggleTheme();")
.icon 🌗️
div.button-greek(lang="grc") Λευκὸν χρῶμα
div.button-english(lang="en-GB") Light theme
block greek
h1 Header
div.offering Offering
p.hymn-greek
:format-hymn
Your hymn here
aside#sidenotes
div#english-side
block english
h1 Header
div.offering Offering
p.hymn-english Your hymn here
nav.navbar#navbar-bottom
+navbar