Merge pull request #356 from PeterJCLaw/update-footer

Sync the site footer with the main website

Author: PeterJCLaw

_config.yml

@@ -48,6 +48,9 @@ social:
   - title: LinkedIn
     icon: linkedin
     link: https://www.linkedin.com/company/10969472/
+  - title: TikTok
+    icon: tiktok
+    link: https://www.tiktok.com/@studentrobotics
 
 exclude:
   - README.md

_includes/footer.html

@@ -1,31 +1,32 @@
 <footer class="site-footer">
+  <div class="row fixed-width">
+    <h4>Student Robotics</h4>
+  </div>
   <div class="row fixed-width">
     <div class="column d-4-12 m-2-12">
-      <h4>For Competitors</h4>
-      <ul class="sitemap">
-        <li><a href="{{ site.url }}/docs/">Documentation</a></li>
-      </ul>
-    </div>
-    <div class="column d-4-12 m-2-12">
-      <h4>Student Robotics</h4>
       <ul class="sitemap">
         <li><a href="{{ site.url }}/compete/">Compete</a></li>
         <li><a href="{{ site.url }}/volunteer/">Volunteer</a></li>
         <li><a href="{{ site.url }}/sponsor/">Sponsor</a></li>
       </ul>
     </div>
     <div class="column d-4-12 m-2-12">
-      <h4>&nbsp;</h4>
       <ul class="sitemap">
         <li><a href="{{ site.url }}/blog/">Blog</a></li>
         <li><a href="{{ site.url }}/events/">Events</a></li>
         <li><a href="{{ site.url }}/contact/">Contact us</a></li>
       </ul>
     </div>
     <div class="column d-4-12 m-2-12">
-      <h4>&nbsp;</h4>
       <ul class="sitemap">
         <li><a href="{{ site.links.donate }}">Donate</a></li>
+        <li><a href="{{ site.baseurl }}/">Documentation</a></li>
+        <li><a href="{{ site.url }}/covid-19">COVID-19</a></li>
+      </ul>
+    </div>
+    <div class="column d-4-12 m-2-12">
+      <ul class="sitemap">
+        <li><a href="{{ site.url }}/governance/">Governance</a></li>
       </ul>
     </div>
   </div>
@@ -49,7 +50,7 @@ <h4>&nbsp;</h4>
       <ul class="social-media-links">
         {% for account in site.social %}
         <li>
-          <a href="{{ account.link }}">
+          <a aria-label="{{ account.title }}" href="{{ account.link }}">
             <i class="fa-brands fa-{{ account.icon }}" aria-hidden="true" title="{{ account.title }}"></i>
           </a>
         </li>

_sass/footer.scss

@@ -18,6 +18,8 @@ footer {
 
   h4 {
     font-size: $golf;
+    padding-left: 0.5em;
+    margin-bottom: 0.5em;
   }
 
   p {