einundzwanzig/einundzwanzig.space
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig.space.git synced 2025-12-14 08:46:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

🛠 Image improvements

Browse Source
This commit is contained in:
Dennis Reimann
2020-10-06 19:13:38 +02:00
parent 72226ddcf7
commit 0664152f9e
30 changed files with 38 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/css/sections/podcast.css
View File

@@ -121,13 +121,9 @@
min-width: 300px;
max-width: 400px;
}
@media (--M_and_up) {
}
}
.player__cover {
display: block;
.player__coverlink {
@media (--up_to_M) {
width: 100%;
}
@@ -136,6 +132,11 @@
}
}
.player__cover {
display: block;
width: 100%;
}
.player__bottom {
flex: 1;
color: var(--color-body-text);

2
src/episode.pug
View File

@@ -4,7 +4,7 @@ block vars
- const title = episode.title
- const description = episode.contentSnippet
- const cardImage = episode.image
- const cardSize = 3000
- const cardSize = episode.image.match('cloudfront') ? 3000 : 1400
block og
meta(property="og:type" content="article")

7
src/includes/mixins.pug
View File

@@ -6,7 +6,7 @@ mixin episodeItem(e)
article.episodeItem&attributes(attributes)
a.plain(href=`/podcast/${e.slug}/`)
.media
img(src=e.image alt=e.title loading="lazy")
img(src=assetPath(e.image) alt=e.title loading="lazy")
.content
.meta
span= e.categoryName + (e.number ? ` #${e.number}` : '')
@@ -15,7 +15,8 @@ mixin episodeItem(e)
mixin episodePlayer(e)
.player.player--single&attributes(attributes)
img.player__cover(src=imgLarge data-amplitude-song-info="cover_art_url" data-amplitude-main-song-info="true")
a.player__coverlink(href=`/podcast/${e.slug}/`)
img.player__cover(src=imgLarge data-amplitude-song-info="cover_art_url" data-amplitude-main-song-info="true")
.player__bottom
progress.player__progress.amplitude-song-played-progress(data-amplitude-main-song-played-progress="true")
@@ -50,7 +51,7 @@ mixin episodePlayer(e)
"artist": "Einundzwanzig",
"album": "#{e.categoryName + (e.number ? ` #${e.number}` : '')}",
"url": "#{e.enclosure.url}",
"cover_art_url": "#{e.image}"
"cover_art_url": "#{assetPath(e.image)}"
}
]
}

2
src/includes/template.pug
View File

@@ -6,7 +6,7 @@ block vars
- const pageDescription = description || site.meta.description
- const pageKeywords = keywords || site.meta.keywords
- const pageCard = cardImage || site.meta.cardImage
- const pageCardSize = cardSize || 1402
- const pageCardSize = cardSize || 1400
- const themeColor = '#FFFFFF'
<!DOCTYPE html>

2
src/index.pug
View File

@@ -46,4 +46,4 @@ block main
darüber abstimmen welches Bitcoin-Projekt aus Deutschland diese kostbaren Sats bekommen soll.
Wenn du also einen Shoutout in unserem Podcast kaufst, unterstützt du damit auch ein Bitcoin Projekt.
a.button(href=site.meta,shoutoutUrl) Sende uns einen Shout-Out
a.button(href=site.meta.shoutoutUrl) Sende uns einen Shout-Out