diff options
| author | Valentin Popov <valentin@popov.link> | 2022-11-06 02:12:44 +0300 |
|---|---|---|
| committer | Valentin Popov <valentin@popov.link> | 2022-11-06 02:12:44 +0300 |
| commit | 060597b9dbb25a34337a23c49c387e8c51b7618e (patch) | |
| tree | a516d358166e0232b644788493c2444264354cc0 | |
| parent | 9e17d4d716498405b967642adcc335eea7293022 (diff) | |
| download | popov.link-060597b9dbb25a34337a23c49c387e8c51b7618e.tar.xz popov.link-060597b9dbb25a34337a23c49c387e8c51b7618e.zip | |
Added footer
Signed-off-by: Valentin Popov <valentin@popov.link>
| -rw-r--r-- | sass/_framework.scss | 24 | ||||
| -rw-r--r-- | sass/styles.scss | 3 | ||||
| -rw-r--r-- | templates/base.html | 10 |
3 files changed, 35 insertions, 2 deletions
diff --git a/sass/_framework.scss b/sass/_framework.scss index d4c5c98..dbfd15b 100644 --- a/sass/_framework.scss +++ b/sass/_framework.scss @@ -8,6 +8,7 @@ html { font-family: $font-family-base; font-size: 62.5%; + height: 100%; overflow-y: scroll; } @@ -17,11 +18,12 @@ body { font-feature-settings: $font-feature; font-size: $font-size-base; font-synthesis: none; + height: 100%; line-height: 1.54; margin: auto; max-width: 60em; padding: 6em 4em 4em 4em; - text-rendering: "optimizeLegibility"; + text-rendering: optimizeLegibility; } @media (max-width: 684px) { @@ -244,4 +246,24 @@ fieldset { display: block; font-weight: 600; margin-bottom: 0.5rem; +} + +article { + min-height: 100%; +} + +@media (max-width: 684px) { + article { + min-height: auto; + } +} + +footer { + text-align: left; +} + +@media (max-width: 684px) { + footer { + display: none; + } }
\ No newline at end of file diff --git a/sass/styles.scss b/sass/styles.scss index 023e51a..7f0aef9 100644 --- a/sass/styles.scss +++ b/sass/styles.scss @@ -1,4 +1,6 @@ @charset "utf-8"; + +@import "mixins"; @import "reset"; $color-bg: #292a2d; @@ -12,6 +14,5 @@ $font-family-base: "Inter var experimental", "Inter var",-apple-system,"BlinkMac $font-feature: "calt", "case", "liga", "locl", "ss01", "tnum", "zero"; $font-size-base: 1.8rem; -@import "mixins"; @import "framework"; @import "navbar";
\ No newline at end of file diff --git a/templates/base.html b/templates/base.html index 5139e13..400a523 100644 --- a/templates/base.html +++ b/templates/base.html @@ -29,6 +29,16 @@ <article> {% block content %}{% endblock %} </article> + + <footer> + <small> + <span>{{ now() | date(format='%Y') | safe }}</span> + <span>©</span> + <a href="mailto:hi@popov.link">Valentin Popov</a> + <span>|</span> + <a href="{{ get_url(path='atom.xml', trailing_slash=false) | safe }}">RSS</a> + </small> + </footer> </body> </html>
\ No newline at end of file |