radiostasis/site/partial/home.html

55 lines
4.3 KiB
HTML

<div class='home'>
<h2>
<svg viewBox='0 0 50 50' fill='currentColor'>
<path d='M 42 8 L 8 8 C 3.589844 8 0 11.589844 0 16 L 0 38 C 0 40.207031 1.792969 42 4 42 L 5 42 L 5 43 C 5 44.101563 5.898438 45 7 45 L 10 45 C 11.101563 45 12 44.101563 12 43 L 12 42 L 38 42 L 38 43 C 38 44.101563 38.898438 45 40 45 L 43 45 C 44.101563 45 45 44.101563 45 43 L 45 42 L 46 42 C 48.207031 42 50 40.207031 50 38 L 50 16 C 50 11.589844 46.410156 8 42 8 Z M 41 16 L 44 16 L 44 20 L 41 20 Z M 10 18.015625 L 10 33.988281 C 7.574219 32.160156 6 29.269531 6 26 C 6 22.730469 7.574219 19.839844 10 18.015625 Z M 15 35.949219 C 13.941406 35.84375 12.933594 35.570313 12 35.160156 L 12 16.835938 C 12.933594 16.429688 13.941406 16.15625 15 16.050781 Z M 20 35.160156 C 19.066406 35.570313 18.058594 35.84375 17 35.949219 L 17 16.050781 C 18.058594 16.15625 19.066406 16.429688 20 16.835938 Z M 22 33.984375 L 22 18.015625 C 24.425781 19.839844 26 22.730469 26 26 C 26 29.269531 24.425781 32.160156 22 33.984375 Z M 31 16 L 39 16 L 39 20 L 31 20 Z M 34 30 C 34 27.789063 35.792969 26 38 26 C 40.210938 26 42 27.789063 42 30 C 42 32.210938 40.210938 34 38 34 C 35.792969 34 34 32.210938 34 30 Z' />
</svg>
Radiostasis
</h2>
<p>The home of streaming on-demand Old Time Radio.</p>
<h3>What is Old Time Radio?</h3>
<p>Old Time Radio shows are commercial audio programs that were broadcast over the air during the "Golden Age of Radio," an era that spans from the 1920s through the 1950s. Audio shows that were broadcast prior to 1972 were not subject to federal copyright protections, so as a result many of these old shows are available in the public domain.</p>
<p>To give you a concrete example, here are a couple of my favorite episodes that you can listen to right now:</p>
<div class='seriesList'>
<section class='episode'
title='The Green Hills of Earth'
data-cover='/cover/sm/x-minus-one.jpg'
data-series='X Minus One'
data-file='otr/x-minus-one/00008.mp3'>
<img alt='cover image' title='The Green Hils of Earth'
src='/cover/sm/x-minus-one.jpg'>
<div>
<ul>
<li>Sci-Fi</li>
</ul>
<label>The Green Hills of Earth</label>
<aside>
<span>X-Minus One</span>
<span>1955-07-07</span>
</div>
</section>
<section class='episode'
title='Snow White and the Seven Dwarves'
data-cover='/cover/sm/the-jack-benny-program.jpg'
data-series='The Jack Benny Program'
data-file='otr/the-jack-benny-program/00318.mp3'>
<img alt='cover image' title='Snow White and the Seven Dwarves'
src='/cover/sm/the-jack-benny-program.jpg'>
<div>
<ul>
<li>Comedy</li>
</ul>
<label>Snow White and the Seven Dwarves</label>
<aside>
<span>The Jack Benny Program</span>
<span>1939-01-08</span>
</div>
</section>
</div>
<h3>What is Radiostasis?</h3>
<p>Radiostasis started as an Android application back in 2017, but has since been shut down and rebooted here as a web-based Old Time Radio player. All of the episodes have been sourced from the <a href='https://archive.org' target='_blank'>Internet Archive</a>, cataloged, and made available for on-demand playing. Click the <a href='#' hx-get='/partial/series.html' hx-push-url='/series' hx-target='main' hx-swap='innerHTML show:top'>All Series</a> link in the sidebar, or select a specific genre to begin exploring the library.</p>
<p>Radiostasis is an <a href='https://code.sitosis.com/rudism/radiostasis' target='_blank'>open source</a> passion project by Rudis Muiznieks, a software engineer who happens to love Old Time Radio. Radiostasis is a constant work in progress, with many improvements planned for the future. Currently the site is completely free to use&mdash;Rudis foots all the bills to host this site on his own&mdash;but premium features may be introduced in future updates to help offset some of the costs.</p>
<p>If you have any questions, suggestions, or just want to say thanks, feel free to email Rudis at <a href='mailto:support@radiostasis.com'>support@radiostasis.com</a>.</p>
<h3>Change Log</h3>
<h4>2023-03-26</h4>
<p>Initial release with bare-bones series and episodes lists, plus the ability to stream individual episodes.</p>
</div>