Files
einundzwanzig.space/src/includes/template.pug
2020-11-23 11:11:22 +01:00

87 lines
3.3 KiB
Plaintext

include mixins
block vars
- const pageTitle = title ? `${title} · ${site.meta.title}` : site.meta.title
- const pageDescription = description || site.meta.description
- const pageKeywords = keywords || site.meta.keywords
- const pageCard = cardImage || site.meta.cardImage
- const pageCardSize = cardSize || 1400
- const themeColor = site.meta.themeColor
<!DOCTYPE html>
html(lang="en")
head
meta(charset="UTF-8")
meta(http-equiv="X-UA-Compatible" content="ie=edge")
meta(name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover")
meta(name="keywords" content=pageKeywords)
meta(name="description" content=pageDescription)
meta(property="og:locale" content="de_DE")
meta(property="og:site_name" content=site.title)
meta(property="og:title" content=pageTitle)
meta(property="og:description" content=pageDescription)
meta(property="og:image" content=assetUrl(pageCard, "http"))
meta(property="og:image:secure_url" content=assetUrl(pageCard))
meta(property="og:image:width" content=pageCardSize)
meta(property="og:image:height" content=pageCardSize)
block og
meta(property="og:type" content="website")
meta(property="twitter:card" content="summary")
meta(property="twitter:title" content=pageTitle)
meta(property="twitter:description" content=pageDescription)
meta(property="twitter:image" content=assetUrl(pageCard))
meta(name="msapplication-TileColor" content=themeColor)
meta(name="theme-color" content=themeColor)
link(rel="preload" as="font" crossorigin href=assetPath("/fonts/inconsolata-400.woff2"))
link(rel="preload" as="font" crossorigin href=assetPath("/fonts/inconsolata-700.woff2"))
link(rel="apple-touch-icon" href=assetPath("/img/favicon/apple-touch-icon.png"))
link(rel="icon" href=assetPath("/img/favicon/favicon.svg"))
link(rel="manifest" href="/site.webmanifest")
link(rel="mask-icon" href=assetPath("/img/favicon/safari-pinned-tab.svg") color=themeColor)
link(rel="stylesheet" href=assetPath("/css/main.css"))
script(src=assetPath("/js/player.js") defer)
script(src=assetPath("/js/main.js"))
title= pageTitle
noscript
style.
.theme { display: none; }
body
header.header#header
.wrap
a(href="/").brand
+sprite("logo-horizontal").logo
.nav
nav
a.navItem(href="/podcast/" class=(navCurrent === 'podcast' && 'current')) Podcast
a.navItem(href="/team/" class=(navCurrent === 'team' && 'current')) Team
button(type="button").theme
+sprite("theme")
#header-anchor
main.main
block main
footer#footer.footer
.wrap
if site.block
p
| Aktualisiert um
= " "
a(href=`https://www.blockstream.info/block-height/${site.block}`)
time(datetime=site.date)= site.block
|.
p.social
a.twitter(href=site.meta.twitterUrl target="_blank" title="Twitter")
+sprite("twitter")
a.telegram(href=site.meta.telegramUrl target="_blank" title="Telegram")
+sprite("telegram")
a.telegram(href=site.meta.sphinxUrl target="_blank" title="Sphinx")
+sprite("sphinx")
p
| Made with 💛 by
= " "
a(href="https://d11n.net" target="_blank") d11n
|.