add link to Twitter handle in footer

mojavelinux · mojavelinux · commit 031b408bf34a · 2021-09-25T02:35:15.000-06:00
diff --git a/src/css/footer.css b/src/css/footer.css
@@ -21,7 +21,12 @@ footer.footer {
   color: var(--footer-link-font-color);
 }
 
-.footer p + p {
+.footer img {
+  vertical-align: middle;
+}
+
+.footer p + p,
+.footer ul + p {
   margin-top: 1em;
 }
 
@@ -76,6 +81,24 @@ footer.footer {
   padding: 0 0.5em;
 }
 
+.footer-brand-follow {
+  font-size: calc(24 / var(--rem-base) * 1rem);
+  font-weight: var(--body-font-weight-bold);
+}
+
+.footer-brand-follow a {
+  display: inline-flex;
+}
+
+.footer-brand-follow .logo {
+  width: calc(28 / var(--rem-base) * 1rem);
+}
+
+.footer-brand-follow .handle {
+  margin-left: 0.5ch;
+  padding-bottom: 0.1em;
+}
+
 .footer-legal {
   margin-top: 1.5rem;
 }
@@ -95,10 +118,6 @@ footer.footer {
   margin-left: 5px;
 }
 
-.footer-thanks .badges img {
-  vertical-align: middle;
-}
-
 @media screen and (min-width: 1024px) {
   footer.footer {
     flex-direction: row;
diff --git a/src/img/twitter-logo.svg b/src/img/twitter-logo.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248 204" enable-background="new 0 0 248 204">
+  <title>Twitter logo</title>
+  <desc>Twitter logo - https://about.twitter.com/en/who-we-are/brand-toolkit - License: All rights reserved</desc>
+  <metadata
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
+    xmlns:cc="http://creativecommons.org/ns#"
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:title>Twitter logo</dc:title>
+        <dc:format>image/svg+xml</dc:format>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Twitter</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:rights>
+          <cc:Agent>
+            <dc:title>Copyright (c) 2021 Twitter, Inc.</dc:title>
+          </cc:Agent>
+        </dc:rights>
+        <dc:relation>https://about.twitter.com/en/who-we-are/brand-toolkit</dc:relation>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g>
+    <path
+      fill="#ffffff"
+      d="M221.95,51.29c0.15,2.17,0.15,4.34,0.15,6.53c0,66.73-50.8,143.69-143.69,143.69v-0.04 C50.97,201.51,24.1,193.65,1,178.83c3.99,0.48,8,0.72,12.02,0.73c22.74,0.02,44.83-7.61,62.72-21.66 c-21.61-0.41-40.56-14.5-47.18-35.07c7.57,1.46,15.37,1.16,22.8-0.87C27.8,117.2,10.85,96.5,10.85,72.46c0-0.22,0-0.43,0-0.64 c7.02,3.91,14.88,6.08,22.92,6.32C11.58,63.31,4.74,33.79,18.14,10.71c25.64,31.55,63.47,50.73,104.08,52.76 c-4.07-17.54,1.49-35.92,14.61-48.25c20.34-19.12,52.33-18.14,71.45,2.19c11.31-2.23,22.15-6.38,32.07-12.26 c-3.77,11.69-11.66,21.62-22.2,27.93c10.01-1.18,19.79-3.86,29-7.95C240.37,35.29,231.83,44.14,221.95,51.29z"/>
+  </g>
+</svg>
diff --git a/src/partials/footer-content.hbs b/src/partials/footer-content.hbs
@@ -11,6 +11,9 @@
       <li><a href="https://discuss.asciidoctor.org" target="_blank" rel="noopener">List</a></li>
       <li><a href="https://github.com/asciidoctor" target="_blank" rel="noopener">Source</a></li>
     </ul>
+    <p class="footer-brand-follow">
+      <a href="https://twitter.com/asciidoctor" title="Follow us on Twitter" target="_blank" rel="noopener"><img src="{{{uiRootPath}}}/img/twitter-logo.svg" alt="Twitter logo" class="logo" width="28"><span class="handle">@asciidoctor</span></a>
+    </p>
   </div>
   <div class="footer-legal">
     <p>Copyright © {{{year}}} Dan Allen, Sarah White, and individual Asciidoctor contributors. Except where noted, the content is licensed under a Creative Commons Attribution 4.0 International (CC BY 4.0) license.</p>
