paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit 1ec3fd901392fdc0bdb27f6f11bb365ab67ef654
parent 7ddc54725c5d8d16972964a523102bae28220af6
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Fri, 29 Mar 2019 23:02:18 -0400

Add "episode" class div for side-by-side layout

Two episodes can now be displayed side by side in a standard browser
window. This allows for a more natural one episode per row (since
episodes would be 4h long and easily split into 2x2h episodes). Also
wastes less screen space.

Diffstat:
Mpages/projects/dnd/dnd-podcast.md | 55+++++++++++++++++++++++++++++++++++--------------------
1 file changed, 35 insertions(+), 20 deletions(-)

diff --git a/pages/projects/dnd/dnd-podcast.md b/pages/projects/dnd/dnd-podcast.md @@ -27,27 +27,21 @@ native video player lacks support to play these videos, try using for those who wish to listen to this as a traditional podcast, while jogging, on their commutes... you get the idea. -#### Episode 0 – The setup - -This is a test recording to ensure that the website functions as expected. - -Watch the video (MP4) in your browser: - +<div class="episode"> +<h4>Episode 0a – The setup</h4> +<p>This is a test recording to ensure that the website functions as expected.</p> +<p>Watch the video (MP4) in your browser:</p> <video controls> <source src="/share/podcasts/e0/test-recording.mp4" type="video/mp4"> Your browser does not support the HTML5 video tag. </video> - -Listen to the audio (128kbps MP3) in your browser: - +<p>Listen to the audio (128kbps MP3) in your browser:</p> <audio controls> <source src="/share/podcasts/e0/test-recording.mp3" type="audio/mp3"> Your browser does not support the HTML5 audio tag. -</audio - -You can download the episode in various formats using the links below: +</audio> +<p>You can download the episode in various formats using the links below:</p> <ul> - <li><a href="/share/podcasts/e0/test-recording.mkv" download="test-recording.mkv">7.9 MiB — Download the MKV</a></li> @@ -61,14 +55,35 @@ You can download the episode in various formats using the links below: <li><a href="/share/podcasts/e0/test-recording-lq.mp3" download="test-recording-lq.mp3">191 KiB — Download the 64kbps MP3 (Audio Only)</a></li> - - <li><a href="/share/podcasts/e0/test-recording-slq.mp3" - download="test-recording-slq.mp3"> &nbsp;95 KiB — Download the 32kbps MP3 (Audio - Only)</a></li> - </ul> +</div> +<div class="episode"> +<h4>Episode 0b – Layout Test</h4> +<p>This is a test recording to ensure that the website functions as expected.</p> +<p>Watch the video (MP4) in your browser:</p> +<video controls> + <source src="/share/podcasts/e0/test-recording.mp4" type="video/mp4"> + Your browser does not support the HTML5 video tag. +</video> +<p>Listen to the audio (128kbps MP3) in your browser:</p> +<audio controls> + <source src="/share/podcasts/e0/test-recording.mp3" type="audio/mp3"> + Your browser does not support the HTML5 audio tag. +</audio> +<p>You can download the episode in various formats using the links below:</p> +<ul> + <li><a href="/share/podcasts/e0/test-recording.mkv" + download="test-recording.mkv">7.9 MiB — Download the MKV</a></li> + <li><a href="/share/podcasts/e0/test-recording.mp4" + download="test-recording.mp4">1.3 MiB — Download the MP4</a></li> -#### Episode 1 – [Title] + <li><a href="/share/podcasts/e0/test-recording.mp3" + download="test-recording.mp3">379 KiB — Download the 128kbps MP3 (Audio + Only)</a></li> -Episode 1 should be coming soon. Stay tuned! + <li><a href="/share/podcasts/e0/test-recording-lq.mp3" + download="test-recording-lq.mp3">191 KiB — Download the 64kbps MP3 (Audio + Only)</a></li> +</ul> +</div>