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

Emphasize welcome text on index page

Browse Source
This commit is contained in:
Roan Horning
2025-10-12 07:57:33 -04:00
parent bca63a36fb
commit b32544f938
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public_html/css/hpr.css
View File

@@ -10,7 +10,11 @@ https://creativecommons.org/publicdomain/
* -- https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design * -- https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
* - Matthew James Tayler: Responsive Font Size (Optimal Text at Every Breakpoint) * - Matthew James Tayler: Responsive Font Size (Optimal Text at Every Breakpoint)
* -- https://matthewjamestaylor.com/responsive-font-size * -- https://matthewjamestaylor.com/responsive-font-size
* - CSS-Tricks: Linearly Scale font-size with CSS clamp() Based on the Viewport * - CSS-Tricks: Linearly Scale font-size with CSS c
* #welcome > p {
* font-size: 1.25rem;
* font-weight: 450;
* }lamp() Based on the Viewport
* -- https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/ * -- https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/
*/ */
@@ -47,6 +51,7 @@ https://creativecommons.org/publicdomain/
--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); --font-size-default: clamp(1rem, 15px + 0.3vw, 1.07rem);
--font-size-emphasis: clamp(1.1rem, 15px + 0.3vw, 1.25rem);
--logo-font-family: var(--font-family-hpr); --logo-font-family: var(--font-family-hpr);
--logo-font-weight: bolder; --logo-font-weight: bolder;
@@ -330,6 +335,10 @@ article > p,
justify-content: flex-between; justify-content: flex-between;
} }
.lane > article, .lane > article,
#welcome > p {
font-size: var(--font-size-emphasis);
font-weight: 450;
}
#hosts tr { #hosts tr {
/* Add shadows to create the "card" effect */ /* Add shadows to create the "card" effect */
border-top: thin solid var(--shadow-cards); border-top: thin solid var(--shadow-cards);

1
templates/content-index.tpl.html
View File

@@ -36,7 +36,6 @@
<!--% delta = date.calc.N_Delta_YMD(2005,9,19, date.format(date.now, '%Y'),date.format(date.now, '%m'),date.format(date.now, '%d')) %--> <!--% delta = date.calc.N_Delta_YMD(2005,9,19, date.format(date.now, '%Y'),date.format(date.now, '%m'),date.format(date.now, '%d')) %-->
<section id="welcome"> <section id="welcome">
<header><h2>Welcome</h2></header>
<p>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.</p> <p>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.</p>
<div id="call_for_shows"> <div id="call_for_shows">
<!--% display_call_for_shows() %--> <!--% display_call_for_shows() %-->