[I45-website] Refresh HPR layout with a light touch #218

Merged
rho_n merged 14 commits from I45-website-refresh-light-touch into main 2024-10-15 01:19:35 +00:00

14 Commits

Author SHA1 Message Date
a58934acbf Merge branch 'main' into I45-website-refresh-light-touch 2024-10-15 01:19:07 +00:00
8f31864b83
Add id attribute to previous five weeks section 2024-10-12 11:06:41 -04:00
2b0b02ecb7
Remove uneeded in-line styling and tag attributes 2024-10-12 11:05:52 -04:00
9655c56ee6
Format CSS for consistency 2024-10-12 11:02:06 -04:00
87b7f7bde6
Create media breakpoint that matches original wide screen setting
For larger screens constrain viewing width and growth of font-size, and margins to approximately corresponding sizes of the original layout. Prevent things from getting too large.
2024-10-12 10:53:07 -04:00
69f19976fd
Use fluid responsive design for hr tag 2024-10-12 10:49:16 -04:00
6062cfd6b4
Clean up look of comment form 2024-10-12 10:47:29 -04:00
51adbcd938
Add fluid responsive design to page footer 2024-10-12 10:46:32 -04:00
7cd0cc3056
Add fluid responsive design to hosts table 2024-10-12 10:45:23 -04:00
d1539a3ca2
Add fluid responsive design to comment and code tags 2024-10-12 10:43:51 -04:00
ad89f1fb4f
Modify white space of main menu
Add some accessiblility touches: change cursor to pointer on hover, change link color on active event.
2024-10-12 10:42:18 -04:00
6b2a324730
Modify whitespace and sizing of headers in banner 2024-10-12 10:38:19 -04:00
e8f01ba5c5
Use fluid design for main container margins and padding 2024-10-12 10:24:27 -04:00
68e51c0a32
Initial reset of tags to use fluid responsive design
Use the clamping function to change the base font size as the size of the screen varies. Modify font-size, padding, and margin sizes to rely on the base font size (use rem units). In addition improve usage of white space by modifying line-height, margins, and padding of various tags.
2024-10-12 09:30:40 -04:00