Merge branch 'main' into mobile-ui-540-320-adjusted

creativecommons · Oct 15, 2024 · 29f2495 · 29f2495
2 parents 97cdd1e + 81868c5
commit 29f2495
Show file tree

Hide file tree

Showing 21 changed files with 272 additions and 236 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,10 @@
-.DS_Store
+# 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
@@ -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" />
 
 </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="https://github.com/creativecommons/vocabulary">vocabulary</a> → <a href="https://github.com/creativecommons/index-prototype">index-prototype</a> → <a href="https://github.com/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
@@ -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
@@ -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" />
 
 </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
@@ -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" />
 
 </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
@@ -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" />
 
 </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
@@ -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" />
 
 </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
@@ -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" />
 
 </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="">