diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css index 556345c..62c71d5 100644 --- a/public_html/css/hpr.css +++ b/public_html/css/hpr.css @@ -10,7 +10,11 @@ https://creativecommons.org/publicdomain/ * -- https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design * - Matthew James Tayler: Responsive Font Size (Optimal Text at Every Breakpoint) * -- 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/ */ @@ -47,6 +51,7 @@ https://creativecommons.org/publicdomain/ --font-family-hpr: Verdana, Arial, Helvetica, sans-serif; /* 1em/1.5 OpenDyslexic, */; --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-weight: bolder; @@ -330,6 +335,10 @@ article > p, justify-content: flex-between; } .lane > article, +#welcome > p { + font-size: var(--font-size-emphasis); + font-weight: 450; +} #hosts tr { /* Add shadows to create the "card" effect */ border-top: thin solid var(--shadow-cards); diff --git a/templates/content-index.tpl.html b/templates/content-index.tpl.html index 8666363..5da24af 100644 --- a/templates/content-index.tpl.html +++ b/templates/content-index.tpl.html @@ -36,7 +36,6 @@
-

Welcome

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.