[WIP] new website design #266

Draft
rho_n wants to merge 23 commits from newsite into main
Owner

Update the structure and format of the template pages and CSS files to implement the new website design as discussed in the following issues:

Currently using the CSS flexbox model for the layout to facilitate a responsive design along with our refreshed look.

Update the structure and format of the template pages and CSS files to implement the new website design as discussed in the following issues: - https://repo.anhonesthost.net/HPR/hpr_documentation/wiki/Website-Design - https://repo.anhonesthost.net/HPR/hpr_hub/issues/45#issuecomment-2449 Currently using the [CSS flexbox model for the layout](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Flexbox) to facilitate a [responsive design ](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Responsive_Design) along with our refreshed look.
rho_n added the
Feature Request
label 2025-07-15 00:30:23 +00:00
rho_n added 1 commit 2025-07-15 00:30:24 +00:00
Create basic structure in html to be displayed using the CSS
Flex box model
rho_n added 1 commit 2025-07-15 00:52:13 +00:00
rho_n added 3 commits 2025-07-16 15:18:14 +00:00
rho_n added 2 commits 2025-07-17 03:37:13 +00:00
Move styles closer to new design displayed on hobbypublicradio.org.
rho_n added 2 commits 2025-07-17 12:37:18 +00:00
rho_n added 1 commit 2025-07-17 15:10:47 +00:00
rho_n added 1 commit 2025-07-17 21:02:18 +00:00
Ran the ARC Tookit Firefox extension which pointed out
accessiblity issues with color contrasts, link display, and
skip to main link.  Some of the link colors don't look great
when they reach the recommended contrast level.
rho_n added 1 commit 2025-07-18 15:09:46 +00:00
rho_n added 2 commits 2025-07-18 15:32:43 +00:00
rho_n added 1 commit 2025-07-18 15:34:26 +00:00
rho_n added 1 commit 2025-07-19 03:10:58 +00:00
rho_n added 1 commit 2025-07-19 03:17:06 +00:00
rho_n added 1 commit 2025-07-19 03:33:05 +00:00
rho_n added 1 commit 2025-07-19 03:57:01 +00:00
rho_n added 1 commit 2025-07-19 04:19:06 +00:00
rho_n added 1 commit 2025-07-20 03:04:40 +00:00
rho_n added 1 commit 2025-07-20 15:51:50 +00:00
rho_n added 1 commit 2025-07-22 03:24:58 +00:00
Member

@rho_n Could Tags be included under the Project heading?

@rho_n Could Tags be included under the Project heading?
Author
Owner

@rho_n Could Tags be included under the Project heading?

@archer72 I have been thinking about where the Tags link should go. I can see value in having it there. From the design docs, I get the impression the idea is to keep that menu very minimal. I was also thinking it could go in the Project "swim lane" next to the About button. Opinions @ken_fallon?

> @rho_n Could Tags be included under the Project heading? @archer72 I have been thinking about where the Tags link should go. I can see value in having it there. From the design docs, I get the impression the idea is to keep that menu very minimal. I was also thinking it could go in the Project "swim lane" next to the About button. Opinions @ken_fallon?
Owner

Some changes that I would like to suggest.

Remove the menu list at the top " Site Map - skip to main content" and "Home Upload Download About". They are replaced by items in the swim lane.

Change the Welcome text to

"Hacker Public Radio is a technology focused podcast that releases shows every weekday Monday to Friday. Our shows are produced by listeners like you and can be on any topic that is of interest to hackers, makers, hobbyists, etc. We are a
welcoming community that offers positive feedback and encourages respectful debate.".

Change "Podcast" to "The Podcast"

Change "Project" to "The Project"

Add a Icon to the "Project" Swim lane called "Search" with logo similar to https://svgsilh.com/svg/189254-00bcd4.svg

In the section "Latest Shows" please add a sub item of the summary, to visually match the "Latest Comments" section.

The grey background makes the site look a little sad. Can the background of the top banner slowly fade to white.

We need to have a happier colour scheme.

The icons are MASSIVE when viewed View > Page Style > No style.

In elinks there is a [IMG] link and then the text (eg record) next to it is also a link.

Change your config so your own HOSTNAME/alias is used in the "This page was generated by The HPR Robot at Fri, 01 Aug 2025 00:03:50 +0000"

Some changes that I would like to suggest. Remove the menu list at the top " Site Map - skip to main content" and "Home Upload Download About". They are replaced by items in the swim lane. Change the Welcome text to "Hacker Public Radio is a technology focused podcast that releases shows every weekday Monday to Friday. Our shows are produced by listeners like you and can be on any topic that is of interest to hackers, makers, hobbyists, etc. We are a welcoming community that offers positive feedback and encourages respectful debate.". Change "Podcast" to "The Podcast" Change "Project" to "The Project" Add a Icon to the "Project" Swim lane called "Search" with logo similar to https://svgsilh.com/svg/189254-00bcd4.svg In the section "Latest Shows" please add a sub item of the summary, to visually match the "Latest Comments" section. The grey background makes the site look a little sad. Can the background of the top banner slowly fade to white. We need to have a happier colour scheme. The icons are MASSIVE when viewed View > Page Style > No style. In elinks there is a [IMG] link and then the text (eg record) next to it is also a link. Change your config so your own HOSTNAME/alias is used in the "This page was generated by The HPR Robot at Fri, 01 Aug 2025 00:03:50 +0000"
This pull request is marked as a work in progress.
This branch is out-of-date with the base branch
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin newsite:newsite
git checkout newsite
Sign in to join this conversation.
No description provided.