From e85c33da9f03bc0d22db31235d59d055784a2959 Mon Sep 17 00:00:00 2001 From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com> Date: Thu, 8 Sep 2022 18:15:24 -0400 Subject: [PATCH] Styling progress --- src/layouts/partials/full-width-cta.html | 39 +++++++++++++++++++- src/static/Images/enter-icon.svg | 11 ++++++ src/static/Images/grid-left-corner.svg | 35 +++++++++--------- src/static/css/style.css | 46 +++++------------------- 4 files changed, 77 insertions(+), 54 deletions(-) create mode 100644 src/static/Images/enter-icon.svg diff --git a/src/layouts/partials/full-width-cta.html b/src/layouts/partials/full-width-cta.html index cf49d9c..c46853e 100644 --- a/src/layouts/partials/full-width-cta.html +++ b/src/layouts/partials/full-width-cta.html @@ -1,5 +1,42 @@ + +
- Authenticate with tea + Authenticate with tea devs authenticated
diff --git a/src/static/Images/enter-icon.svg b/src/static/Images/enter-icon.svg new file mode 100644 index 0000000..d6a1c98 --- /dev/null +++ b/src/static/Images/enter-icon.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/static/Images/grid-left-corner.svg b/src/static/Images/grid-left-corner.svg index 02c7f6a..79ba0ad 100644 --- a/src/static/Images/grid-left-corner.svg +++ b/src/static/Images/grid-left-corner.svg @@ -1,18 +1,21 @@ - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + diff --git a/src/static/css/style.css b/src/static/css/style.css index f334e99..4e1c096 100644 --- a/src/static/css/style.css +++ b/src/static/css/style.css @@ -4,7 +4,7 @@ body{ background-color: #1a1a1a; max-width: 1920px; background-image: url("/Images/x-large-grid.svg"); - background-size: auto; + background-size: contain; } /* @@ -22,7 +22,7 @@ body{ @media only screen and (min-width: 1280px) { .container{ - padding: 160px 132px 0px 132px; + padding: 128px 150px 10px 132px; } } @@ -167,14 +167,13 @@ p{ @media only screen and (min-width: 1280px) { h1{ - font-size: 224px; - line-height: 240px; - margin-top: -18px; + font-size: 13.25rem; + line-height: 14rem; } h2{ - font-size: 110px; - line-height: 160px; + font-size: 6rem; + line-height: 8rem; } h3{ @@ -190,6 +189,7 @@ p{ .lead{ font-size: 28px !important; line-height: 29px !important; + margin-top: -23px !important; } p{ @@ -198,35 +198,6 @@ p{ } -/* Buttons */ - -.btn-primary{ - padding: 65px 80px; - border-radius: 0px !important; - font-family: "pp-neue-machina", sans-serif; - text-transform: uppercase; - font-size: 38px; - border-left: 2px solid #949494 !important; - border-right: 2px solid #949494 !important; - background-color: #1a1a1a !important; - outline: none !important; - box-shadow: none !important; - text-align: left; - border-top-color:#1a1a1a; - border-bottom-color: #1a1a1a; -} - -.btn-primary:hover{ - background-color: #00ffd0 !important; - color: #1a1a1a; - border-top-color:#00ffd0; - border-bottom-color:#00ffd0; -} - -.button-container{ - padding: 0px 160px; -} - /* Spacers & Dividers */ hr{ @@ -240,7 +211,7 @@ hr{ @media only screen and (min-width: 1280px) { .hero-section{ - margin-bottom: 80px; + margin-bottom: 75px; } .impact-section{ @@ -253,5 +224,6 @@ hr{ .grid-element{ z-index: 1; position: absolute; + width:600px; } }