Verified Commit 5a539f21 authored by Mike Jones's avatar Mike Jones

Better footer formatting for mobile devices

parent 6049042e
Pipeline #195 passed with stages
in 1 minute and 22 seconds
......@@ -17,6 +17,8 @@ tag = "tags"
irc = "https://kiwiirc.com/nextclient/irc.snoonet.org/#%23netsplit"
email = "mike+website@netsplit.org.uk"
description = "Software development and systems engineering based in Reading, UK"
[menu]
[[menu.main]]
identifier = "about"
......
......@@ -61,3 +61,11 @@ $primary: $active;
padding: 0.5rem;
}
.list-group-nodec {
li {
border: 0 !important;
padding: $smaller-padding;
}
}
$small-padding: 0.5rem;
$smaller-padding: 0.2rem;
$big-padding: 2rem;
$border-radius: 2px;
......@@ -5,16 +5,4 @@
.container {
padding: $big-padding;
}
span {
display: inline-block;
}
.footer-left {
float: left;
}
.footer-right {
float: right;
}
}
<span class="footer-left">
<div class="d-flex flex-row bd-highlight mb-3">
<div class="p-3 flex-fill">
<ul class="list-group list-group-nodec">
{{ if .Site.Params.gitlab }}
<span class="badge badge-secondary">
<a title="Gitlab" href="{{ .Site.Params.gitlab }}"><i class="fa fa-gitlab"></i> Gitlab</a>
</span>
<a href="{{ .Site.Params.gitlab }}" title="View projects on Gitlab">
<li class="list-group-item">
<i class="fas fa-chevron-right"></i>&nbsp;Gitlab
</li>
</a>
{{ end }}
{{ if .Site.Params.irc }}
<span class="badge badge-secondary">
<a title="Chat on IRC" href="{{ .Site.Params.irc }}"><i class="fa fa-comments"></i> IRC</a>
</span>
<a href="{{ .Site.Params.irc }}" title="Chat on IRC">
<li class="list-group-item">
<i class="fas fa-chevron-right"></i>&nbsp;IRC
</li>
</a>
{{ end }}
{{ if .Site.Params.email }}
<span class="badge badge-secondary">
<a title="E-mail" href="mailto:{{ .Site.Params.email }}"><i class="fa fa-at"></i> E-mail</a>
</span>
<a href="mailto:{{ .Site.Params.email }}" title="E-mail">
<li class="list-group-item">
<i class="fas fa-chevron-right"></i>&nbsp;E-mail
</li>
</a>
{{ end }}
</span>
<span class="footer-right">
&copy; {{ now.Format "2006" }} <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
</span>
</ul>
</div>
<div class="p-3 flex-fill">
<ul class="list-group list-group-nodec">
<li class="list-group-item text-right">
<i class="far fa-copyright"></i>
{{ now.Format "2006" }}
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
</li>
</ul>
</div>
</div><!--/ .d-flex -->
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment