HPR/hpr_generator
8
1
Fork 5
Code Issues 37 Pull Requests 3 Actions Packages Projects Releases Wiki Activity

Merge pull request '[I-283] Clarify the jump location' (#285) from i283_Clarify-the-jump-location into main

Browse Source 
Reviewed-on: #285
This commit is contained in:
Roan Horning
2025-10-18 15:43:02 +00:00
parent b694a6f547 af2da91d7c
commit 5f601251db
2 changed files with 112 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
public_html/css/hpr.css
View File

@@ -363,7 +363,7 @@ article > p,
margin-right: 1rem;
}
.lane > article > header,
.lane > article > h3 {
.lane > article > h3:first-child {
background: var(--background-secondary);
padding: 1.5rem 1rem 1rem 1rem;
margin: 0;
@@ -371,22 +371,25 @@ article > p,
font-size: 1.45rem;
color: var(--background-primary);
}
.lane > article > header > .index-link {
float: right;
}
.lane.stack > article {
border-radius: 0.5rem;
border: thin solid var(--background-secondary);
max-width: calc(100vw - 12px);
}
.lane.stack > article > header,
.lane.stack > article > h3 {
.lane.stack > article > h3:first-child {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.lane > article > header a,
.lane > article > h3 a {
.lane > article > h3:first-child a {
color: var(--link-secondary);
}
.lane > article > header a:hover,
.lane > article > h3:hover {
.lane > article > h3:first-child:hover {
color: var(--link-secondary-hover);
}
.lane.stack> * > header * {
@@ -605,8 +608,8 @@ fieldset > table td input[type="radio"] {
}
#youtube {
--video-ratio: calc(390 / 640);
width: min(calc(95vw + 0px), 640px);
height: min(calc(calc(95vw + 0px) * var(--video-ratio)), 320px);
width: min(calc(89vw + 0px), 640px);
height: min(calc(calc(89vw + 0px) * var(--video-ratio)), 390px);
}
#upload_method pre {
max-width: 80vw;

167
templates/content-about.tpl.html
View File

@@ -16,9 +16,12 @@
<li><a href="<!--% absolute_url(baseurl,'about.html#workflow') %-->">Workflow.</a></li>
<li><a href="<!--% absolute_url(baseurl,'about.html#faq') %-->">Frequently Asked Questions.</a></li>
</ul>
<h1 id="about">About HPR<a href="<!--% absolute_url(baseurl,'about.html#about') %-->">.</a></h1>
<div class="lane stack">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="about">About HPR<a href="<!--% absolute_url(baseurl,'about.html#about') %-->">.</a></h1>
</header>
<h2 id="community">The HPR Community<a href="<!--% absolute_url(baseurl,'about.html#community') %-->">.</a></h2>
<p>What differentiates HPR from other podcasts is that the shows are crowd sourced from the community -
fellow listeners like <strong><a href="<!--% absolute_url(baseurl,'about.html#contact') %-->">you</a></strong>.
@@ -64,6 +67,7 @@ The schedule for the Community News shows can be downloaded as an <a href="<!--%
<p>Our hosting is kindly provided to us by <a href="<!--% absolute_url(baseurl,'correspondents/0174.html') %-->">Josh Knapp</a> from <a href="https://anhonesthost.com/hosting/shared-hosting">AnHonestHost.com</a>, and he has the last word in issues related to site security. A changing team of volunteers called the "admins" or "Janitors", deal with the day to day operation of HPR. Acting as the first point of contact, processing the shows, coordinating policy discussions, removing spam, updating the website, etc. They are contactable via the email account admin @ HPR. They have no more say over policy than anyone else. Anyone who has shown a long term dedication to the project and is trusted by the community, can become an admin.
</p>
<p>See the section <a href="<!--% absolute_url(baseurl,'about.html#stuff_you_need_to_know') %-->" >stuff you need to know</a> for more information.</p>
<h3 id="recent_policy_changes">Recent Policy Changes</h3>
<ul>
<li><a href="https://lists.hackerpublicradio.com/pipermail/hpr/2024-October/004791.html">Clarification that contributions are CC BY-SA 4.0 unless otherwise stated</a></li>
@@ -76,6 +80,7 @@ The schedule for the Community News shows can be downloaded as an <a href="<!--%
<li><a href="https://lists.hackerpublicradio.com/pipermail/hpr/2021-December/004341.html">Removal of "by arranged permission"
when posting to HPR</a></li>
</ul>
<h2 id ="patrons" >Please support our Patrons<a href="<!--% absolute_url(baseurl,'about.html#patrons') %-->">.</a></h2>
<p>
Our hosting is kindly provided by <a href="<!--% absolute_url(baseurl) %-->correspondents/0174.html">Josh</a> from
@@ -87,11 +92,14 @@ reduce his costs in funding the hosting. He is also accepting bitcoins to <em>1K
Please also consider supporting the <a href="https://archive.org/donate/">https://archive.org/donate/</a> who are
now hosting our media files.
</p>
<hr>
<h1 id="contact">Primary Contact Points<a href="<!--% absolute_url(baseurl,'about.html#contact') %-->">.</a></h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="contact">Contact<a href="<!--% absolute_url(baseurl,'about.html#contact') %-->">.</a></h1>
</header>
<h2 id="contact_primary">Primary Contact Points</h2>
<ul>
<li>email: <strong>admin -at- hackerpublicradio org</strong>, will put you in touch with the Janitors who are
the first point of contact for any issues related to the HPR community.
@@ -110,7 +118,7 @@ now hosting our media files.
<li>Matrix: <a href="https://matrix.to/#/#hpr:matrix.org" >https://matrix.to/#/#hpr:matrix.org</a> is the official HPR Matrix channel
and is actively monitored.</li>
</ul>
<h3 id="contact_secondary">Secondary Contact Points</h3>
<h2 id="contact_secondary">Secondary Contact Points</h2>
<p>These platforms are monitored from time to time. Commenting here is less likely to get an immediate response.</p>
<ul>
<li><a href="https://t.me/+6fEhQrf5IEc4ZGU8">Telegram</a></li>
@@ -119,10 +127,13 @@ now hosting our media files.
<li><a href="https://www.linkedin.com/company/hackerpublicradio/" >Linked-In</a></li>
<li><a href="http://itunes.apple.com/us/podcast/hacker-public-radio/id281699640" >iTunes</a></li>
</ul>
<hr>
<h1 id ="press" >In the Press<a href="<!--% absolute_url(baseurl,'about.html#press') %-->">.</a></h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id ="press" >In the Press<a href="<!--% absolute_url(baseurl,'about.html#press') %-->">.</a></h1>
</header>
<ul>
<li>2019-10-18: <a href="https://blog.feedspot.com/hacker_podcasts/">Top 10 Hacker Podcasts You Must Follow in 2019</a> (<a href="<!--% absolute_url(baseurl,'press/2019-10-18_blog.feedspot.com-hacker_podcasts-Top_10_Hacker_Podcasts_You_Must_Follow_in_2019.pdf') %-->">Archived</a>)</li>
<li>2018-08-01: <a href="https://www.linuxlinks.com/review-hacker-public-radio-podcasts-hacker-community/">Review: The Linux Podcast Scene - all the movers and shakers</a> (<a href="<!--% absolute_url(baseurl,'press/2018-08-01_linuxlinks.com_review-linux-podcast-scene-movers-shakers.pdf') %-->">Archived</a>)</li>
@@ -137,10 +148,13 @@ now hosting our media files.
<li>2012-12-24: <a href="http://www.maketecheasier.com/10-great-podcasts-for-linux-open-source-geeks/">10 Great Podcasts for Linux &amp; Open Source Geeks</a> by Rebecca "Ruji" Chapnik (<a href="<!--% absolute_url(baseurl,'press/2012-12-24_10-great-podcasts-for-linux-open-source-geeks.pdf') %-->">Archived</a>)</li>
<li>2011-08-01: <a href="http://www.linuxformat.com/archives?issue=147">Linux Format: Pick the perfect geek podcast in our roundup</a> by Mayank Sharma in Linux Format Magazine(<a href="<!--% absolute_url(baseurl,'press/2011-08-01_hpr-linux-format.png') %-->">Archive</a>)</li>
</ul>
<hr>
<h1 id="how_to_help">How to Help<a href="<!--% absolute_url(baseurl,'about.html#how_to_help') %-->">.</a></h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="how_to_help">How to Help<a href="<!--% absolute_url(baseurl,'about.html#how_to_help') %-->">.</a></h1>
</header>
<p>
Hacker Public Radio is a communty podcast where the shows are provided by the community, and is also
<a href="<!--% absolute_url(baseurl,'about.html#governance') %-->">governed</a> by the community,
@@ -182,10 +196,13 @@ You can help by:
<li>Improving the documentation on our gittea repo</li>
<li><a href="<!--% absolute_url(baseurl,'about.html#patrons') %-->">Support our Patrons</a></li>
</ul>
<hr>
<h1 id="download">Download Archive<a href="<!--% absolute_url(baseurl,'about.html#download') %-->">.</a></h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="download">Download Archive<a href="<!--% absolute_url(baseurl,'about.html#download') %-->">.</a></h1>
</header>
<p>Please be aware that our Archive exceeds <strong>62Gb</strong> <em>(Ogg: 21Gb, Spx: 16Gb, mp3: 25Gb)</em>. We are happy for you to download them, but please make sure that you are not going to incur additional bandwidth charges on your side.</p>
<p>We will be happy to post you the episodes on physical media anywhere in the world if bandwidth is an issue.</p>
@@ -206,11 +223,13 @@ You can download the audio of the episodes directly from the command line using
<li>mp3:<br>
<span style="font-family:monospace;">curl '<!--% absolute_path(baseurl) %-->eps/hpr[0001-<!--% episode.latest %-->].mp3' -o "hpr#1.mp3"</span></li>
</ul>
<hr>
<h1 id="so_you_want_to_record_a_podcast">So you want to record a podcast<a href="<!--% absolute_url(baseurl,'about.html#so_you_want_to_record_a_podcast') %-->">.</a></h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="so_you_want_to_record_a_podcast">So you want to record a podcast<a href="<!--% absolute_url(baseurl,'about.html#so_you_want_to_record_a_podcast') %-->">.</a></h1>
</header>
<p>Well you've come to the right place. Our goal here at HPR is to make it as easy as possible for you to get a podcast released. We take care of the hard bits so you don't need to. Recording your first show is always a daunting prospect but <a href="<!--% absolute_url(baseurl) %-->correspondents/index.html">hundreds of people</a> like yourself have done it and so can you.
</p>
@@ -321,11 +340,13 @@ people who will help.
<a href="https://web.libera.chat/gamja/?channels=oggcastplanet">#oggcastplanet</a> channel on libera.chat
and chat with a live person 24/7.
</p>
<hr>
<h1 id="requested_topics">Requested topics<a href="<!--% absolute_url(baseurl,'about.html#requested_topics') %-->">.</a></h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="requested_topics">Requested topics<a href="<!--% absolute_url(baseurl,'about.html#requested_topics') %-->">.</a></h1>
</header>
<p>This is a list of topics that have been requested by the community.
Feel free to add it to the list by emailing admin at hpr or by tweeting us on <a href="https://twitter.com/hpr">@HPR</a>.</p>
<ul>
@@ -393,10 +414,13 @@ Feel free to add it to the list by emailing admin at hpr or by tweeting us on <a
<li>#IPFS (and don't leave out IPNS!). I'd really like to get a better understanding of practical use of this.</li>
<li>Any experiences integrating Dell/Wyse thin- and zero- clients into linux networks.</li>
</ul>
<hr>
<h1 id="agreement">Stuff you need to know<a href="<!--% absolute_url(baseurl,'about.html#agreement') %-->">.</a></h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="agreement">Stuff you need to know<a href="<!--% absolute_url(baseurl,'about.html#agreement') %-->">.</a></h1>
</header>
<p>
This is some important information that you will need to know before uploading to HPR.
</p>
@@ -597,8 +621,6 @@ They will be used on a first come first go basis, when there is no conflict with
These shows contain a message alerting listeners to the fact that we had free slots that were not filled.
</p>
<hr>
<h1 id="scheduling_guidelines">Scheduling Guidelines</h1>
<ol>
<li>You must have your audio recording ready to upload <strong>before</strong> you pick a slot.</li>
@@ -609,10 +631,13 @@ These shows contain a message alerting listeners to the fact that we had free sl
<li>If you are uploading a series of shows then post them one every two weeks.</li>
<li>If you have a non urgent show that is timeless, then add it to the <a href="<!--% absolute_url(baseurl,'about.html#reserve_queue') %-->">Reserve Queue</a>.</li>
</ol>
<hr>
<h1 id="recording_a_podcast">Recording a Podcast</h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="recording_a_podcast">Recording a Podcast</h1>
</header>
<p>
On this page you will find information on how to record a podcast. Our golden rule is <strong>Any audio is better than no audio.</strong>
so keep that in mind. Don't forget to <strong>introduce yourself</strong> in your show.
@@ -725,12 +750,13 @@ We will by default mix down your show to one channel mono and we will
<p>
There is no need to add any information to the file as that will be inserted based on the information you fill in when you upload the show.
</p>
<hr>
<h1 id="promote_hpr">Please promote HPR<a href="<!--% absolute_url(baseurl,'about.html#promote_hpr') %-->') %-->">.</a></h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="promote_hpr">Please promote HPR<a href="<!--% absolute_url(baseurl,'about.html#promote_hpr') %-->') %-->">.</a></h1>
</header>
<p>Feel free to use the promotional material to spread the word in your podcasts, or have them played on to other shows.</p>
<h2>General HPR promotion</h2>
<ul>
@@ -746,10 +772,13 @@ There is no need to add any information to the file as that will be inserted bas
<ul>
<li><a href="<!--% absolute_url(baseurl) %-->promos/hpr-nye-promo.ogg">HPR New Years Promo</a></li>
</ul>
<hr>
<h1 id="requesting_slot">Picking a slot for your show</h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="requesting_slot">Picking a slot for your show</h1>
</header>
<p>
Any host can select any free slot a up to year in advance, by recording their show and uploading it to the desired slot.
In exceptional circumstances it may be necessary to reserve a slot while not having the audio available,
@@ -792,10 +821,13 @@ Once you open the link, you can fill in the information at your leisure.
The upload form works on the assumption you will be posting one show at a time, from the same IP address.
Once you have pressed submit you will not be able to edit any of the information.
</p>
<hr>
<h1 id="adding_an_episode">Adding an Episode</h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="adding_an_episode">Adding an Episode</h1>
</header>
<p>
The unique link sent by email will allow you to manage both the episode and information about yourself that is displayed on HPR.
The following information will be requested:
@@ -929,11 +961,13 @@ Press submit and your show will be sent to the HPR Volunteers to be processed.
Keep an eye on the <a href="<!--% hub_baseurl %-->calendar.php">calendar</a> for when it is posted.
Your show information is used to process the media files, on the website, in the RSS feeds, and on social media sites.
</p>
<hr>
<h1 id="workflow">Workflow</h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="workflow">Workflow</h1>
</header>
<ol>
<li>REQUEST_UNVERIFIED - </li>
<li>REQUEST_EMAIL_SENT - email sent</li>
@@ -945,10 +979,13 @@ Your show information is used to process the media files, on the website, in the
<li>UPLOADED_TO_IA - on the IA and visible</li>
<li>UPLOADED_TO_RSYNC_NET - archived on rsync.net</li>
</ol>
<hr>
<h1 id="faq">Frequently Asked Questions</h1>
</article>
<hr class="no-css">
<article>
<header>
<p class="index-link"><a href="/about.html#TOP">↑ Go to top</a></p>
<h1 id="faq">Frequently Asked Questions</h1>
</header>
<h2 data-number="0.1" id="what-is-hacker-public-radio"><span class="header-section-number">0.1</span> What is Hacker Public Radio?</h2>
<ul>
<li><p>Hacker Public Radio (HPR) is an Internet Radio show (podcast) that releases shows (episodes)
@@ -1183,3 +1220,5 @@ for your show. This will be up for enough time to get the key necessary for to p
However keep in mind that we will be very suspicious of any submission done this way and will be checking it in detail,
so expect delays in processing.
</p>
</article>
</div>