slight styling fix for mobile
This commit is contained in:
parent
88fdfc8c9c
commit
9daac9f85a
|
@ -7,7 +7,7 @@
|
|||
</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>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 in the USA 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'
|
||||
|
@ -48,7 +48,7 @@
|
|||
<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—Rudis foots all the bills to host this site on his own—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>
|
||||
<p>If you have any questions, suggestions, or just want to say hello, 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>
|
||||
|
|
|
@ -409,3 +409,17 @@ h2 svg {
|
|||
.home a:hover {
|
||||
text-shadow: 0.05rem 0.05rem 0.125rem rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 50ch) {
|
||||
#nowPlaying {
|
||||
display: none;
|
||||
}
|
||||
.seriesList {
|
||||
display: grid;
|
||||
grid-gap: 1rem;
|
||||
grid-template-columns: repeat(auto-fit, minmax(30ch, 1fr));
|
||||
}
|
||||
.seriesList label {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue