Add link to twitter on every page

Author: RoyalIcing

apps/components_guide_web/assets/css/app.css

@@ -54,15 +54,23 @@ article figcaption {
   font-weight: bold;
 }
 
-a {
+a:not([class]) {
   color: var(--link-color);
   padding: var(--link-padding);
   text-decoration: var(--link-decoration);
 }
-a:hover {
+a:hover:not([class]) {
+  --hover\:links-decoration: var(--link-decoration);
   text-decoration: var(--hover\:links-decoration);
 }
 
+nav {
+  --hover\:links-decoration: underline;
+}
+nav a:only-of-type {
+  --link-padding: 0.5rem;
+}
+
 h1,
 h2,
 h3,

apps/components_guide_web/lib/components_guide_web/templates/layout/_contentinfo.html.eex

@@ -1,18 +1,25 @@
 <footer role="contentinfo" class="container pt-4 pb-6 text-gray-500 tracking-wide">
+  <div class="text-center text-xl text-white" style="--link-decoration: underline">
+    Follow <a href="https://twitter.com/ComponentsGuide">@ComponentsGuide</a> on Twitter for the latest articles.
+  </div>
+  
   <div class="X pt-8 pb-12">
     <%= render ComponentsGuideWeb.IntegrationsView, "convertkit_form.html", [] %>
   </div>
 
   <turbo-frame id="footer" src="/random">
   </turbo-frame>
 
-  <ul class="list-none text-xs mt-4 leading-loose text-gray-500">
-    <li>Copyright © 2020 Patrick Smith
-    <li>
-      <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
-        <img alt="Creative Commons License" style="opacity: 0.5" src="https://mirrors.creativecommons.org/presskit/buttons/80x15/svg/by-sa.svg" />
-      </a>
-      <span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Components.Guide</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="https://twitter.com/concreteniche" property="cc:attributionName" rel="cc:attributionURL">Patrick Smith</a> is <a href="https://github.com/ComponentsTV/components_guide/blob/master/LICENSE">licensed</a> under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
-    <li><a href="https://github.com/ComponentsTV/components_guide">Source on GitHub</a>
-  </ul>
+  <nav aria-label="Links">
+    <ul class="list-none text-xs mt-4 leading-loose text-gray-500">
+      <li>Copyright © 2020 Patrick Smith
+      <li>
+        <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
+          <img alt="Creative Commons License" style="opacity: 0.5" src="https://mirrors.creativecommons.org/presskit/buttons/80x15/svg/by-sa.svg" class="inline-block">
+        </a>
+        <span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Components.Guide</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="https://twitter.com/concreteniche" property="cc:attributionName" rel="cc:attributionURL">Patrick Smith</a> is <a href="https://github.com/ComponentsTV/components_guide/blob/master/LICENSE">licensed</a> under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
+      <li class="inline-block"><a href="https://github.com/ComponentsTV/components_guide">View source on GitHub</a>
+      <li class="inline-block"><a href="https://twitter.com/ComponentsGuide">Twitter</a>
+    </ul>
+  </nav>
 </footer>