From 8b2da63f3c98efa0b13430d1daf8d33764dd768b Mon Sep 17 00:00:00 2001 From: zoe Date: Thu, 20 Jan 2022 15:11:54 +0100 Subject: [PATCH] styling and footer --- static/style.css | 47 ++++++++++++++++++++++++++++++--------- templates/wisdom.html.hbs | 14 +++++++----- 2 files changed, 46 insertions(+), 15 deletions(-) diff --git a/static/style.css b/static/style.css index 8abec64..dbf45a3 100644 --- a/static/style.css +++ b/static/style.css @@ -1,7 +1,9 @@ @import url("https://fonts.googleapis.com/css2?family=Prata&display=swap"); -body { +html, body { margin: 0; padding: 0; + size: 100%; + height: 100%; } div { margin: 0; @@ -9,20 +11,45 @@ div { display: flex; justify-content: center; align-items: center; - height: 100%; - margin-left: 24%; - margin-right: 24%; + min-height: 90%; + margin-left: 8%; + margin-right: 8%; } -a { - color: floralwhite; - font-size: 400%; +.wisdom { + display: flex; + font-size: 3.6em; text-align: center; - font-family: "Prata", serif; - text-decoration: none; } + +a {font-family: "Prata", serif; +color: floralwhite; +text-decoration: none; +} + a:hover { - text-decoration: underline; + filter: drop-shadow(0 0 0.5rem floralwhite); } body { background-color: #080808; } +footer * { + overflow: visible; + margin-left: 5%; + margin-right: 5%; +} +footer { + border-top-style: solid; + border-top-width: 2%; + border-color: floralwhite; + background-color: #080808; + position: sticky; + overflow: visible; + left: 0; + display: flex; + height: 8%; + bottom: 0; + width: 100%; + font-size: 1.5em; + justify-content: center; + align-items: center; +} diff --git a/templates/wisdom.html.hbs b/templates/wisdom.html.hbs index 77d1da2..60ea3ab 100644 --- a/templates/wisdom.html.hbs +++ b/templates/wisdom.html.hbs @@ -1,17 +1,21 @@ - + Wisdom - + -
+ +