Add a "stay informed" column to footer

Author: meldra

_includes/footer.html

@@ -1,14 +1,14 @@
         <footer class="footer bg-secondary-subtle">
 			<div class="container">
 				<div class="row pt-5 pb-2">
-					<div class="col-lg-3">
+					<div class="col-lg-2">
 						<p class="lead" role="heading" aria-level="2">Need network support?</p>
 							{% include helplinks.html %}
 						<p class="d-none d-lg-block d-xl-block">
 						<a href="#back-to-top" title="Jump back to top" aria-label="Jump back to top of page">
 						<i role="presentation" class='bi bi-arrow-up-circle pe-3 ps-3' title="Up arrow in circle" aria-label="Jump back to top of page"></i>Back to top</a></p>
 					</div>
-					<div class="col-lg-4">
+					<div class="col-lg-2">
 						<p class="lead" role="heading" aria-level="2">Review our code:</p>
 						<p>
 							<a href="https://github.com/oftc" title="OFTC organization on github">
@@ -22,8 +22,21 @@
 							</a>
 						</p>
 					</div>
+					<div class="col-lg-3">
+						<p class="lead" role="heading" aria-level="2">Stay informed:</p>
+						<p class="d-none d-lg-block d-xl-block">
+							<a href="/feed.xml">
+							<i role="presentation" class="bi bi-rss pe-3 ps-3" title="RSS icon"></i>Atom/RSS news feed
+							</a>
+						</p>
+						<p>
+							<a href="https://floss.social/@OFTC" target="_blank" rel="me noopener noreferrer" title="On the Fediverse">
+							<i role="presentation" class='bi bi-mastodon pe-3 ps-3' title="Mastodon icon"></i>On the Fediverse
+							</a>
+						</p>
+						</p>
+					</div>
 					<div class="col-lg-5">
-						<p class="d-none d-lg-block d-xl-block"><a href="/feed.xml"><i role="presentation" class="bi bi-rss pe-3" title="RSS icon"></i>Atom/RSS news feed</a></p>
 						<p>Founded in 2001 by members of the Open Source and Free Software communities, OFTC aims to provide those communities with better communication, development, and support infrastructure.</p>
 						<p>OFTC is a member of
 						<svg role="presentation" height="20px" width="40px" >