🛠 Meta information

This commit is contained in:
Dennis Reimann
2020-10-06 17:59:28 +02:00
parent d217db5ad8
commit 72226ddcf7
10 changed files with 70 additions and 25 deletions

View File

@@ -1,10 +1,15 @@
{ {
"title": "Einundzwanzig", "title": "Einundzwanzig, der Bitcoin Podcast",
"description": "Toximalistisches Infotainment für bullishe Bitcoiner.", "description": "Toximalistisches Infotainment für bullishe Bitcoiner.",
"keywords": "Bitcoin,Podcast,Lightning Network", "keywords": "Bitcoin,Podcast,Lightning Network",
"themeColor": "#FFFFFF", "themeColor": "#FFFFFF",
"cardImage": "img/card.png", "cardImage": "/img/card.png",
"twitterUrl": "https://twitter.com/_einundzwanzig_", "twitterUrl": "https://twitter.com/_einundzwanzig_",
"telegramUrl": "https://t.me/einundzwanzigpodcast", "telegramUrl": "https://t.me/einundzwanzigpodcast",
"shoutoutUrl": "https://tallyco.in/s/zfxqtu/" "shoutoutUrl": "https://tallyco.in/s/zfxqtu/",
"spotifyUrl": "https://open.spotify.com/show/10408JFbE1n8MexfrBv33r",
"appleUrl": "https://podcasts.apple.com/de/podcast/einundzwanzig-der-bitcoin-podcast/id1488229907",
"overcastUrl": "https://overcast.fm/itunes1488229907/einundzwanzig-der-bitcoin-podcast",
"anchorUrl": "https://anchor.fm/einundzwanzig",
"feedUrl": "https://anchor.fm/s/d8d3c38/podcast/rss"
} }

View File

@@ -11,7 +11,10 @@ const assetPath = path => {
return `${(revs && revs[path]) || path}` return `${(revs && revs[path]) || path}`
} }
const assetUrl = (path, protocol = 'https') => { const assetUrl = (path, protocol = 'https') => {
return `${protocol}://einundzwanzig.space/${assetPath(path)}` const base = path.startsWith('http') ? '' : `${protocol}://einundzwanzig.space`
let url = `${base}${assetPath(path)}`
if (!url.startsWith(`${protocol}:`)) url = url.replace(/^.*:/, `${protocol}:`)
return url
} }
module.exports = { module.exports = {

View File

@@ -1,8 +1,11 @@
extends /template.pug extends /template.pug
block main block vars
- const current = episodes.shift() - const current = episodes.shift()
- const title = categoryName
- const description = 'Wir bringen dir die Bitcoin-News der Woche, sowie zusätzlich Interviews und die besten Artikel als Lesestunde. Außerdem erfährst du in "Der Weg" wie andere Leute zu Bitcoin gekommen sind.'
block main
#podcast.wrap #podcast.wrap
section section
h1= categoryName h1= categoryName

View File

@@ -40,7 +40,6 @@ h4,
h5, h5,
h6 { h6 {
line-height: 1; line-height: 1;
color: var(--color-secondary);
& a { & a {
color: inherit; color: inherit;
@@ -49,11 +48,13 @@ h6 {
} }
h1 { h1 {
font-size: var(--font-size-xxl); font-size: var(--font-size-xxxl);
font-weight: var(--font-weight-regular);
} }
h2 { h2 {
font-size: var(--font-size-xl); font-size: var(--font-size-xl);
color: var(--color-secondary);
} }
h3 { h3 {

View File

@@ -3,7 +3,7 @@
display: inline-flex; display: inline-flex;
flex-wrap: wrap; flex-wrap: wrap;
list-style: none; list-style: none;
margin: 0; margin: 0 0 var(--space-l) 0;
& li { & li {
margin: 0 var(--space-m) var(--space-m) 0; margin: 0 var(--space-m) var(--space-m) 0;

View File

@@ -1,5 +1,22 @@
extends /template.pug extends /template.pug
block vars
- const title = episode.title
- const description = episode.contentSnippet
- const cardImage = episode.image
- const cardSize = 3000
block og
meta(property="og:type" content="article")
meta(property="og:url" content=`https://einundzwanzig.space/podcast/${episode.slug}/`)
meta(property="og:audio" content=assetUrl(episode.enclosure.url, "http"))
meta(property="og:audio:secure_url" content=assetUrl(episode.enclosure.url, "https"))
meta(property="og:audio:type" content=episode.enclosure.type)
meta(property="article:section" content="Technology")
meta(property="article:published_time" content=episode.date)
meta(property="article:author" content=site.meta.twitterUrl)
meta(property="twitter:creator" content=site.meta.twitterUrl.replace('https://twitter.com/', ''))
block main block main
#episode.wrap #episode.wrap
section section

View File

@@ -2,10 +2,11 @@ include mixins
block vars block vars
- const pageTitle = title ? `${title} · ${site.title}` : site.meta.title - const pageTitle = title ? `${title} · ${site.meta.title}` : site.meta.title
- const pageDescription = description || site.meta.description - const pageDescription = description || site.meta.description
- const pageKeywords = keywords || site.meta.keywords - const pageKeywords = keywords || site.meta.keywords
- const pageCard = cardImage || site.meta.cardImage - const pageCard = cardImage || site.meta.cardImage
- const pageCardSize = cardSize || 1402
- const themeColor = '#FFFFFF' - const themeColor = '#FFFFFF'
<!DOCTYPE html> <!DOCTYPE html>
@@ -20,15 +21,17 @@ html(lang="en")
meta(property="og:site_name" content=site.title) meta(property="og:site_name" content=site.title)
meta(property="og:title" content=pageTitle) meta(property="og:title" content=pageTitle)
meta(property="og:description" content=pageDescription) meta(property="og:description" content=pageDescription)
meta(property="og:type" content="website")
meta(property="og:image" content=assetUrl(pageCard, "http")) meta(property="og:image" content=assetUrl(pageCard, "http"))
meta(property="og:image:secure_url" content=assetUrl(pageCard)) meta(property="og:image:secure_url" content=assetUrl(pageCard))
meta(property="og:image:width" content=1402) meta(property="og:image:width" content=pageCardSize)
meta(property="og:image:height" content=1402) meta(property="og:image:height" content=pageCardSize)
block og
meta(property="og:type" content="website")
meta(property="twitter:card" content="summary") meta(property="twitter:card" content="summary")
meta(property="twitter:title" content=pageTitle) meta(property="twitter:title" content=pageTitle)
meta(property="twitter:description" content=pageDescription) meta(property="twitter:description" content=pageDescription)
meta(property="twitter:image" content=assetUrl(pageCard)) meta(property="twitter:image" content=assetUrl(pageCard))
meta(name="msapplication-TileColor" content=themeColor) meta(name="msapplication-TileColor" content=themeColor)
meta(name="theme-color" 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-400.woff2"))

View File

@@ -1,27 +1,35 @@
extends /template.pug extends /template.pug
block main block vars
- const current = episodes.shift() - const current = episodes.shift()
- const title = 'Podcast'
- const description = 'Wir bringen dir die Bitcoin-News der Woche, sowie zusätzlich Interviews und die besten Artikel als Lesestunde. Außerdem erfährst du in "Der Weg" wie andere Leute zu Bitcoin gekommen sind.'
block main
#podcast.wrap #podcast.wrap
section section
h1 Podcast h1= title
:markdown-it(html linkify typographer) p= description
Du findest uns auf
[Spotify](https://open.spotify.com/show/10408JFbE1n8MexfrBv33r),
[Apple Podcasts](https://podcasts.apple.com/de/podcast/einundzwanzig-der-bitcoin-podcast/id1488229907),
[Overcast](https://overcast.fm/itunes1488229907/einundzwanzig-der-bitcoin-podcast) und
[Anchor](https://anchor.fm/einundzwanzig).
a.button(href="https://anchor.fm/s/d8d3c38/podcast/rss") Jetzt abonnieren
section
h2 Kategorien
ul.categories ul.categories
li: a(href="/podcast/news/") News li: a(href="/podcast/news/") News
li: a(href="/podcast/interviews/") Interviews li: a(href="/podcast/interviews/") Interviews
li: a(href="/podcast/lesestunde/") Lesestunde li: a(href="/podcast/lesestunde/") Lesestunde
li: a(href="/podcast/der-weg/") Der Weg li: a(href="/podcast/der-weg/") Der Weg
li: a(href="/podcast/verschiedenes/") Verschiedenes li: a(href="/podcast/verschiedenes/") Verschiedenes
p
| Du findest uns auf
= " "
a(href=site.meta.spotifyUrl) Spotify
= ", "
a(href=site.meta.appleUrl) Apple Podcasts
= ", "
a(href=site.meta.overcastUrl) Overcast
= " und "
a(href=site.meta.anchorUrl) Anchor
= "."
a.button(href=site.meta.feedUrl) Jetzt abonnieren
section section
h2 Aktuelle Episode h2 Aktuelle Episode
.current .current

View File

@@ -1,9 +1,13 @@
extends /template.pug extends /template.pug
block vars
- const title = 'Team'
- const description = 'Einmal die Woche sitzen diese Jungs zusammen und besprechen die aktuellen Geschehnisse in Bitcoin und der Welt.'
block main block main
#team.wrap #team.wrap
section section
h1 Team h1= title
ul.members(data-shuffle) ul.members(data-shuffle)
each m in shuffle(team) each m in shuffle(team)
li.member li.member

View File

@@ -34,6 +34,7 @@ const parseInfo = e => {
const episodes = feed.items.map(e => ({ const episodes = feed.items.map(e => ({
title: e.title.trim(), title: e.title.trim(),
content: e.content.trim(), content: e.content.trim(),
contentSnippet: e.contentSnippet.trim(),
anchor: e.link, anchor: e.link,
date: e.isoDate, date: e.isoDate,
enclosure: e.enclosure, enclosure: e.enclosure,