From 81c8220e308431aa2e8bef11ad0134580e09c0a5 Mon Sep 17 00:00:00 2001 From: Roan Horning Date: Sat, 18 Oct 2025 09:39:21 -0400 Subject: [PATCH 1/3] "Cardify" the about page Make about page layout consistent with the look of other pages. This also makes each section more visually distinct from the others. --- public_html/css/hpr.css | 8 +- templates/content-about.tpl.html | 129 ++++++++++++++++++------------- 2 files changed, 81 insertions(+), 56 deletions(-) diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css index 9ed4112..f590dbf 100644 --- a/public_html/css/hpr.css +++ b/public_html/css/hpr.css @@ -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; @@ -377,16 +377,16 @@ article > p, 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 * { diff --git a/templates/content-about.tpl.html b/templates/content-about.tpl.html index b7fa0e3..6d97b91 100644 --- a/templates/content-about.tpl.html +++ b/templates/content-about.tpl.html @@ -16,9 +16,11 @@
  • Workflow.
  • Frequently Asked Questions.
    • - -

    About HPR.

    - +
    +
    +
    +

    About HPR.

    +

    The HPR Community.

    What differentiates HPR from other podcasts is that the shows are crowd sourced from the community - fellow listeners like you. @@ -64,6 +66,7 @@ The schedule for the Community News shows can be downloaded as an ">Josh Knapp from AnHonestHost.com, 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.

    See the section stuff you need to know for more information.

    +

    Recent Policy Changes

    +

    Please support our Patrons.

    Our hosting is kindly provided by Josh from @@ -87,11 +91,13 @@ reduce his costs in funding the hosting. He is also accepting bitcoins to 1K Please also consider supporting the https://archive.org/donate/ who are now hosting our media files.

    - -
    - -

    Primary Contact Points.

    - +
    +
    +
    +
    +

    Contact.

    +
    +

    Primary Contact Points

    • email: admin -at- hackerpublicradio org, 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 +116,7 @@ now hosting our media files.
    • Matrix: https://matrix.to/#/#hpr:matrix.org is the official HPR Matrix channel and is actively monitored.
    -

    Secondary Contact Points

    +

    Secondary Contact Points

    These platforms are monitored from time to time. Commenting here is less likely to get an immediate response.

    - -
    - +
    +
    + +
    +
    +

    How to Help.

    - +

    Hacker Public Radio is a communty podcast where the shows are provided by the community, and is also governed by the community, @@ -182,10 +192,12 @@ You can help by:

  • Improving the documentation on our gittea repo
  • Support our Patrons
    • - -
    +
    +
    +
    +

    Download Archive.

    - +

    Please be aware that our Archive exceeds 62Gb (Ogg: 21Gb, Spx: 16Gb, mp3: 25Gb). 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.

    We will be happy to post you the episodes on physical media anywhere in the world if bandwidth is an issue.

    @@ -206,11 +218,12 @@ You can download the audio of the episodes directly from the command line using
  • mp3:
    curl 'eps/hpr[0001-].mp3' -o "hpr#1.mp3"
    • - -
    - +
    +
    +
    +

    So you want to record a podcast.

    - +

    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 hundreds of people like yourself have done it and so can you.

    @@ -321,11 +334,12 @@ people who will help. #oggcastplanet channel on libera.chat and chat with a live person 24/7.

    - -
    - +
    +
    + +
    +
    +

    Stuff you need to know.

    +

    This is some important information that you will need to know before uploading to HPR.

    @@ -597,8 +613,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.

    -
    -

    Scheduling Guidelines

    1. You must have your audio recording ready to upload before you pick a slot.
      2. @@ -609,10 +623,12 @@ These shows contain a message alerting listeners to the fact that we had free sl
    2. If you are uploading a series of shows then post them one every two weeks.
    3. If you have a non urgent show that is timeless, then add it to the Reserve Queue.
    - -
    - +
    +
    +
    +

    Recording a Podcast

    +

    On this page you will find information on how to record a podcast. Our golden rule is Any audio is better than no audio. so keep that in mind. Don't forget to introduce yourself in your show. @@ -725,12 +741,12 @@ We will by default mix down your show to one channel mono and we will

    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.

    - - -
    - +
    +
    +
    +

    Please promote HPR.

    - +

    Feel free to use the promotional material to spread the word in your podcasts, or have them played on to other shows.

    General HPR promotion

      @@ -746,10 +762,12 @@ There is no need to add any information to the file as that will be inserted bas - -
      - +
    +
    +
    +

    Picking a slot for your show

    +

    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 +810,12 @@ 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.

    - -
    - +
    +
    +
    +

    Adding an Episode

    +

    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 +949,12 @@ Press submit and your show will be sent to the HPR Volunteers to be processed. Keep an eye on the calendar 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.

    - -
    - +
    +
    +
    +

    Workflow

    - +
    1. REQUEST_UNVERIFIED -
    2. REQUEST_EMAIL_SENT - email sent
      3. @@ -945,10 +966,12 @@ Your show information is used to process the media files, on the website, in the
    3. UPLOADED_TO_IA - on the IA and visible
    4. UPLOADED_TO_RSYNC_NET - archived on rsync.net
    - -
    - +
    +
    +
    +

    Frequently Asked Questions

    +

    0.1 What is Hacker Public Radio?

    • Hacker Public Radio (HPR) is an Internet Radio show (podcast) that releases shows (episodes) @@ -1183,3 +1206,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.

      +
    +
    -- 2.43.5 From 3c7f02a09c424d89e18105ac834225e3a1d7dddc Mon Sep 17 00:00:00 2001 From: Roan Horning Date: Sat, 18 Oct 2025 10:54:57 -0400 Subject: [PATCH 2/3] Add go top of page link to major sections Per [issure 283](https://repo.anhonesthost.net/HPR/hpr_generator/issues/283), add a link to each major section of the about page which allows the user to move to the index of topics at the top of the page. --- public_html/css/hpr.css | 3 +++ templates/content-about.tpl.html | 38 ++++++++++++++++++++++---------- 2 files changed, 29 insertions(+), 12 deletions(-) diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css index f590dbf..779fd3e 100644 --- a/public_html/css/hpr.css +++ b/public_html/css/hpr.css @@ -371,6 +371,9 @@ 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); diff --git a/templates/content-about.tpl.html b/templates/content-about.tpl.html index 6d97b91..37dfabc 100644 --- a/templates/content-about.tpl.html +++ b/templates/content-about.tpl.html @@ -19,6 +19,7 @@
    +

    ↑ Go to top

    About HPR.

    The HPR Community.

    @@ -95,6 +96,7 @@ now hosting our media files.
    +

    ↑ Go to top

    Contact.

    Primary Contact Points

    @@ -129,7 +131,8 @@ now hosting our media files.
    -

    In the Press.

    +

    ↑ Go to top

    +

    In the Press.

    • 2019-10-18: Top 10 Hacker Podcasts You Must Follow in 2019 (Archived)
      • @@ -149,7 +152,8 @@ now hosting our media files.
      -

      How to Help.

      +

      ↑ Go to top

      +

      How to Help.

      Hacker Public Radio is a communty podcast where the shows are provided by the community, and is also @@ -196,7 +200,8 @@ You can help by:

      -

      Download Archive.

      +

      ↑ Go to top

      +

      Download Archive.

      Please be aware that our Archive exceeds 62Gb (Ogg: 21Gb, Spx: 16Gb, mp3: 25Gb). 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.

      @@ -222,7 +227,8 @@ You can download the audio of the episodes directly from the command line using
      -

      So you want to record a podcast.

      +

      ↑ Go to top

      +

      So you want to record a podcast.

      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 hundreds of people like yourself have done it and so can you.

      @@ -338,7 +344,8 @@ and chat with a live person 24/7.
      -

      Requested topics.

      +

      ↑ Go to top

      +

      Requested topics.

      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 @HPR.

      @@ -411,7 +418,8 @@ Feel free to add it to the list by emailing admin at hpr or by tweeting us on
      -

      Stuff you need to know.

      +

      ↑ Go to top

      +

      Stuff you need to know.

      This is some important information that you will need to know before uploading to HPR. @@ -627,7 +635,8 @@ These shows contain a message alerting listeners to the fact that we had free sl

      -

      Recording a Podcast

      +

      ↑ Go to top

      +

      Recording a Podcast

      On this page you will find information on how to record a podcast. Our golden rule is Any audio is better than no audio. @@ -745,7 +754,8 @@ There is no need to add any information to the file as that will be inserted bas

      -

      Please promote HPR.

      +

      ↑ Go to top

      +

      Please promote HPR.

      Feel free to use the promotional material to spread the word in your podcasts, or have them played on to other shows.

      General HPR promotion

      @@ -766,7 +776,8 @@ There is no need to add any information to the file as that will be inserted bas
      -

      Picking a slot for your show

      +

      ↑ Go to top

      +

      Picking a slot for your show

      Any host can select any free slot a up to year in advance, by recording their show and uploading it to the desired slot. @@ -814,7 +825,8 @@ Once you have pressed submit you will not be able to edit any of the information

      -

      Adding an Episode

      +

      ↑ Go to top

      +

      Adding an Episode

      The unique link sent by email will allow you to manage both the episode and information about yourself that is displayed on HPR. @@ -953,7 +965,8 @@ Your show information is used to process the media files, on the website, in the

      -

      Workflow

      +

      ↑ Go to top

      +

      Workflow

      1. REQUEST_UNVERIFIED -
        2. @@ -970,7 +983,8 @@ Your show information is used to process the media files, on the website, in the
        -

        Frequently Asked Questions

        +

        ↑ Go to top

        +

        Frequently Asked Questions

        0.1 What is Hacker Public Radio?

          -- 2.43.5 From af2da91d7c801b6cad3472c8f36e4a62949784eb Mon Sep 17 00:00:00 2001 From: Roan Horning Date: Sat, 18 Oct 2025 11:11:47 -0400 Subject: [PATCH 3/3] Fix youtube imbed size --- public_html/css/hpr.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css index 779fd3e..a0d088f 100644 --- a/public_html/css/hpr.css +++ b/public_html/css/hpr.css @@ -608,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; -- 2.43.5