From 9d865afaef5b3193008a7d5760d0d05fa51fa190 Mon Sep 17 00:00:00 2001
From: EpicLPer <epiclper7@gmail.com>
Date: Wed, 10 Aug 2022 06:08:51 +0200
Subject: [PATCH] Make FA Icons more flexible

---
 README.md                           | 10 +++++-----
 templates/partials/footer.html.twig |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index aa7195b..1cc9633 100644
--- a/README.md
+++ b/README.md
@@ -138,22 +138,22 @@ There are certain sections of the theme you can customize, in order to do so,
     github:
       title: Github
       url: <url>
-      icon: fa-github
+      icon: fab fa-github
       rel: me (disabled by default, add to activate)
     twitter:
       title: Twitter
       url: <url>
-      icon: fa-twitter
+      icon: fab fa-twitter
       rel: me (disabled by default, add to activate)
     linkedin:
       title: LinkedIn
       url: <url>
-      icon: fa-linkedin-in
+      icon: fab fa-linkedin-in
       rel: me (disabled by default, add to activate)
     stackoverflow:
       title: StackOverflow
       url: <url>
-      icon: fa-stack-overflow
+      icon: fab fa-stack-overflow
       rel: me (disabled by default, add to activate)
 
   # Navigation links (prev/next) on post page (enabled by default)
@@ -175,7 +175,7 @@ A couple of pointers for social media icons,
     facebook:
       title: Facebook
       url: <url>
-      icon: fa-facebook-f   
+      icon: fab fa-facebook-f
    ```
 
 # Third Party Libraries Used
diff --git a/templates/partials/footer.html.twig b/templates/partials/footer.html.twig
index 06e8ff5..6465239 100644
--- a/templates/partials/footer.html.twig
+++ b/templates/partials/footer.html.twig
@@ -4,7 +4,7 @@
       {% for type, meta in theme_config.social %}
         <li>
           <a href="{{ meta.url }}" {% if meta.rel %}rel="{{ meta.rel }}" {% endif %}class="btn btn-link" title="{{ meta.title }}">
-            <i class="fab {{ meta.icon }}"></i>
+            <i class="{{ meta.icon }}"></i>
           </a>
           {% if loop.last == false %}
             <span class="separator">•</span>