paulj/hpr_generator
1
0
Fork 0
forked from HPR/hpr_generator
Code Pull Requests Activity

Update main navigation menu for landing page

Browse Source
This commit is contained in:
Roan Horning
2025-07-18 11:33:52 -04:00
parent 7f559f26e3
commit ec8335daab
3 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
public_html/css/hpr.css
View File

@@ -34,6 +34,7 @@ https://creativecommons.org/publicdomain/
--link-spacing-horizontal: clamp(0.5rem, -0.25rem + 3vw, 2.5rem); --link-spacing-horizontal: clamp(0.5rem, -0.25rem + 3vw, 2.5rem);
--font-family-hpr: Verdana, Arial, Helvetica, sans-serif; /* 1em/1.5 OpenDyslexic, */; --font-family-hpr: Verdana, Arial, Helvetica, sans-serif; /* 1em/1.5 OpenDyslexic, */;
--font-size-default: clamp(1rem, 15px + 0.3vw, 1.07rem);
/* screen breakpoints */ /* screen breakpoints */
--for-phone-only: 599px; --for-phone-only: 599px;
@@ -58,7 +59,7 @@ body {
background-color: var(--background-primary); background-color: var(--background-primary);
color: var(--text-primary); color: var(--text-primary);
font-size: 1rem; /* fallback for browsers that don't support the clamp function) */ font-size: 1rem; /* fallback for browsers that don't support the clamp function) */
font-size: clamp(1rem, 15px + 0.3vw, 1.07rem); font-size: var(--font-size-default);
font-family: var(--font-family-hpr); font-family: var(--font-family-hpr);
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -84,11 +85,13 @@ body > nav ul li {
display: inline-block; display: inline-block;
background-color: inherit; background-color: inherit;
color: inherit; color: inherit;
line-height: 1.5; line-height: 1.0;
margin: 0; margin: 0;
padding: 0; padding: 0;
padding-right: var(--link-spacing-horizontal); padding-right: var(--link-spacing-horizontal);
} }
body > nav ul li a {
padding: 0.25rem 0;
} }
body > header { body > header {
display: flex; display: flex;
@@ -103,6 +106,7 @@ body > header > * {
margin: 0; margin: 0;
padding: 0; padding: 0;
flex: 1 1 auto; flex: 1 1 auto;
padding: 1.5rem;
} }
body > main { body > main {
padding: 0.25rem; padding: 0.25rem;
@@ -226,6 +230,7 @@ p.meta span label {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.5rem;
} }
a.lane-button { a.lane-button {
@@ -274,4 +279,7 @@ a.lane-button img {
#qr_code > img { #qr_code > img {
max-height: 195px; max-height: 195px;
} }
body > main {
padding: 0.25rem 2rem;
}
} }

16
templates/navigation-main.tpl.html
View File

@@ -1,11 +1,7 @@
<!--% PROCESS 'shared-utils.tpl.html' %--> <!--% PROCESS 'shared-utils.tpl.html' %-->
<ul> <ul>
<li><a href="<!--% hub_baseurl %-->calendar.php"><strong>⇧Upload⇧</strong></a></li> <li><a href="<!--% absolute_path(baseurl) %-->index.html">Home</a></li>
<li><a href="<!--% absolute_path(baseurl) %-->index.html"><strong>Home »</strong></a></li> <li><a href="<!--% hub_baseurl %-->calendar.php">Upload</a></li>
<li><a href="<!--% absolute_path(baseurl) %-->syndication.html">Get Shows</a></li> <li><a href="<!--% absolute_path(baseurl) %-->syndication.html">Download</a></li>
<li><a href="<!--% absolute_url(baseurl) %-->about.html#so_you_want_to_record_a_podcast">Give Shows</a></li> <li><a href="<!--% absolute_path(baseurl) %-->about.html">About</a></li>
<li><a href="<!--% absolute_path(baseurl) %-->about.html#how_to_help">Contribute</a></li> </ul>
<li><a href="<!--% absolute_path(baseurl) %-->tags.html">Tags</a></li>
<li><a href="<!--% absolute_path(baseurl) %-->about.html">About</a></li>
<li><a href="<!--% absolute_path(baseurl) %-->search.html">Search</a></li>
</ul>

2
templates/page.tpl.html
View File

@@ -40,7 +40,7 @@
<a href="<!--% absolute_path(baseurl) %-->sitemap.html#main_content">Site Map</a> <a href="<!--% absolute_path(baseurl) %-->sitemap.html#main_content">Site Map</a>
- <a href="<!--% absolute_path(baseurl) %-->#main_content">skip to main content</a> - <a href="<!--% absolute_path(baseurl) %-->#main_content">skip to main content</a>
</nav> </nav>
<nav class="menu" role="navigation"> <nav id="main_menu" class="menu" role="navigation">
<!--% INCLUDE $navigation %--> <!--% INCLUDE $navigation %-->
</nav> </nav>
<header role="banner"> <header role="banner">