commit bcce8ad8afc798112164823298f8d13041365407
parent e7966d43ccd049c05f02b7de50978c8b11aa488f
Author: Oscar Benedito <oscar@oscarbenedito.com>
Date: Tue, 28 Jul 2020 19:44:58 +0200
Change page footer
New footer is a lot simpler and smaller.
Diffstat:
2 files changed, 21 insertions(+), 78 deletions(-)
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -227,6 +227,24 @@ header#page-header {
}
}
}
+/* Footer
+-------------------------------------------------- */
+footer#page-footer {
+ border-top: 2px solid var(--tertiary);
+ padding: calc(1.5 * var(--gap)) var(--gap);
+ .content {
+ max-width: var(--main-width);
+ margin-right: auto;
+ margin-left: auto;
+ text-align: center;
+ nav {
+ color: #666;
+ a {
+ color: #666;
+ }
+ }
+ }
+}
/* Main
-------------------------------------------------- */
main {
@@ -515,59 +533,6 @@ article {
background: var(--primary-color-darken);
}
}
-/* Footer
--------------------------------------------------- */
-.page-footer {
- padding: var(--gap);
- background: var(--tertiary);
- .content {
- max-width: calc(var(--nav-width) + var(--gap) * 2);
- margin-left: auto;
- margin-right: auto
- }
- p {
- font-size: 16px;
- }
- span {
- margin-left: 1px;
- margin-right: 1px;
- }
-}
-.row {
- padding: .75rem;
-}
-.column {
- padding: 0 var(--gap);
-}
-.column.left {
- width: 30%;
-}
-.column.right {
- width: 35%;
-}
-/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
-@media screen and (max-width: 850px) {
- .column {
- width: 100% !important;
- margin-bottom: var(--gap);
- padding: 0px;
- }
- .page-footer h3 {
- margin-bottom: calc(var(--gap) / 3);
- }
-}
-@media screen and (min-width: 850px) {
- .row {
- display: flex;
- flex-basis: 0;
- flex-grow: 1;
- flex-shrink: 1;
- }
- .page-footer h3 {
- margin-bottom: var(--gap);
- }
-}
-
/* Others
-------------------------------------------------- */
.table-container {
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -1,27 +1,5 @@
-<footer class="page-footer">
- <div class="row content">
- <div class="column left">
- <h3>Links</h3>
- <p><a href="/">Home</a></p>
- <p><a href="/blog/">Blog</a> (<a href="/blog/index.xml">feed</a>, <a href="/blog/archive/">archive</a>)</p>
- <p><a href="/resources/">Other resources</a></p>
- <p><a href="/about/">About</a></p>
- <p><a href="/jsweblabels/" rel="jslicense">JavaScript Web Labels</a></p>
- </div>
- <div class="column right">
- <h3>Privacy</h3>
- <p>The site contains no ads or cross-site references. I keep Apache logs for 14 days and use GoAccess to keep track of how many visitors I get. This information is not shared with anyone else.</p>
- </div>
- <div class="column right">
- <h3>License</h3>
- {{- if or (eq .Params.headtitle "GPLv3") (eq .Params.headtitle "AGPLv3") }}
- <p>Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed.</p>
- {{- end }}
- {{- if eq .Params.headtitle "CC BY 4.0" }}
- <p>See the <a href="https://wiki.creativecommons.org/wiki/Modifying_the_CC_licenses">License Modification Policy</a>.</p>
- {{- end }}
- <p>{{ if eq .Params.title "License" }}Any other part of this page{{ else }}This work{{ end }} is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</p>
- <p><a href="/licenses/cc-by-4.0/">Local copy of the license</a>.</p>
- </div>
+<footer id="page-footer">
+ <div class="content">
+ <nav><a href="https://git.oscarbenedito.com/oscarbenedito.com/">Source code</a> · <a href="/jsweblabels/" rel="jslicense">JavaScript Web Labels</a> · <a href="/about/">About this site</a></nav>
</div>
</footer>
