millironx/pages
1
0
Fork 0
Code Issues Pull requests Releases Packages Activity

feat: Rework footer to be simpler

Browse source
This commit is contained in:
Thomas A. Christensen II 2024-11-29 20:04:37 -07:00
parent 963565042a
commit 724e9edff4
Signed by: millironx
GPG key ID: B7044A3432851F64
2 changed files with 25 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/styles/millironx.css
View file

@ -121,6 +121,16 @@ blockquote small {
font-size: 80%;
}
footer {
background-color: light-dark(lightgray, dimgray);
margin: 0 0 -1em -1em;
width: calc(100% - 1em);
padding: 0.25em 1.25em;
display: flex;
justify-content: space-between;
align-items: center;
}
/*
Container-type helper classes
*/

68
layouts/_default/baseof.html
View file

@ -31,57 +31,21 @@
{{ end }}
</main>
</div>
<footer class="fixed-bottom">
<div class="container-fluid footer-contents">
<div class="row justify-content-between">
<div class="col-3 align-self-center">
{{ $brandedbull := resources.Get "graphics/brandedbull.svg" }}
{{ $brandedbullsmall := $brandedbull | resources.Minify }}
<img src="{{ $brandedbullsmall.RelPermalink }}" height="95rem" />
</div>
<div class="col-3 align-self-center">
<div
class="btn-group float-end"
role="group"
aria-label="Other Milliron X sites"
>
<a
class="btn btn-outline-primary btn-sm"
href="https://video.millironx.com/"
data-bs-toggle="tooltip"
title="Video (Peertube)"
>
<i class="fax fa-peertube fa-fw"></i>
</a>
<a
class="btn btn-outline-primary btn-sm"
href="https://code.millironx.com/"
data-bs-toggle="tooltip"
title="Code (Gitea)"
>
<i class="fax fa-gitea fa-fw"></i>
</a>
<a
class="btn btn-outline-primary btn-sm"
href="https://nextcloud.millironx.com/"
data-bs-toggle="tooltip"
title="Files (Nextcloud)"
>
<i class="fax fa-nextcloud fa-fw"></i>
</a>
<button
type="button"
class="btn btn-outline-primary btn-sm"
data-bs-toggle="modal"
data-bs-target="#extras-modal"
title="Extras"
>
<i class="fad fa-cowbell fa-fw"></i>
</button>
</div>
</div>
</div>
</div>
<footer>
{{ $brandedbull := resources.Get "graphics/brandedbull.svg" }}
{{ $brandedbullsmall := $brandedbull | resources.Minify }}
<img src="{{ $brandedbullsmall.RelPermalink }}" height="95rem" />
<p>
&copy; {{ .Date | time.Format "2006" }} Thomas A. Christensen II
<br />
Licensed
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"
>CC-BY 4.0</a
>
<br />
Built with <a href="https://gohugo.io">Hugo</a> v{{ hugo.Version }}
</p>
</footer>
<!-- Font Awesome -->
@ -100,7 +64,5 @@
async
src="//gc.zgo.at/count.js"
></script>
{{ partial "extras-modal" . }}
</body>
</html>