forked from HPR/hpr_generator
Update main navigation menu for landing page
This commit is contained in:
@@ -34,6 +34,7 @@ https://creativecommons.org/publicdomain/
|
||||
--link-spacing-horizontal: clamp(0.5rem, -0.25rem + 3vw, 2.5rem);
|
||||
|
||||
--font-family-hpr: Verdana, Arial, Helvetica, sans-serif; /* 1em/1.5 OpenDyslexic, */;
|
||||
--font-size-default: clamp(1rem, 15px + 0.3vw, 1.07rem);
|
||||
|
||||
/* screen breakpoints */
|
||||
--for-phone-only: 599px;
|
||||
@@ -58,7 +59,7 @@ body {
|
||||
background-color: var(--background-primary);
|
||||
color: var(--text-primary);
|
||||
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);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -84,11 +85,13 @@ body > nav ul li {
|
||||
display: inline-block;
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
line-height: 1.5;
|
||||
line-height: 1.0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-right: var(--link-spacing-horizontal);
|
||||
}
|
||||
body > nav ul li a {
|
||||
padding: 0.25rem 0;
|
||||
}
|
||||
body > header {
|
||||
display: flex;
|
||||
@@ -103,6 +106,7 @@ body > header > * {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
flex: 1 1 auto;
|
||||
padding: 1.5rem;
|
||||
}
|
||||
body > main {
|
||||
padding: 0.25rem;
|
||||
@@ -226,6 +230,7 @@ p.meta span label {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
|
||||
}
|
||||
a.lane-button {
|
||||
@@ -274,4 +279,7 @@ a.lane-button img {
|
||||
#qr_code > img {
|
||||
max-height: 195px;
|
||||
}
|
||||
body > main {
|
||||
padding: 0.25rem 2rem;
|
||||
}
|
||||
}
|
||||
|
@@ -1,11 +1,7 @@
|
||||
<!--% PROCESS 'shared-utils.tpl.html' %-->
|
||||
<ul>
|
||||
<li><a href="<!--% hub_baseurl %-->calendar.php"><strong>⇧Upload⇧</strong></a></li>
|
||||
<li><a href="<!--% absolute_path(baseurl) %-->index.html"><strong>Home »</strong></a></li>
|
||||
<li><a href="<!--% absolute_path(baseurl) %-->syndication.html">Get Shows</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#how_to_help">Contribute</a></li>
|
||||
<li><a href="<!--% absolute_path(baseurl) %-->tags.html">Tags</a></li>
|
||||
<li><a href="<!--% absolute_path(baseurl) %-->index.html">Home</a></li>
|
||||
<li><a href="<!--% hub_baseurl %-->calendar.php">Upload</a></li>
|
||||
<li><a href="<!--% absolute_path(baseurl) %-->syndication.html">Download</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>
|
||||
|
@@ -40,7 +40,7 @@
|
||||
<a href="<!--% absolute_path(baseurl) %-->sitemap.html#main_content">Site Map</a>
|
||||
- <a href="<!--% absolute_path(baseurl) %-->#main_content">skip to main content</a>
|
||||
</nav>
|
||||
<nav class="menu" role="navigation">
|
||||
<nav id="main_menu" class="menu" role="navigation">
|
||||
<!--% INCLUDE $navigation %-->
|
||||
</nav>
|
||||
<header role="banner">
|
||||
|
Reference in New Issue
Block a user