kerberos-io/documentation
1
0
Fork 0
mirror of https://github.com/kerberos-io/documentation.git synced 2026-10-27 18:48:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

footer: copyright, move social links there & layout

Browse Source
This commit is contained in:
Martin Allien
2021-06-18 11:52:12 +02:00
parent cedd53de9f
commit d90dc97c6f
5 changed files with 34 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/scss/_kerberos.scss
+8 -1
View File
@@ -14,7 +14,6 @@ body {
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
color: var(--text);
margin: 0;
body.dark & {
color: var(--bg-white);
}
@@ -87,4 +86,12 @@ img {
.footer {
box-shadow: 0 -4px 34px rgba(0, 0, 0, 0.04), 0 -3px 4px rgba(0, 0, 0, 0.1);
background: var(--card);
// copyright with social links
.navbar-nav {
margin-top: 1rem;
@include break-from(992px) { margin: 0; }
.copyright {
margin-right: 1rem;
}
}
}
config/_default/params.toml
+1
View File
@@ -37,6 +37,7 @@ lqipWidth = "20x"
# Footer
footer = "Powered by <a href=\"https://www.github.com/\">GitHub</a>, <a href=\"https://gohugo.io/\">Hugo</a>, and <a href=\"https://getdoks.org/\">Doks</a>"
copyrightSince = 2014
# Alert
alert = false
layouts/partials/footer/footer.html
+15 -4
View File
@@ -1,16 +1,27 @@
<footer class="footer text-muted">
<div class="container">
<div class="row">
<div class="col-lg-8 order-last order-lg-first">
<ul class="list-inline">
<div class="col-lg-6 order-last order-lg-first">
<!--ul class="list-inline">
<li class="list-inline-item">{{ .Site.Params.footer | safeHTML }}</li>
</ul-->
<ul class="navbar-nav social-nav">
<li class="copyright">
&copy;&nbsp;{{ with .Site.Params.copyrightSince }}{{ . }}&ndash;{{ end }}{{ now.Format "2006" }}
<a href="https://kerberos.io">Kerberos.io</a>
</li>
{{ range .Site.Menus.social -}}
<li class="nav-item">
<a class="link" href="{{ .URL | relURL }}">{{ .Pre | safeHTML }}<span class="ms-2 visually-hidden">{{ .Name | safeHTML }}</span></a>
</li>
{{ end -}}
</ul>
</div>
<div class="col-lg-8 order-first order-lg-last text-lg-end">
<div class="col-lg-10 order-first order-lg-last text-lg-end">
<ul class="list-inline">
<li class="list-inline-item">Learn more about</li>
{{ range .Site.Menus.footer -}}
<li class="list-inline-item"><a href="{{ .URL | relURL }}">{{ .Name }}</a></li>
<li class="list-inline-item"><a href="{{ .URL | relURL }}">{{ .Name }}</a></li>
{{ end -}}
</ul>
</div>
layouts/partials/header/header.html
+2 -2
View File
@@ -10,13 +10,13 @@
<span class="toggle-light"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sun"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg></span>
</button>
{{ end -}}
<ul class="navbar-nav social-nav order-3 order-md-5">
<!--ul class="navbar-nav social-nav order-3 order-md-5">
{{ range .Site.Menus.social -}}
<li class="nav-item">
<a class="nav-link" href="{{ .URL | relURL }}">{{ .Pre | safeHTML }}<span class="ms-2 visually-hidden">{{ .Name | safeHTML }}</span></a>
</li>
{{ end -}}
</ul>
</ul-->
<div class="collapse navbar-collapse order-4 order-md-1">
<ul class="navbar-nav main-nav me-auto order-5 order-md-2">
{{- $current := . -}}
resources/_gen/assets/scss/scss/app.scss_1920d2ec1ff1120c91690141d2072447.content
+8 -2
View File
@@ -9643,8 +9643,7 @@ body {
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-weight: 600;
color: var(--text);
margin: 0; }
color: var(--text); }
body.dark h1, body.dark .h1, body.dark h2, body.dark .h2, body.dark h3, body.dark .h3, body.dark h4, body.dark .h4, body.dark h5, body.dark .h5, body.dark h6, body.dark .h6 {
color: var(--bg-white); }
@@ -9700,5 +9699,12 @@ img {
.footer {
box-shadow: 0 -4px 34px rgba(0, 0, 0, 0.04), 0 -3px 4px rgba(0, 0, 0, 0.1);
background: var(--card); }
.footer .navbar-nav {
margin-top: 1rem; }
@media only screen and (min-width: 992px) {
.footer .navbar-nav {
margin: 0; } }
.footer .navbar-nav .copyright {
margin-right: 1rem; }
/*# sourceMappingURL=main.css.map */