From 125905222f283a2eb1f091e608d01f76b9015e98 Mon Sep 17 00:00:00 2001 From: "David E. Perez Negron R." Date: Wed, 26 Jun 2024 23:27:22 -0600 Subject: [PATCH] Setup social networks and some style updates --- _data.yml | 2 +- _includes/css/navbar.css | 2 +- _includes/css/page.css | 79 +++++++++++++++++++++++++++++++--- _includes/layouts/base.vto | 4 +- _includes/templates/footer.vto | 36 ++++++++++++++++ index.vto | 25 +++++------ 6 files changed, 127 insertions(+), 21 deletions(-) create mode 100644 _includes/templates/footer.vto diff --git a/_data.yml b/_data.yml index 3613673..6d0ecc7 100644 --- a/_data.yml +++ b/_data.yml @@ -38,5 +38,5 @@ metas: description: The DECA Protocol site title: "=title" image: "=image" - twitter: "@username" + twitter: "@decatokens" lang: en diff --git a/_includes/css/navbar.css b/_includes/css/navbar.css index 414733e..5482057 100644 --- a/_includes/css/navbar.css +++ b/_includes/css/navbar.css @@ -4,7 +4,7 @@ column-gap: 1rem; row-gap: 1rem; justify-content: space-between; - padding: 2rem min(5vw, 5rem); + padding: 1rem min(5vw, 5rem); align-items: center; } diff --git a/_includes/css/page.css b/_includes/css/page.css index f88146e..46efa7e 100644 --- a/_includes/css/page.css +++ b/_includes/css/page.css @@ -1,11 +1,17 @@ .page-header { - margin-bottom: var(--row-gap-medium); + margin-bottom: var(--row-gap-small); & > p:first-child { margin-top: 0; } } +.body-home { + padding: var(--row-gap-xsmall) 0; + max-width: min(100% - 15vw, 45em); + margin: 0 auto; +} + .page-title { font: var(--font-display); letter-spacing: var(--font-display-spacing); @@ -33,8 +39,7 @@ gap: .5em; } - & h2 { - font: var(--font-body-bold); + & h2 { font: var(--font-body-bold); letter-spacing: var(--font-body-spacing); margin: .5em 0; } @@ -45,6 +50,8 @@ margin-top: var(--row-gap-medium); } +/* Create a section for the index component instead of the base */ + .container { text-align: center; list-style: none; @@ -59,6 +66,7 @@ flex-wrap: wrap; /* Allow wrapping if screen space is limited */ padding: 10px; /* Some padding to avoid touching screen edges */ position: relative; + margin-bottom: 70px; } .main-button, .specification-button { @@ -93,7 +101,7 @@ .main-button:hover .hover-buttons, .main-button:focus .hover-buttons { - display: block; + display: flex; } .specification-button { @@ -102,16 +110,77 @@ .secondary-button { display: block; - margin: 5px 0; + margin: 10px 5px; padding: 10px 20px; background-color: inherit; color: inherit; border-radius: 20px; text-decoration: none; transition: background-color 0.2s ease, transform 0.2s ease; + gap: 20px; /* Space between the main button and the right button */ + flex-wrap: wrap; /* Allow wrapping if screen space is limited */ + position: relative; } .secondary-button:hover, .secondary-button:focus { border-style: solid; transform: translateY(-2px); + box-shadow: 0 8px 20px var(--color-link-hover, rgba(0, 0, 0, 0.4)); } + +/* Ensure this section gets called from footer.css instead */ + +.footer-container { + background: var(--color-background-1); +} +.footer { + font: var(--text-caption); + color: var(--color-foreground-1); + max-width: var(--max-width); + margin: auto; + text-align: center; + padding: 0 var(--margin); +} +.footer-copyright { + margin: 0; + padding: var(--row-gap-0) 0; + + & a { + color: currentColor; + } +} +.footer-links { + margin: 0; + list-style: none; + padding: 10px 0; + display: flex; + flex-wrap: wrap; + gap: 10px; + justify-content: center; + border-bottom: solid 1px var(--color-background-3); + + & svg { + display: block; + width: 50px; + height: 50px; + fill: currentColor; + } + + & a { + text-decoration: none; + font: var(--text-caption-bold); + display: flex; + align-items: center; + column-gap: 10px; + padding: 10px; + border-radius: var(--border-radius-small); + color: currentColor; + white-space: nowrap; + + &:hover { + color: var(--color-foreground); + background: var(--color-background-2); + } + } +} + diff --git a/_includes/layouts/base.vto b/_includes/layouts/base.vto index 24edafd..b26d880 100644 --- a/_includes/layouts/base.vto +++ b/_includes/layouts/base.vto @@ -43,8 +43,6 @@ {{ /for }}