diff --git a/.gitignore b/.gitignore
index 496ee2c..c86c8e0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,10 @@
-.DS_Store
\ No newline at end of file
+# macOS general
+# https://github.com/github/gitignore/blob/main/Global/macOS.gitignore
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# published
+docs/_redirects
+docs/specimen/
+docs/vocabulary/
diff --git a/docs/index.html b/docs/index.html
index fc73658..186719a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -5,7 +5,7 @@
   
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="stylesheet" media="all" href="style.css">
+<link rel="stylesheet" media="all" href="style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 <body>
@@ -59,7 +59,7 @@ <h3>Structure & Behavior</h3>
     vocabulary → [project]-prototype → [project]-[implementation(s)] (*-dev-env *-theme, etc.)
 </pre>
 
-<p>In the case of the <a href="https://creativecommons.org">Index Project (CreativeCommons.org)</a> it looks like this:</a> </p>
+<p>In the case of the <a href="https://creativecommons.org">Index Project (CreativeCommons.org)</a> it looks like this: </p>
 
 <pre>
     <a href="/creativecommons/vocabulary">vocabulary</a> → <a href="/creativecommons/index-prototype">index-prototype</a> → <a href="/creativecommons/vocabulary-theme">vocabulary-theme</a>
@@ -122,7 +122,7 @@ <h3>02. CSS Installation</h3>
 <pre>
 <code class="lang-html">
     
-<link rel="stylesheet" media="all" href="PATH/TO/style.css">
+<link rel="stylesheet" media="all" href="PATH/TO/style.css" />
     
 </code>
 </pre>
@@ -204,7 +204,7 @@ <h3 id="global-header">Header - Global Area</h3><a class="permalink" href="#glob
     <ul>
       <li>Entity Logo</li>
       <li>Primary Nav Menu</li>
-      <li>Ancilliary Nav Menu</li>
+      <li>Ancillary Nav Menu</li>
     </ul>
   </li> 
   <li>
@@ -245,7 +245,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <!-- uncomment below line, if translation functionality is present on site -->
                 <!-- <li><button class="locale icon-attach fa-globe">English</button></li> -->
@@ -312,7 +312,7 @@ <h3 id="global-footer">Footer - Global Area</h3><a class="permalink" href="#glob
 
 <p>Each CC site utilizing Vocabulary should include the global <span class="distinct">Header</span> & <span class="distinct">Footer</span> areas at the top and bottom of the site respectively.</p>
 
-<p>The Global Header component contains several sub-elements.</p>
+<p>The Global Footer component contains several sub-elements.</p>
 <ul>
     <li>main Index Project Site identity/link</li>
     <li>Footer Nav Menu</li>
@@ -366,8 +366,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
@@ -786,7 +786,7 @@ <h3 id="data-points-singular-block">Data Points - Singular - Block</h3><a class=
 
 <h4>Expected Contexts</h3>
 <ul>
-<li><span class="distinct">article.case-studies > ul > li > article-data-point</span></li>
+<li><span class="distinct">article.case-studies > ul > li > article.data-point</span></li>
 
 </ul>
 
diff --git a/netlify-deploy.sh b/netlify-deploy.sh
new file mode 100755
index 0000000..4dcb044
--- /dev/null
+++ b/netlify-deploy.sh
@@ -0,0 +1,44 @@
+#!/bin/sh
+# (POSIX / Dash compatible)
+set -o errexit
+set -o nounset
+
+# https://en.wikipedia.org/wiki/ANSI_escape_code
+E0="$(printf "\033[0m")"        # reset
+E30="$(printf "\033[30m")"      # black foreground
+E107="$(printf "\033[107m")"    # bright white background
+
+#### FUNCTIONS ################################################################
+
+
+print_header() {
+    # Print 80 character wide black on white heading with time
+    printf "${E30}${E107}# %-69s$(date '+%T') ${E0}\n" "${@}"
+}
+
+
+remove_previous_from_docs() {
+    # shellcheck disable=SC2016
+    print_header 'Remove previous publish from the `docs/` directory'
+    rm -rf docs/_redirects docs/specimen docs/vocabulary
+    mkdir -p docs/specimen docs/vocabulary
+    echo 'done.'
+    echo
+}
+
+
+publish_to_docs() {
+    # shellcheck disable=SC2016
+    print_header 'Publish to the `docs/` directory'
+    cp -a _redirects docs/
+    cp -a specimen/* docs/specimen/
+    cp -a src/* docs/vocabulary/
+    echo 'done.'
+    echo
+}
+
+
+#### MAIN #####################################################################
+
+remove_previous_from_docs
+publish_to_docs
diff --git a/specimen/contexts/archive-page.html b/specimen/contexts/archive-page.html
index 567ccf7..d8dc04c 100644
--- a/specimen/contexts/archive-page.html
+++ b/specimen/contexts/archive-page.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -264,8 +264,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/contexts/blog-index.html b/specimen/contexts/blog-index.html
index 39f21d5..9d0c256 100644
--- a/specimen/contexts/blog-index.html
+++ b/specimen/contexts/blog-index.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -549,8 +549,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/contexts/blog-post.html b/specimen/contexts/blog-post.html
index 83ce2ce..e98eadd 100644
--- a/specimen/contexts/blog-post.html
+++ b/specimen/contexts/blog-post.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -305,8 +305,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/contexts/default-page.html b/specimen/contexts/default-page.html
index cdbf527..18a9aff 100644
--- a/specimen/contexts/default-page.html
+++ b/specimen/contexts/default-page.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -236,8 +236,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/contexts/home-index.html b/specimen/contexts/home-index.html
index a684270..9816f8d 100644
--- a/specimen/contexts/home-index.html
+++ b/specimen/contexts/home-index.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -411,8 +411,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/contexts/license-page.html b/specimen/contexts/license-page.html
index 519a047..1a7bb45 100644
--- a/specimen/contexts/license-page.html
+++ b/specimen/contexts/license-page.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -140,8 +140,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/contexts/person-page.html b/specimen/contexts/person-page.html
index 11b63ba..9113b4c 100644
--- a/specimen/contexts/person-page.html
+++ b/specimen/contexts/person-page.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -234,8 +234,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/contexts/program-index.html b/specimen/contexts/program-index.html
index a9c41cd..fad0481 100644
--- a/specimen/contexts/program-index.html
+++ b/specimen/contexts/program-index.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -198,7 +198,7 @@ <h2><a href="#">Open Access in Practice: A Conversation with President Larry Kra
         </li>
 
 
-    </article>
+    </ul>
 </article>
 
 
@@ -222,7 +222,7 @@ <h2><a href="#">Open Access in Practice: A Conversation with President Larry Kra
     <div class="contact">
     <!-- this area lacks a heading? -->
     <h2>Contact Us</h2>
-    <p>Creative Commons </br> PO Box 1866, Mountain View, CA 94042</p>
+    <p>Creative Commons <br /> PO Box 1866, Mountain View, CA 94042</p>
     <p><a href="mailto:info@creativecommons.org">info@creativecommons.org</a></p>
     <p><a href="tel:+14154296753">+1-415-429-6753</a></p>
 
@@ -239,8 +239,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/contexts/program-page.html b/specimen/contexts/program-page.html
index 4cb13a7..8dc6614 100644
--- a/specimen/contexts/program-page.html
+++ b/specimen/contexts/program-page.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -218,8 +218,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/contexts/search-index.html b/specimen/contexts/search-index.html
index 3b52fcb..640a4ed 100644
--- a/specimen/contexts/search-index.html
+++ b/specimen/contexts/search-index.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -257,8 +257,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/contexts/team-index.html b/specimen/contexts/team-index.html
index 1d89548..6b82975 100644
--- a/specimen/contexts/team-index.html
+++ b/specimen/contexts/team-index.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -192,8 +192,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/contexts/walkthrough-page.html b/specimen/contexts/walkthrough-page.html
index f3dd379..3957ccd 100644
--- a/specimen/contexts/walkthrough-page.html
+++ b/specimen/contexts/walkthrough-page.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -148,8 +148,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/index-logo.html b/specimen/index-logo.html
index e7c237a..a9531d9 100644
--- a/specimen/index-logo.html
+++ b/specimen/index-logo.html
@@ -5,7 +5,7 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="stylesheet" media="all" href="style.css">
+<link rel="stylesheet" media="all" href="style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -27,7 +27,7 @@ <h1><a class="identity-logo" href="#">Creative Commons</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <!-- uncomment below line, if translation functionality is present on site -->
                 <!-- <li><button class="locale icon-attach fa-globe">English</button></li> -->
@@ -130,8 +130,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/product-logo.html b/specimen/product-logo.html
index 40bc8ab..f0c452d 100644
--- a/specimen/product-logo.html
+++ b/specimen/product-logo.html
@@ -5,7 +5,7 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="stylesheet" media="all" href="style.css">
+<link rel="stylesheet" media="all" href="style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -18,14 +18,14 @@ <h1><a class="identity-logo product" href="#">Open Source</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Contribute</a></li>
-                <li><a href="">Community</a></li>
-                <li><a href="">Work Programs</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Contribute</a></li>
+                <li><a href="#">Community</a></li>
+                <li><a href="#">Work Programs</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -125,8 +125,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/tests/grid-sidebar.html b/specimen/tests/grid-sidebar.html
index ef9fc2d..492a86c 100644
--- a/specimen/tests/grid-sidebar.html
+++ b/specimen/tests/grid-sidebar.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -166,8 +166,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/tests/grid.html b/specimen/tests/grid.html
index 698b758..9d69703 100644
--- a/specimen/tests/grid.html
+++ b/specimen/tests/grid.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -166,8 +166,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/specimen/tests/kitchensink.html b/specimen/tests/kitchensink.html
index af146b0..fa4d212 100644
--- a/specimen/tests/kitchensink.html
+++ b/specimen/tests/kitchensink.html
@@ -5,12 +5,12 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
-<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
-<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
+<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
+<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
+<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
 <link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
 
-<link rel="stylesheet" media="all" href="../style.css">
+<link rel="stylesheet" media="all" href="../style.css" />
 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 
@@ -23,14 +23,14 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a href="">About</a></li>
-                <li><a href="">Contact</a></li>
-                <li><a href="">Blog</a></li>
-                <li><a href="">Support</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Support</a></li>
             </ul>
         </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -542,8 +542,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
diff --git a/src/css/vocabulary.css b/src/css/vocabulary.css
index affbd85..7d49cc5 100644
--- a/src/css/vocabulary.css
+++ b/src/css/vocabulary.css
@@ -209,7 +209,6 @@ a.more {
 /* <main> level context */
 
 main {
-    
     display: grid;
     grid-template-columns: subgrid;
     width: 100%;
@@ -339,8 +338,8 @@ main > aside.sidebar nav.filter-menu ul li.current a {
 main > aside.sidebar nav ul {
     margin: 0;
     padding: 0;
+    
     text-indent: none;
-
     list-style: none;
     font-size: 1rem;
     font-weight: 700;
@@ -543,12 +542,12 @@ main aside.closing {
     width: 100%;
 
     background: var(--vocabulary-brand-color-soft-turquoise);
-  }
+}
 
 main aside.closing a {
     --underline-background-color: var(--vocabulary-brand-color-soft-turquoise);
     color: var(--vocabulary-brand-color-dark-tomato);
-  }
+}
 
 main aside.closing p {
     margin :0;
@@ -558,7 +557,7 @@ main aside.closing p {
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
-  }
+}
 
 main .pub-date {
     display: inline-block;
@@ -590,8 +589,9 @@ main article.tags ul li {
 
 
 main article.tags ul li:after {
-    content: ',';
     margin-left: .1em;
+
+    content: ',';
 }
 
 main article.tags ul li:last-child:after {
@@ -624,8 +624,6 @@ main article.posts.related ul {
     list-style: none;
 
     font-size: initial;
-
-    
 }
 
 main article.posts.related ul li {
@@ -669,8 +667,8 @@ main nav.pagination ol {
     width: 100%;
     margin: 0;
     padding: 0;
+    
     text-indent: none;
-
     font-size: 1em;
     list-style: none;
 }
@@ -719,11 +717,11 @@ main .attribution-list button.expand-attribution {
     position: absolute;
     top: 4.5em;
     right: 4em;
+    padding: .5em;
 
     cursor: pointer;
     border: 1px solid black;
     border-radius: 3px;
-    padding: .5em;
     font-family: "Source Sans Pro";
 }
 
@@ -792,7 +790,6 @@ body > header .masthead {
     flex-wrap: wrap;
     align-items: baseline;
     position: relative;
-
     width: 100%;
     /* padding-top: 3%; */
     padding-top: 40px;
@@ -859,11 +856,11 @@ body > header .masthead .identity-logo:hover {
 body > header .masthead .identity-logo.product {
     width: initial;
     position: relative;
-    text-indent: 42px;
     padding-top: 7px;
     box-sizing: border-box;
 
     text-decoration: none;
+    text-indent: 42px;
     font-family: "CC Accidenz Commons";
     font-weight: normal;
     text-transform: lowercase;
@@ -942,7 +939,7 @@ body > header button.expand-menu {
     display: none;
 }
 
-body > header .ancilliary-menu {
+body > header .ancillary-menu {
     position: absolute;
     top: 0;
     /* right: var(--vocabulary-page-edges-space); */
@@ -955,7 +952,7 @@ body > header .ancilliary-menu {
     /* font-size: 1em; */
 }
 
-body > header .ancilliary-menu ul {
+body > header .ancillary-menu ul {
     display: flex;
     margin: 0;
     padding: 0;
@@ -963,35 +960,34 @@ body > header .ancilliary-menu ul {
     list-style: none;
 }
 
-body > header .ancilliary-menu ul li {
+body > header .ancillary-menu ul li {
     margin-left: 10px;
 }
-body > header .ancilliary-menu ul li a {
+body > header .ancillary-menu ul li a {
     /* generalize this */
     display: inline-block;
 }
 
-body > header .ancilliary-menu ul li a,
-.ancilliary-menu ul li button {
+body > header .ancillary-menu ul li a,
+.ancillary-menu ul li button {
     margin-top: 10px;
 }
 
-body > header .ancilliary-menu ul li button:hover {
+body > header .ancillary-menu ul li button:hover {
     cursor: pointer;
 }
 
-body > header .ancilliary-menu button.locale {
+body > header .ancillary-menu button.locale {
     display: inline-flex;
     align-items: center;
     padding: 6px 10px;
 
-
     background:  var(--vocabulary-neutral-color-lighter-gray);
     border: none;
     border-radius: 3px;
 }
 
-body > header .ancilliary-menu button.locale.icon-attach:before {
+body > header .ancillary-menu button.locale.icon-attach:before {
     --icon-sprite: var(--fa-globe);
     --icon-sprite-size: .8em;
 
@@ -1000,7 +996,7 @@ body > header .ancilliary-menu button.locale.icon-attach:before {
     opacity: .3;
 }
 
-body > header .ancilliary-menu a.donate {
+body > header .ancillary-menu a.donate {
     display: inline-flex;
     align-items: center;
     padding: 6px 10px;
@@ -1011,7 +1007,7 @@ body > header .ancilliary-menu a.donate {
     border-radius: 3px;
 }
 
-.ancilliary-menu a.donate.icon-attach:before {
+.ancillary-menu a.donate.icon-attach:before {
     --icon-sprite: var(--fa-heart);
     --icon-sprite-color: var(--vocabulary-brand-color-dark-tomato);
      --icon-sprite-size: .8em;
@@ -1019,7 +1015,7 @@ body > header .ancilliary-menu a.donate {
     margin-right: .8em;
 }
 
-body > header .ancilliary-menu a.search {
+body > header .ancillary-menu a.search {
     display: inline-flex;
     align-items: center;
     padding: 6px 10px;
@@ -1032,14 +1028,14 @@ body > header .ancilliary-menu a.search {
     border-radius: 3px;
 }
 
-body > header .ancilliary-menu a.search.icon-attach:before {
+body > header .ancillary-menu a.search.icon-attach:before {
     --icon-sprite: var(--fa-search);
      --icon-sprite-size: .8em;
 
     margin-right: .8em;
 }
 
-body > header .ancilliary-menu button.explore {
+body > header .ancillary-menu button.explore {
     margin-top: 0;
     padding-top: 16px;
     padding-bottom: 6px;
@@ -1067,6 +1063,7 @@ body > header .explore-panel {
 
 .explore-panel.expand {
     display: inherit;
+
     transition: display 2s ease-in-out;
 }
 
@@ -1076,7 +1073,6 @@ body > header .explore-panel aside {
 
 body > header .explore-panel aside .identity-logo {
     display: inline-block;
-    text-indent: -1000px;
     vertical-align: bottom;
     height: 50px;
     width: 191px;
@@ -1089,17 +1085,16 @@ body > header .explore-panel aside .identity-logo {
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     cursor: pointer;
+    text-indent: -1000px;
 
     /* standard pattern for setting logo in lieu of background color manipulation */
     /* background: url('../../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
-
 }
 
 body > header .explore-panel aside h2 {
     font-family: 'Roboto Condensed';
     font-style: normal;
     font-weight: 700;
-
 }
 
 body > header .explore-panel aside p {
@@ -1114,19 +1109,16 @@ body > header .explore-panel .explore-menu {
     font-family: 'Source Sans Pro';
     font-style: normal;
     font-weight: 400;
-
 }
 
 body > header .explore-panel .explore-menu ul {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 20px;
-
     margin: 0;
     padding: 0;
 
     list-style: none;
-
 }
 
 body > header .explore-panel nav ul li a {
@@ -1320,7 +1312,6 @@ body > footer .footer-menu ul {
 body > footer .footer-menu ul li a {
     text-decoration: none;
     color: var(--vocabulary-brand-color-turquoise);
-
 }
 
 body > footer .contact {
@@ -1334,7 +1325,6 @@ body > footer .contact .social-menu ul {
     margin-top: 3em;
 
     list-style: none;
-
 }
 
 body > footer .contact .social-menu ul li {
@@ -1374,7 +1364,6 @@ body > footer .subscribe form input {
     border: 2px solid rgb(118, 118, 118);;
     /* border-radius: 4px; */
     box-shadow: none;
-
 }
 
 body > footer .subscribe form input.input {
@@ -1430,7 +1419,6 @@ body > footer .donate a.donate {
 
 body > footer .donate a.donate:hover {
     cursor: pointer;
-
     background-color: rgb(248, 204, 44);
 }
 
@@ -1585,7 +1573,6 @@ body > footer .license svg {
     font-style: normal;
     font-weight: 700;
     font-size: 1em;
-
 }
 
 .search-index .search-form form input {
@@ -1598,7 +1585,6 @@ body > footer .license svg {
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
     border: 2px solid black;
-
 }
 
 .search-index .search-form form button {
@@ -1736,9 +1722,7 @@ body > footer .license svg {
 
 .person-page main > header h1 {
     grid-column-start: 2;
-
     margin-bottom: .1em;
-
 }
 
 .person-page main > header .title {
@@ -1754,6 +1738,7 @@ body > footer .license svg {
 .person-page main > header .pronouns {
     grid-column-start: 2;
     margin-bottom: 1em;
+
     font-family: 'Source Sans Pro';
     font-style: normal;
     font-weight: 700;
@@ -1765,7 +1750,6 @@ body > footer .license svg {
     position: absolute;
     margin: 0;
     padding:0;
-
     top: 3.4em;
     left: 0;
     width: 30%;
@@ -1773,8 +1757,8 @@ body > footer .license svg {
 
 .person-page main > header figure img {
     box-sizing: border-box;
-
     width: 100%;
+    max-height: 21.8rem;
 
     border: 16px solid white;
 }
@@ -1783,7 +1767,6 @@ body > footer .license svg {
     grid-column-start: 2;
 
     font-size: .9em;
-
 }
 
 .person-page main > header p {
@@ -1870,7 +1853,7 @@ body > footer .license svg {
         top: 4.5em;
         right: 0;
         display: inline-block;
-        padding: .3em .5em;
+        padding: .5rem 1rem;
         border: none;
         border-radius: 5px;
         background: #F5F5F5;
@@ -1879,7 +1862,6 @@ body > footer .license svg {
         font-style: normal;
         font-weight: 700;
         font-size: 1em;
-        padding: .5rem 1rem;
     }
 
     body > header .primary-menu {
@@ -1902,6 +1884,7 @@ body > footer .license svg {
     body > header .primary-menu.expand ul li {
         margin: 0;
         padding: 1em 0;
+
         border-top: 1px solid rgba(1,1,1,.1);
     }
 
@@ -2055,7 +2038,7 @@ body > footer .license svg {
 }
 
 @media (max-width:340px) {
-    body > header .ancilliary-menu button:before, body > header .ancilliary-menu a:before {
+    body > header .ancillary-menu button:before, body > header .ancillary-menu a:before {
         display: none;
     }
   
