chore: Change CSS for Socials in Footer

This commit is contained in:
Athul Cyriac Ajay 2022-02-10 10:00:07 +05:30
parent 0293190e3a
commit 6261dfc9d6
2 changed files with 26 additions and 7 deletions

View file

@ -162,7 +162,22 @@ h6::before { color: var(--maincolor); content: '###### '; }
/* Footer */ /* Footer */
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 */ /* Common */

View file

@ -1,9 +1,13 @@
<footer> <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> </footer>
{{ if not .Site.IsServer }} {{ if not .Site.IsServer }}
{{ template "_internal/google_analytics_async.html" . }} {{ template "_internal/google_analytics_async.html" . }}
@ -11,6 +15,6 @@
{{- if (isset .Site.Params "social") -}} {{- if (isset .Site.Params "social") -}}
<script> <script>
feather.replace() feather.replace()
</script> </script>
{{- end -}} {{- end -}}