Design clean-up

Author: lukefretwell

_includes/footer.html

@@ -22,11 +22,12 @@
   </footer>
 </div>
 <a
-  href="feedback.html"
+  href="/feedback"
   id="feedback-button"
   aria-label="Feedback"
   class="feedback"
   style="">
+  <i class="fa-regular fa-lightbulb"></i>
   Feedback
 </a>
 

_includes/jumbotron.html

@@ -67,8 +67,8 @@ <h1 id="jumbotron-title" class="display-5 mb-3">{{ page.hero-title }}</h1>
     <div class="pt-5 pb-4 mb-5 border-bottom">
       <div class="container">
         <div class="row">
-          <div class="col-12 col-sm-12 col-md-2 col-lg-2 col-xl-2"></div>
-          <div class="col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8">
+          <div class="col-12 col-sm-12 col-md-1 col-lg-1 col-xl-1"></div>
+          <div class="col-12 col-sm-12 col-md-10 col-lg-10 col-xl-10">
             {% if page.title %}
               <h1 class="display-5">{{ page.title }}</h1>
             {% endif %}
@@ -77,7 +77,7 @@ <h1 class="display-5">{{ page.title }}</h1>
             {% endif %}
           </div>
         </div>
-        <div class="col-12 col-sm-12 col-md-2 col-lg-2 col-xl-2"></div>
+        <div class="col-12 col-sm-12 col-md-1 col-lg-1 col-xl-1"></div>
       </div>
     </div>
   {% elsif page.layout == "docs" %}

_includes/toc.html

@@ -8,10 +8,11 @@
           {% assign id = chapter | split: 'id="' %}
           {% assign id = id[1] | split: '"' %}
           {% assign id = id[0] %}
+          {% assign level = chapter | slice: 0, 1 %}
           {% assign title = chapter | split: '>' %}
           {% assign title = title[1] | split: '</h' %}
           {% assign title = title[0] %}
-          <li class="mb-1 small">
+          <li class="mb-2 small {% if level == '3' %}ms-3{% endif %}">
             <a href="#{{ id }}">{{ title }}</a>
           </li>
         {% endif %}

_layouts/cards.html

@@ -22,7 +22,7 @@ <h2 class="h4 mb-3">
                     </a>
                   </h2>
                 </div>
-                <div class="card-footer text-muted">
+                <div class="card-footer text-muted small">
                   {{ item.source }}
                 </div>
               </div>
@@ -38,7 +38,7 @@ <h2 class="h3 mb-3">
                   </h2>
                   <p class="card-text">{{ item.description }}</p>
                 </div>
-                <div class="card-footer text-muted">
+                <div class="card-footer text-muted small">
                   {% include date.html %}
                 </div>
               </div>

_pages/brand.md

@@ -13,12 +13,12 @@ keywords:
 
 ## Fonts
 
-- Logo ([JetBrains Mono](https://www.jetbrains.com/lp/mono/))
-- Content ([Noto Sans](https://fonts.google.com/noto/specimen/Noto+Sans))
+- Logo/content ([Public Sans](https://public-sans.digital.gov/))
+- Code ([JetBrains Mono](https://www.jetbrains.com/lp/mono/))
 
 ## Colors
 
-- Black: #000000
+- Black: #13171f
 - White: #ffffff
 - Green: #70e17b
 

_pages/feedback.md

@@ -6,4 +6,6 @@ description: "Give ScanGov feedback."
 keywords: 
 ---
 
+- [Web form](https://docs.google.com/forms/d/e/1FAIpQLSeKiSG0f07leAwW1QqIMSoDIgTA92m0jVy6NADtiaoPhg4rww/viewform?usp=sharing)
+- `#feedback` channel in the [ScanGov Discord](https://discord.gg/EPCXEMAX5y)
 - [Submit a GitHub issue](https://github.com/ScanGov/docs/issues)

_pages/https-hsts.md

@@ -39,8 +39,6 @@ Example government websites with HTTPS:
 Services](https://www.whitehouse.gov/wp-content/uploads/legacy_drupal_files/omb/memoranda/2015/m-15-13.pdf)
 
 ## HTTP Strict Transport Security (HSTS)
-
-### About
 
 ### Guidance
 
@@ -54,6 +52,8 @@ All government websites must have HSTS.
 
 > The policy should be deployed at https://domain.gov, not https://www.domain.gov.
 
+### About
+
 HSTS is a security feature that:
 
 - Forces web browsers to use HTTPS instead of HTTP.

_pages/robots.md

@@ -86,4 +86,4 @@ X-Robots-Tag: index, follow
 - [robotstxt.org](https://www.robotstxt.org)
 - [robots.txt](https://search.gov/indexing/robotstxt.html) (Search.gov)
 - [robots.txt](https://en.wikipedia.org/wiki/Robots.txt) (Wikipedia)
-- [Meta tag and HTTP response](https://developers.google.com/search/docs/crawling-indexing/robots-meta-tag) (Google)
+- [Robots Meta Tags Specifications](https://developers.google.com/search/docs/crawling-indexing/robots-meta-tag) (Google)

_pages/sitemap.md

@@ -6,6 +6,10 @@ icon: "fa-solid fa-sitemap"
 keywords: sitemap, grades, scores
 ---
 
+## Guidance
+
+All government websites must have a sitemap.
+
 ## About
 
 A sitemap is a file that lists all of the pages on a website in addition to information about each so that search engines can more intelligently crawl the site.
@@ -18,10 +22,6 @@ The sitemap is an Extensible Markup Language (XML) file on the website’s root
 * how often it usually changes
 * how important it is, relative to other URLs in the site
 
-## Guidance
-
-All government websites must have a sitemap.
-
 ## Examples
 
 Example government website sitemaps:

_pages/stld.md

@@ -6,6 +6,10 @@ icon: "fa-solid fa-landmark-dome"
 keywords: url, stld
 ---
 
+## Guidance
+
+All government websites must have a `.gov` / `.edu` / `.mil` sTLD.
+
 ## About
 
 Generic top-level domains (gTLD) (`.com`, `.org`, etc.) are non-country extensions that indicate the purpose or source of the website.
@@ -14,10 +18,6 @@ Sponsored top-level domains (sTLD) (`.gov` / `.edu` / `.mil`) are a subgroup of
 
 A `.gov` / `.edu` / `.mil` extension verifies that the website is managed by a United States government organization (federal, state, local). Government non-.gov gTLDs can potentially confuse users and create opportunities for non-government entities to spoof official government services. Adopting the `.gov` / `.edu` / `.mil` extension ensures users are visiting an official government website.
 
-## Guidance
-
-All government websites must have a `.gov` / `.edu` / `.mil` sTLD.
-
 ## Examples
 
 Example of government websites with a `.gov` sTLD:

_pages/x-content-type-options.md

@@ -6,6 +6,10 @@ icon: "fa-solid fa-file-code"
 keywords: grades, scores
 ---
 
+## Guidance
+
+All government websites must have `X-Content-Type-Options` designated.
+
 ## About
 
 `X-Content-Type-Options` is a security header that:
@@ -14,10 +18,6 @@ keywords: grades, scores
 - Ensures content is rendered as declared (e.g., no misinterpretation of file types).
 - Stops browsers from guessing content types, enhancing security.
 
-## Guidance
-
-All government websites must have `X-Content-Type-Options` designated.
-
 ## Code
 
 Example header: