Merge pull request #45 from athul/footer-css

Change CSS for Socials in Footer
This commit is contained in:
Athul Cyriac Ajay 2022-02-16 10:45:22 +05:30 committed by GitHub
commit 57ff9c6ee9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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 -}}