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

🛠 Podcast categories and player

Browse Source
This commit is contained in:
Dennis Reimann
2020-10-05 16:34:52 +02:00
parent 7507cd5249
commit 11a56902cb
13 changed files with 228 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/includes/mixins.pug
View File

@@ -13,6 +13,46 @@ mixin episodeItem(e)
time(datetime=e.date)= e.block || formatDate(e.date)
h3=e.titlePlain
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")
.player__bottom
progress.player__progress.amplitude-song-played-progress(data-amplitude-main-song-played-progress="true")
.player__time
span.player__current-time
span.player__current-minutes.amplitude-current-minutes(data-amplitude-main-current-minutes="true")
= ':'
span.player__current-seconds.amplitude-current-seconds(data-amplitude-main-current-seconds="true")
span.player__duration
span.player__duration-hours.amplitude-duration-hours(data-amplitude-main-duration-hours="true")
= ':'
span.player__duration-minutes.amplitude-duration-minutes(data-amplitude-main-duration-minutes="true")
= ':'
span.player__duration-seconds.amplitude-duration-seconds(data-amplitude-main-duration-seconds="true")
.player__controls
.player__button.amplitude-play-pause(data-amplitude-main-play-pause="true" id="play-pause")
.player__info
.player__album(data-amplitude-song-info="album" data-amplitude-main-song-info="true")
.player__name(data-amplitude-song-info="name" data-amplitude-main-song-info="true")
script.
window.Einundzwanzig = {
amplitude: {
songs: [
{
"name": "#{e.titlePlain}",
"artist": "Einundzwanzig",
"album": "#{e.categoryName + (e.number ? ` #${e.number}` : '')}",
"url": "#{e.enclosure.url}",
"cover_art_url": "#{e.image}"
}
]
}
};
mixin episodeDetails(e)
article.episodeDetails&attributes(attributes)
.media