Removed font awesome in favor of Feather icons

config.toml

@@ -16,19 +16,19 @@ copyright = "© Roger Gonzalez"
   mode = "dark"
 
   [[params.social]]
-    name = "fas fa-envelope"
+    name = "mail"
     url = "mailto:roger@rogs.me"
   [[params.social]]
-    name = "fab fa-git"
+    name = "git-commit"
     url = "https://git.rogs.me/"
   [[params.social]]
-    name = "fab fa-gitlab"
+    name = "gitlab"
     url = "https://gitlab.com/rogs"
   [[params.social]]
-    name = "fab fa-linkedin-in"
+    name = "linkedin"
     url = "https://linkedin.com/in/rogergonzalez21"
   [[params.social]]
-    name = "fas fa-rss"
+    name = "rss"
     url = "https://rogs.me/index.xml"
 
   [[params.webring]]

static/icons/git-commit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg>

static/icons/gitlab.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gitlab"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg>

static/icons/linkedin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>

static/icons/mail.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>

static/icons/rss.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>

themes/archie/layouts/partials/footer.html

@@ -1,9 +1,9 @@
 <footer>
 <hr>
 {{- range $index, $key := .Site.Params.Social -}}
-<a class="soc" target="_blank" href="{{ $key.url }}" title="{{ $key.name }}"><i class="{{ $key.name }}"></i></a>|
+<a class="icons" target="_blank" href="{{ $key.url }}" title="{{ $key.name }}"><img src="/icons/{{ $key.name }}.svg"/></a>
 {{- end -}}
-&nbsp
+|
 💻
 
 {{ dateFormat "2006" now }} {{ with .Site.Copyright }} {{ . }} | {{ end }} <a href="https://github.com/athul/archie" target="_blank">Archie Theme</a>

themes/archie/layouts/partials/header.html

@@ -51,5 +51,4 @@
 	<script src="{{ $.Site.BaseURL }}{{ . }}"></script>
 	{{- end }}
 	{{- end }}
-    <script src="https://kit.fontawesome.com/0460fae059.js" crossorigin="anonymous"></script>
 </head>

themes/archie/static/css/main.css

@@ -333,3 +333,16 @@ aside {
   border: 1px solid var(--darkMaincolor);
   text-align: center;
 }
+.icons {
+  border-bottom: 0px;
+  margin: 0px 5px 0px 5px;
+}
+.icons:hover {
+  background-color: transparent;
+}
+.icons img {
+  color: white;
+  width: 14px;
+  border: 0px transparent;
+  filter: invert(100%) sepia(86%) saturate(84%) hue-rotate(100deg) brightness(111%) contrast(101%);
+}