chore: Change CSS for Socials in Footer

assets/css/main.css

@@ -162,7 +162,22 @@ h6::before { color: var(--maincolor); content: '###### '; }
 
 /* Footer */
 footer {
-  margin-top: 1em;
+  display: flex;
+  align-items: center;
+  border-top: 0.4rem dotted var(--bordercl);
+  padding: 2rem 0rem;
+  margin-top: 2rem;
+}
+.soc {
+  display: flex;
+  align-items: center;
+  padding-right: 1rem;
+  margin-right: 1rem;
+  border-right: 2px solid;
+  border-bottom: none;
+}
+.footer-info {
+  padding: var(--footer-padding);
 }
 
 /* Common */

layouts/partials/footer.html

@@ -1,9 +1,13 @@
 <footer>
-<hr>
+  <div style="display:flex">
-{{- range $index, $key := .Site.Params.Social -}}
+    {{- range $index, $key := .Site.Params.Social -}}
-<a class="soc" href="{{ $key.url }}" title="{{ $key.name }}"><i data-feather="{{ $key.icon }}"></i></a>|
+    <a class="soc" href="{{ $key.url }}" title="{{ $key.name }}"><i data-feather="{{ $key.icon }}"></i></a>
-{{- end -}} ⚡️
+    {{- end -}}
-	{{ dateFormat "2006" now }} {{ with .Site.Copyright }} {{ . }} | {{ end }} <a href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a>
+  </div>
+  <div class="footer-info">
+    {{ dateFormat "2006" now }} {{ with .Site.Copyright }} {{ . }} | {{ end }} <a
+      href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a>
+  </div>
 </footer>
 {{ if not .Site.IsServer }}
 {{ template "_internal/google_analytics_async.html" . }}
@@ -11,6 +15,6 @@
 
 {{- if (isset .Site.Params "social") -}}
 <script>
-      feather.replace()
+  feather.replace()
 </script>
 {{- end -}}