Content + CSS updates

lukefretwell · lukefretwell · commit 0f2c9f04250a · 2025-02-05T17:14:59.000-08:00
diff --git a/.DS_Store b/.DS_Store
diff --git a/_includes/audio.html b/_includes/audio.html
@@ -3,7 +3,7 @@
     <h2 class="h4 my-0 py-3">Listen
       <i class="fa-solid fa-volume-high" aria-hidden="true"></i>
     </h2>
-    <p class="pb-0 small text-body-secondary mb-0 pb-3">A podcast overview of
+    <p class="pb-0 small text-secondary mb-0 pb-3">A podcast overview of
       {% if page.lowercase == true %}
         {{ page.title | downcase }}
       {% else %}
diff --git a/_includes/header.html b/_includes/header.html
@@ -81,7 +81,7 @@
     <![endif]-->
 </head>
 
-<body class="{{ page.layout }}" data-bs-theme="dark">
+<body class="{{ page.layout }}" data-bs-theme="">
     <a class="sr-only sr-only-focusable skip-link" href="#main-content">
         Skip to main content
     </a>
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -53,9 +53,22 @@
             </li>
           {% endif %}
         {% endfor %}
-      <!--
-        <li class="nav-item me-3 me-lg-0" id="toggle-theme">  <a    class="nav-item nav-link mx-1"    href="javascript:void(0)"    onclick="    localStorage.setItem('theme', document.body.getAttribute('data-bs-theme') == 'light' ? 'dark' : 'light');    document.body.setAttribute('data-bs-theme', document.body.getAttribute('data-bs-theme') == 'light' ? 'dark' : 'light');    document.querySelector('#toggle-theme img').src = '/assets/img/' + (document.body.getAttribute('data-bs-theme') == 'light' ? 'moon' : 'sun') + '.svg';    ">    <img      id="theme-icon"      src="/assets/img/sun.svg"      alt="Toggle theme"      style="width: 1rem;">    <script>      let colorTheme = localStorage.getItem('theme');      if (colorTheme) {        document.body.setAttribute('data-bs-theme', colorTheme);        document.querySelector('#toggle-theme img').src = '/assets/img/' + (colorTheme == 'light' ? 'moon' : 'sun') + '.svg';      }    </script>    Mode  </a></li>
-      -->
+        <li class="nav-item me-3 me-lg-0" id="toggle-theme">
+          <a
+            class="nav-item nav-link mx-1"
+            href="javascript:void(0)"
+            onclick="    localStorage.setItem('theme', document.body.getAttribute('data-bs-theme') == 'light' ? 'dark' : 'light');    document.body.setAttribute('data-bs-theme', document.body.getAttribute('data-bs-theme') == 'light' ? 'dark' : 'light');    document.querySelector('#toggle-theme img').src = '/assets/img/' + (document.body.getAttribute('data-bs-theme') == 'light' ? 'moon' : 'sun') + '.svg';    ">
+            <img
+              id="theme-icon"
+              src="/assets/img/sun.svg"
+              alt="Toggle theme"
+              style="width: 1rem;">
+            <script>
+              let colorTheme = localStorage.getItem('theme');      if (colorTheme) {        document.body.setAttribute('data-bs-theme', colorTheme);        document.querySelector('#toggle-theme img').src = '/assets/img/' + (colorTheme == 'light' ? 'moon' : 'sun') + '.svg';      }
+            </script>
+            Mode
+          </a>
+        </li>
       </ul>
     </div>
   </div>
diff --git a/_includes/search-lunr.html b/_includes/search-lunr.html
@@ -16,7 +16,7 @@
     <div class="mb-3">
         <label for="lunrsearch" class="form-label visually-hidden">Search ScanGov Docs</label>
         <div class="input-group input-group-lg">
-            <input style="color: var(--bs-body-color)" type="text" class="form-control shadow" id="lunrsearch" name="q" maxlength="255" value="" placeholder="search ScanGov Docs" required>
+            <input type="text" class="form-control shadow" id="lunrsearch" name="q" maxlength="255" value="" placeholder="search ScanGov Docs" required>
             <button type="submit" class="btn btn-primary">Go</button>
             <div class="invalid-feedback">
                 Please enter a search term.
diff --git a/_includes/standards.html b/_includes/standards.html
@@ -1,5 +1,5 @@
 {% if page.layout == "guidance" %}
-  <div class="border mb-3 px-5 py-4 shadow">
+  <div class="border mb-4 px-5 py-4 shadow">
     <h2 class="m-0 p-0 h5">About
       <i class="fa-solid fa-trophy" aria-hidden="true"></i>
     </h2>
@@ -9,7 +9,7 @@ <h2 class="m-0 p-0 h5">About
     </p>
   </div>
 {% else %}
-  <div class="border mb-3 px-5 py-4 shadow">
+  <div class="border mb-4 px-5 py-4 shadow">
     <h2 class="m-0 p-0 h5">About
       <i class="fa-solid fa-certificate" aria-hidden="true"></i>
     </h2>
diff --git a/_layouts/guidance.html b/_layouts/guidance.html
@@ -14,7 +14,7 @@
     <div class="row">
       <div class="col-12">
         <div class="table-responsive">
-          <table class="table table-bordered table-hover">
+          <table class="table table-bordered table-hover shadow">
             <thead>
               <tr>
                 <th scope="col" class="p-3">Topics</th>
diff --git a/_layouts/standards.html b/_layouts/standards.html
@@ -14,7 +14,7 @@
     <div class="row">
       <div class="col-12">
         <div class="table-responsive">
-          <table class="table table-bordered table-hover">
+          <table class="table table-bordered table-hover shadow">
             <thead>
               <tr>
                 <th scope="col" class="p-3">Topics</th>
diff --git a/_pages/scangov-accessibility-statement.md b/_pages/scangov-accessibility-statement.md
diff --git a/_pages/services.md b/_pages/services.md
@@ -6,7 +6,9 @@ icon: "fa-solid fa-wand-magic-sparkles"
 keywords: 
 topics:
   - Accessibility
+  - Content
   - Domain
+  - Privacy
   - ScanGov
   - Search engine optimization
   - Security
diff --git a/_pages/sitemaps-org.md b/_pages/sitemaps-org.md
@@ -4,7 +4,7 @@ date: 2025-02-02
 modified: 
 author: ScanGov
 description: "Website sitemap standards."
-icon: "fa-solid fa-sitemap"
+icon: "fa-solid fa-trophy"
 website: https://sitemaps.org
 #audio: .mp3
 services: 
diff --git a/_pages/wcag.md b/_pages/wcag.md
@@ -5,9 +5,9 @@ modified:
 author: ScanGov
 description: "Rules for making websites accessible."
 shortname: WCAG
-icon: "fa-solid fa-file-lines"
+icon: "fa-solid fa-trophy"
 website: https://www.w3.org/WAI/standards-guidelines/wcag/
-#audio: .mp3
+audio: wcag.mp3
 services: true
 lowercase: 
 guidance: true
@@ -20,3 +20,10 @@ topics:
 ---
 
 ## About
+
+The Web Content Accessibility Guidelines (WCAG) are a set of rules for making web content more accessible to people with disabilities. WCAG helps developers, designers, and others create websites that are perceivable, operable, understandable, and robust. These guidelines have different levels (A, AA, and AAA), with AAA being the highest. Following WCAG helps make the web more user-friendly for everyone.
+
+## Links
+
+- [Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG21/) (W3C)
+- [Web Content Accessibility Guidelines](https://en.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines) (Wikipedia)
diff --git a/assets/.DS_Store b/assets/.DS_Store
diff --git a/assets/audio/wcag.mp3 b/assets/audio/wcag.mp3
diff --git a/css/style.css b/css/style.css
