diff --git a/config.toml b/config.toml index 97a1a40..ab4c55f 100644 --- a/config.toml +++ b/config.toml @@ -33,6 +33,7 @@ anchors = "safe" [extra] locale = "en_US" logo = "fireball.gif" +footer = true toc = true csp = true diff --git a/sass/_base.scss b/sass/_base.scss index b06b107..d1193c0 100644 --- a/sass/_base.scss +++ b/sass/_base.scss @@ -346,3 +346,13 @@ kbd { background-color: darken($white, 15%); font-family: $base-font; } + +footer { + margin-bottom: 19px; + text-align: center; + font-size: 12px; + width: 100%; + > a { + color: $shamrock-green; + } +} diff --git a/sass/_site.scss b/sass/_site.scss index 9bc374b..b277b7d 100644 --- a/sass/_site.scss +++ b/sass/_site.scss @@ -351,8 +351,10 @@ a.zola-anchor { #posts { .block-right { display: block; + height: 100%; .content { height: auto; + min-height: 95%; display: block; max-width: 800px; } @@ -803,6 +805,23 @@ a.zola-anchor { } } +.footer-content { + position: relative; + display: flex; + justify-content: center; + bottom: 0; +} + +#footer-index { + width: 100%; + position: absolute; + bottom: 0; + display: flex; + justify-content: center; + left: 0; + margin: 0 auto; +} + @media (prefers-color-scheme: dark) { .about-info { h1, @@ -850,6 +869,11 @@ a.zola-anchor { background-color: lighten($black, 15%); border-color: lighten($black, 42%); } + #footer-block { + a { + color: $green; + } + } .block-right { a:not(.zola-anchor):not(.toc):not(.title-tag):not(.btn) { color: $overlay-color-dark; diff --git a/templates/base.html b/templates/base.html index 9843052..a9f3b9d 100644 --- a/templates/base.html +++ b/templates/base.html @@ -42,6 +42,16 @@