contact page fixes

Author: offbyone

content/pages/contact.md

@@ -10,4 +10,4 @@ The best way to reach me if you want a speedy response is via my Mastodon accoun
 
 I also use BlueSky, albeit less often; find me there at <span class="fa-brands fa-bluesky"></span><a href="https://bsky.app/profile/offby1.net">offby1.net</a>. 
 
-Email is also viable; please email <span class="fa fa-envelope"></span><a href="mailto:ideas.feedback@offby1.net?subject=A comment about a post" class="sc-email">ideas.feedback@offby1.net</a> for post feedback, or <span class="fa fa-envelope"></span><a href="mailto:offline@offby1.net?subject=Emailing for the hell of it" class="sc-email">offline@</a> for just general contact. 
+Email is also viable; please email <span class="fa-solid fa-envelope"></span><a href="mailto:ideas.feedback@offby1.net?subject=A comment about a post" class="sc-email">ideas.feedback@offby1.net</a> for post feedback, or <span class="fa-solid fa-envelope"></span><a href="mailto:offline@offby1.net?subject=Emailing for the hell of it" class="sc-email">offline@</a> for just general contact. 

themes/offby1/scss/offby1/_fontawesome.scss

@@ -8,6 +8,9 @@
 // Core FontAwesome styles
 @import "@fortawesome/fontawesome-free/scss/core";
 
+// Icon definitions (required for icon glyphs to work)
+@import "@fortawesome/fontawesome-free/scss/icons";
+
 // Only import solid icons (most commonly used)
 @import "@fortawesome/fontawesome-free/scss/solid";
 

themes/offby1/templates/base.html.j2

@@ -111,7 +111,10 @@
             <div class="footer-content">
                 <div class="footer-links">
                     {% for social in SOCIAL %}
-                    <a href="{{ social.link }}" rel="me">{{ social.name }}</a>
+                    <a href="{{ social.link }}" rel="me">
+                        <span class="{{ social.icon_style }}"></span>
+                        {{ social.name }}
+                    </a>
                     {% if not loop.last %}<span>·</span>{% endif %}
                     {% endfor %}
                 </div>