igor
/
portfoligor
1
1
Fork 0
Code Issues 9 Pull Requests Packages Projects 1 Releases 4 Wiki Activity
portfoligor/layouts/shortcodes/audio.html

17 lines
774 B
HTML
Raw Normal View History

shortcodes: add shortcodes for audio & streaming * Adds the two shortcodes. * Styles the figure and figcaption around the player Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-04-24 15:34:57 +02:00
<figure class="audio">
shortcodes: adds an audio player with album cover * Adds a shortcodes with an image. * Updates the audio, stream and published shortcodes to group the figcaption under the audio player. * Adds a SCSS partial for grid construction that only contains for now a breakpoint mixin'. * Displays the cover above the player by default, and on the left side for bigger screens. * Fixes the SCSS files according to SCSS linting. Co-Authored-by: iGor milhit <igor@milhit.ch>
2020-12-26 19:59:54 +01:00
<figcaption>
<p>{{ .Get "legend" }} /
<a href="/medias/{{ .Get "src" }}.opus" class="smallcaps">opus</a> /
<a href="/medias/{{ .Get "src" }}.ogg" class="smallcaps">ogg</a> /
<a href="/medias/{{ .Get "src" }}.mp3" class="smallcaps">mp3</a>
</p>
</figcaption>
shortcodes: add shortcodes for audio & streaming * Adds the two shortcodes. * Styles the figure and figcaption around the player Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-04-24 15:34:57 +02:00
<audio controls preload="metadata">
<source src="/medias/{{ .Get "src" }}.opus" type="audio/opus" codecs="opus">
<source src="/medias/{{ .Get "src" }}.ogg" type="audio/ogg" codecs="vorbis">
<source src="/medias/{{ .Get "src" }}.mp3" type="audio/mpeg">
Your browser does not support the audio tag, you can download the audio
with <a href="/medias/{{ .Get "src" }}.mp3">this link</a>
</audio>
</figure>