grbraman/gtbop-archive-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apply UGA brand visual identity and accessibility improvements

Browse Source 
Restyle site to align with brand.uga.edu guidelines: Bulldog Red primary,
Olympic/Lake Herrick accents, Oswald headings, Merriweather Sans body text.
Add WCAG AA-compliant dark mode, skip-to-content link, focus indicators,
and underlined content links for Section 508 compliance.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Rich Braman
2026-03-17 21:56:36 -04:00
parent 14da0089ba
commit 35abd57645
81 changed files with 3994 additions and 754 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/green-commercial/2026-01-15-klein-urban-tree-bmps/prose-transcript/index.html
+44 -9
View File
@@ -26,11 +26,10 @@
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.7.3">
<title>Prose Transcript - GTBOP Webinar Archives</title>
<title>GTBOP Webinar Archives — Prose Transcript</title>
<link rel="stylesheet" href="../../../assets/stylesheets/main.484c7ddc.min.css">
@@ -40,6 +39,30 @@
<style>
/* Skip-to-content link — hidden until focused */
.skip-link {
position: absolute;
top: -100%;
left: 1rem;
z-index: 999;
padding: 0.75em 1.5em;
background: #004E60;
color: #FFFFFF;
font-family: "Merriweather Sans", sans-serif;
font-weight: 700;
font-size: 0.9rem;
border-radius: 0 0 8px 8px;
text-decoration: none;
transition: top 0.2s ease;
}
.skip-link:focus {
top: 0;
outline: 3px solid #00A3AD;
outline-offset: 2px;
}
</style>
@@ -48,11 +71,13 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i%7CSource+Code+Pro:400,400i,700,700i&display=fallback">
<style>:root{--md-text-font:"Source Sans Pro";--md-code-font:"Source Code Pro"}</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i%7CSource+Code+Pro:400,400i,700,700i&display=fallback">
<style>:root{--md-text-font:"Merriweather Sans";--md-code-font:"Source Code Pro"}</style>
<link rel="stylesheet" href="../../../stylesheets/uga-brand.css">
<script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
@@ -69,7 +94,7 @@
<body dir="ltr" data-md-color-scheme="default" data-md-color-primary="deep-green" data-md-color-accent="amber">
<body dir="ltr" data-md-color-scheme="default" data-md-color-primary="custom" data-md-color-accent="custom">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
@@ -88,6 +113,11 @@
</div>
<a href="#content" class="skip-link">
Skip to main content
</a>
@@ -127,7 +157,7 @@
<input class="md-option" data-md-color-media="" data-md-color-scheme="default" data-md-color-primary="deep-green" data-md-color-accent="amber" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_0">
<input class="md-option" data-md-color-media="" data-md-color-scheme="default" data-md-color-primary="custom" data-md-color-accent="custom" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_0">
<label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
@@ -137,7 +167,7 @@
<input class="md-option" data-md-color-media="" data-md-color-scheme="slate" data-md-color-primary="deep-green" data-md-color-accent="amber" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_1">
<input class="md-option" data-md-color-media="" data-md-color-scheme="slate" data-md-color-primary="custom" data-md-color-accent="custom" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_1">
<label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
@@ -316,6 +346,7 @@
</header>
<div class="md-container" data-md-component="container">
@@ -4158,6 +4189,8 @@
<article class="md-content__inner md-typeset">
<main id="content" role="main" tabindex="-1">
@@ -4181,6 +4214,8 @@
</main>
</article>
</div>