From c9e09c3e3ee0c493038e42deaf877d1da3a5341f Mon Sep 17 00:00:00 2001 From: vern wolfley Date: Thu, 18 Jan 2024 09:02:04 -0700 Subject: [PATCH] update footer --- index.html | 64 +++++++++++++++++++++++++-------------------- scripts/getdates.js | 2 +- styles/base.css | 26 +++++++++++++++++- styles/larger.css | 7 ++++- 4 files changed, 67 insertions(+), 32 deletions(-) diff --git a/index.html b/index.html index dae8a4d..8b675ce 100644 --- a/index.html +++ b/index.html @@ -54,30 +54,33 @@

Vern Wolfley

WDD 230: Web Frontend Development

-
+

Learning Activities

-
+

Information

@@ -91,21 +94,24 @@

Information

diff --git a/scripts/getdates.js b/scripts/getdates.js index 9b580cc..b617370 100644 --- a/scripts/getdates.js +++ b/scripts/getdates.js @@ -10,7 +10,7 @@ const date = new Date() let copyrightYear = date.getFullYear(); document.getElementById("cYear").innerHTML = `© ${copyrightYear}`; -let lastModif = new Date(document.lastModified); +let lastModif = new Date(document.lastModified).toGMTString(); document.getElementById("lastModified").innerHTML = `Last Modified: ${lastModif}`; // console.log(modDate); diff --git a/styles/base.css b/styles/base.css index 41b1748..49094ab 100644 --- a/styles/base.css +++ b/styles/base.css @@ -68,7 +68,7 @@ nav a:hover { color: var(--nav-hover-link-color); } nav .active { - color: yellow; + color: yellow; } #headTitle { @@ -94,6 +94,8 @@ h1 { main { display: flex; flex-direction: column; + /* text-align: center; + margin: 0 75px; */ margin: 0 auto; padding: 20px; background-color: var(--paragraph-background-color); @@ -147,6 +149,10 @@ main { padding: 5px; } +.la-card li a { + font-size: 0.8em; +} + /* Footer */ footer { display: flex; @@ -178,6 +184,24 @@ footer p a:hover { text-decoration: underline; } +footer .footer-info { + display: flex; + flex-direction: column; + align-items: center; + width: 100%; +} +footer .social { + display: flex; + flex-direction: row; + gap: 5px; +} +footer .social a { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; +} + footer .social img { width: 30px; height: 30px; diff --git a/styles/larger.css b/styles/larger.css index 4439279..4748bd4 100644 --- a/styles/larger.css +++ b/styles/larger.css @@ -10,6 +10,11 @@ /* Section Card Area */ .card-grid { display: grid; - grid-template-columns: 1fr 300px; + grid-template-columns: 1fr 400px; + } + footer .footer-info { + display: flex; + flex-direction: row; + justify-content: space-between; } }