From e1ca4263d4b53c981f3f92303fa88a9176260e8b Mon Sep 17 00:00:00 2001 From: Camille Frantz Date: Wed, 18 May 2022 10:38:58 -0500 Subject: [PATCH] Re-added footer and footer styling --- app.js | 4 ++++ index.html | 3 +++ style.css | 21 +++++++++++++++++++++ 3 files changed, 28 insertions(+) diff --git a/app.js b/app.js index 0e912ef..1928552 100644 --- a/app.js +++ b/app.js @@ -1,3 +1,7 @@ +// Full year for footer +const todayDate = new Date(); +jsyear.innerText = todayDate.getFullYear(); + const disp = document.querySelector(".display"); fetch("FavouriteQuotes.json") diff --git a/index.html b/index.html index f7c60c5..ee9570a 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,9 @@
+ diff --git a/style.css b/style.css index 8d66f44..81d4c86 100644 --- a/style.css +++ b/style.css @@ -9,10 +9,31 @@ } .display { + width: 80vw; + max-width: 500px; + margin-top: 12rem; background: linear-gradient(to bottom right, #0c024d, #0dbcc5); background-attachment: fixed; color: white; font-size: 1.3rem; padding: 2rem; border-radius: 12px; + } + + .footer { + display: block; + position: relative; + top: 30rem; + text-align: center; + font-size: 0.8rem; + margin: 2rem auto; + } + + .footer a:any-link { + text-decoration: none; + color: #0c024d; + } + + .footer a:hover { + color: #0dbcc5; } \ No newline at end of file