Template:AudioEpisodeCard: Difference between revisions

From Bodhicitta
(VSCode edit)
(VSCode edit)
Line 1: Line 1:
<includeonly><div class="col-md-4 filterable">
<includeonly><div class="audio-episode filterable">
<div class="position-relative offwhite-bg shadow-sm rounded-xl overflow-hidden mb-4">
<div class="audio-episode-thumb">[[File:{{PAGENAME:{{#show:{{{ AssociatedArticle | }}}|?FrontCoverImg#}}}}|link={{{ AssociatedArticle | }}}|class=object-fit-cover w-100 h-100]]</div>
<div class="position-relative" style="height: 100px;">[[File:{{PAGENAME:{{#show:{{{ AssociatedArticle | }}}|?FrontCoverImg#}}}}|class=object-fit-cover position-absolute w-100 h-100]]</div>
<div class="audio-episode-body">
<div class="p-3">
<div class="audio-episode-title">[[{{{ AssociatedArticle | }}}|{{SUBPAGENAME:{{{ AssociatedArticle | }}}}}]]</div>
<div class="mb-3 text-center">[[{{{ AssociatedArticle | }}}|{{{ AssociatedDoorway | }}} - {{SUBPAGENAME:{{{ AssociatedArticle | }}}}}]]</div>
<div class="audio-episode-meta"><span class="audio-episode-narrator">{{#if: {{{ AudioPerformerName | }}}
<div class="mb-2">[[{{{ 1 | }}}]]</div>
|[[{{{ AudioPerformerName | }}}|{{SUBPAGENAME:{{{ AudioPerformerName | }}}}}]]
<div class="mb-2">{{{ AudioDisplayText | }}}</div>
|
<div class="d-flex justify-content-between text-muted text-90" style="bottom: 5px; right: 7px;"><span>{{{ AudioCreationDate | }}}</span>[[Special:Edit/{{{ 1 | }}}|<i class="fa-sharp-duotone fa-solid fa-pencil"></i>]]</div>
}}</span>{{#if: {{{ AudioCreationDate | }}}
|<span class="audio-episode-date">{{{ AudioCreationDate | }}}</span>
|
}}<span class="audio-episode-admin tws-group-only tws-group-inline" data-group="sysop">[[Special:Edit/{{{ 1 | }}}|<i class="fa-sharp-duotone fa-solid fa-pencil"></i>]]</span>
</div>
</div>
</div>
</div>
</div></includeonly>
<div class="audio-episode-player">[[{{{ 1 | }}}]]</div>
</div></includeonly><noinclude>{{TemplateTag}}
 
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 <code>[[File:…]]</code>
transclusion, which MediaWiki renders as a native <code>&lt;audio controls&gt;</code>
element — that already exposes duration and scrubbing, so neither is duplicated
in the markup.
 
The edit pencil is wrapped in <code>.tws-group-only</code> so it stays out of the
way for readers without making the page uncacheable. See <code>tws.js</code>.
</noinclude>

Revision as of 13:58, 18 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.