3 files changed, 15 insertions, 3 deletions
diff --git a/themes/archie/layouts/partials/footer.html b/themes/archie/layouts/partials/footer.html
index 8ad5cfe..bc8c3c6 100644
--- a/themes/archie/layouts/partials/footer.html
+++ b/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>
diff --git a/themes/archie/layouts/partials/header.html b/themes/archie/layouts/partials/header.html
index 18a8cff..cb8c31a 100644
--- a/themes/archie/layouts/partials/header.html
+++ b/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>
diff --git a/themes/archie/static/css/main.css b/themes/archie/static/css/main.css
index addb142..3e3282a 100644
--- a/themes/archie/static/css/main.css
+++ b/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%);
+}