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
* - 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);