feat: Improve keep-in-touch links and styling

Author: bengerman13

templates/home.html

@@ -81,23 +81,20 @@ <h3 class="title is-3">Keep in touch!</h3>
                     </div>
                 </form>
             </div>
-            <div class="columns mt-6">
-                <div class="column icon-text">
-                    <span class="icon has-text-primary" aria-hidden="true"><span class="fa-brands fa-mastodon fa-2xl">&nbsp;</span></span>
+            <div class="level has-text-centered mt-4">
+                <div class="level-item">
                     <a href="https://hachyderm.io/@pycascades">
-                    Follow us on Mastodon
+                    <span class="icon has-text-primary" aria-hidden="true"><span class="fa-brands fa-mastodon fa-xl" ></span>&nbsp;&nbsp;&nbsp;</span>Follow us on Mastodon
                     </a>
                 </div>
-                <div class="column icon-text">
-                    <span class="icon has-text-primary" aria-hidden="true"><span class="fa-solid fa-rss fa-2xl">&nbsp;</span></span>
-                    <a href="{{ '/news@atom/news'|url }}" type="application/atom+xml" rel="alternate" title="Sitewide Atom feed">
-                    Add our news to your RSS feed 
+                <div class="level-item">
+                    <a href="https://www.pycascades.com/feed.xml" type="application/atom+xml" rel="alternate" title="Sitewide Atom feed">
+                    <span class="icon has-text-primary" aria-hidden="true"><span class="fa-solid fa-rss fa-xl"></span>&nbsp;&nbsp;&nbsp;</span>Add us to your RSS feed
                     </a>
                 </div>
-                <div class="column icon-text">
-                    <span class="icon has-text-primary" aria-hidden="true"><span class="fa-brands fa-slack fa-2xl">&nbsp;</span></span>
+                <div class="level-item"> 
                     <a href="https://join.slack.com/t/pycascades/shared_invite/zt-1l5libchy-RyQi1Kh0PS8DXCfhxhHZhQ">
-                    Join our Slack workspace
+                    <span class="icon has-text-primary" aria-hidden="true"><span class="fa-brands fa-slack fa-xl"></span>&nbsp;&nbsp;&nbsp;</span>Join us on Slack
                     </a>
                 </div>
             </div>