mirror of
https://github.com/Universal-Omega/PortableInfobox.git
synced 2024-11-15 03:35:53 +00:00
45 lines
1.7 KiB
Plaintext
45 lines
1.7 KiB
Plaintext
<div class="pi-item pi-hero">
|
|
{{#title}}
|
|
<hgroup class="pi-hero-title-wrapper pi-item-spacing">
|
|
<h2 class="pi-hero-title">{{{value}}}</h2>
|
|
{{#image.caption}}
|
|
<h3 class="pi-hero-caption">{{{image.caption}}}</h3>
|
|
{{/image.caption}}
|
|
</hgroup>
|
|
{{/title}}
|
|
{{#image}}
|
|
<figure data-component="portable-infobox-hero-image" data-attrs="{{dataAttrs}}" data-file="{{fileName}}">
|
|
<a href="{{url}}">
|
|
<img class="article-media-placeholder lazyload"
|
|
src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 {{width}} {{height}}'%2F%3E"
|
|
data-src="{{thumbnail}}"
|
|
data-srcset="{{srcset}}"
|
|
alt="{{title}}"
|
|
{{#width}} width="{{width}}"{{/width}}
|
|
{{#height}} height="{{height}}"{{/height}}/>
|
|
<noscript>
|
|
<img src="{{url}}" alt="{{alt}}"{{#width}} width="{{width}}"{{/width}}{{#height}} height="{{height}}"{{/height}}/>
|
|
</noscript>
|
|
{{#isVideo}}
|
|
<div class="video-icon-container">
|
|
<svg class="wds-player-icon-play-medium" viewBox="0 0 180 180">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<g opacity=".9" transform="rotate(90 75 90)">
|
|
<g fill="#000" filter="url(#a)">
|
|
<rect id="b" width="150" height="150" rx="75"></rect>
|
|
</g>
|
|
<g fill="#FFF">
|
|
<rect id="b" width="150" height="150" rx="75"></rect>
|
|
</g>
|
|
</g>
|
|
<path fill="#00D6D6" fill-rule="nonzero"
|
|
d="M80.87 58.006l34.32 25.523c3.052 2.27 3.722 6.633 1.496 9.746a6.91 6.91 0 0 1-1.497 1.527l-34.32 25.523c-3.053 2.27-7.33 1.586-9.558-1.527A7.07 7.07 0 0 1 70 114.69V63.643c0-3.854 3.063-6.977 6.84-6.977 1.45 0 2.86.47 4.03 1.34z"></path>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
{{/isVideo}}
|
|
</a>
|
|
</figure>
|
|
{{/image}}
|
|
</div>
|