LG-12800 address code review, WIP

Author: ajfarkas

README.md

@@ -28,12 +28,9 @@ Run the tests:
 make test
 ```
 
-This site uses the [U.S. Web Design System](https://designsystem.digital.gov/). To update them:
+This site uses the anchor.js. To update it:
 
-1. Download the [latest release](https://designsystem.digital.gov/download)
-2. Copy contents to `assets/`
-3. Rename directory to `uswds`
-4. Download latest [anchor.js](https://github.com/bryanbraun/anchorjs) and put in `assets/js/`
+  - Download latest [anchor.js](https://github.com/bryanbraun/anchorjs) and put in `assets/js/`
 
 #### YAML files
 

_pages/support.md

@@ -376,7 +376,7 @@ https://idp.int.identitysandbox.gov/openid_connect/authorize?
   <div id="supportedbrowsers" class="usa-accordion__container">
     <div class="usa-accordion__content">
       <p>
-        Login.gov uses the <a class="usa-link" href="https://designsystem.digital.gov/">a US Web Design System (USWDS) </a> components on our websites. The current version (USWDS 3.0.0) supports the newest versions of Chrome, Firefox, and Safari. Internet Explorer 11 (IE11) is no longer officially supported and therefore is not recommended for use with Login.gov. If you experience issues connecting with Login.gov, try using one of the recommended browsers before contacting technical support.
+        Login.gov uses the <a class="usa-link" href="https://designsystem.digital.gov/">US Web Design System (USWDS) </a> components on our websites. The current version (USWDS 3) supports the newest versions of Chrome, Firefox, and Safari. Internet Explorer 11 (IE11) is no longer officially supported and therefore is not recommended for use with Login.gov. If you experience issues connecting with Login.gov, try using one of the recommended browsers before contacting technical support.
       </p>
     </div>
   </div>

_plugins/content_code.rb

@@ -1,6 +1,7 @@
 require 'rouge'
 
 # Include tabindex for accessibility reasons
+# See: https://github.com/rouge-ruby/rouge?tab=readme-ov-file#formatters
 class Rouge::Formatters::HTMLPygmentsA11y < Rouge::Formatters::HTMLPygments
   def stream(tokens, &b)
     yield %(<div class="highlight"><pre class="#{@css_class}"><code tabindex="0">)

assets/scss/main.css.scss

@@ -42,6 +42,10 @@ main.usa-layout-docs {
   margin-bottom: 0px;
 }
 
+code {
+  display: inline-block;
+}
+
 .code-button {
   color: #205493;
   padding-bottom: 0.5rem;

spec/e2e/accessibility.test.js

@@ -10,10 +10,8 @@ import getPort from 'get-port';
 // only test canonical paths
 const paths = (() => {
   const file = readFileSync('./_site/sitemap.xml', { encoding: 'utf8' });
-  const pathMatch = file.matchAll(/[.gov|:4000](\/[A-Za-z-]+\/?[A-Za-z-]*\/)<\/loc/g);
-  const foundPaths = Array.from(pathMatch).map((a) => a[1]);
-  foundPaths.unshift('/');
-  return foundPaths;
+  const pathMatch = file.matchAll(/<loc>(.+?)<\/loc>/g);
+  return Array.from(pathMatch).map(([, url]) => new URL(url).pathname);
 })();
 
 describe('accessibility', () => {