Template:AudioEpisodeCard: Difference between revisions
From Bodhicitta
(Request a 100px thumbnail instead of the full-size image) |
(VSCode edit) |
||
| Line 1: | Line 1: | ||
<includeonly><div class="audio-episode filterable"> | <includeonly><!-- | ||
<div class="audio-episode-thumb">[[File:{{PAGENAME:{{#show:{{{ AssociatedArticle | }}}|?FrontCoverImg#}}}}| | The cover is requested at 120px, not 100px. The Commons scaler returns no | ||
thumbnail for the 100px bucket on these files, so the image degrades to a | |||
plain link to the file page — every row on the Listening Room was showing a | |||
blue link rather than a cover. 120px is clean for all 15 audio covers. | |||
Same failure as the 260px bucket on the topic-page rows: if covers ever | |||
render as links again, probe a few widths before suspecting the file or the | |||
ForeignFileRepo. See Template:TopicBiblioRow for the longer note. | |||
--><div class="audio-episode filterable"> | |||
<div class="audio-episode-thumb">[[File:{{PAGENAME:{{#show:{{{ AssociatedArticle | }}}|?FrontCoverImg#}}}}|120px|link={{{ AssociatedArticle | }}}|class=object-fit-cover w-100 h-100]]</div> | |||
<div class="audio-episode-body"> | <div class="audio-episode-body"> | ||
<div class="audio-episode-title">[[{{{ AssociatedArticle | }}}|{{SUBPAGENAME:{{{ AssociatedArticle | }}}}}]]</div> | <div class="audio-episode-title">[[{{{ AssociatedArticle | }}}|{{SUBPAGENAME:{{{ AssociatedArticle | }}}}}]]</div> | ||
Latest revision as of 17:42, 26 August 2026
One row in the Listening Room list.
These recordings are narrations of specific site pages rather than standalone
episodes, so the row leads with the article it narrates and treats the narrator
and date as secondary metadata. The player is a plain File:…
transclusion, which MediaWiki renders as a native <audio controls>
element — that already exposes duration and scrubbing, so neither is duplicated
in the markup.
The edit pencil is wrapped in .tws-group-only so it stays out of the
way for readers without making the page uncacheable. See tws.js.
