diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2025-06-04 09:02:11 -0400 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2025-06-04 09:02:11 -0400 |
| commit | e77b255a0ceda1dd1cf43364a025465e7a852f0a (patch) | |
| tree | 82259cb6efce0156d1b52be038862918410d0679 | |
| parent | fccd789b62d63853cf08bc7976a1743266fccac2 (diff) | |
| download | carpentertutoring-e77b255a0ceda1dd1cf43364a025465e7a852f0a.tar.xz carpentertutoring-e77b255a0ceda1dd1cf43364a025465e7a852f0a.zip | |
feat: banner combined with top to bottom fade from white
| -rw-r--r-- | static/styles.css | 18 | ||||
| -rw-r--r-- | templates/index.html.j2 | 5 |
2 files changed, 6 insertions, 17 deletions
diff --git a/static/styles.css b/static/styles.css index c001fd2..5fcdfe9 100644 --- a/static/styles.css +++ b/static/styles.css @@ -96,20 +96,12 @@ section { section.banner { text-align: center; - padding-left: 0em; - padding-right: 0em; + justify-content: center; + align-items: center; + gap: 1em; + padding-bottom: 1em; margin-bottom: 0; - background: linear-gradient(to right, - rgba(255, 255, 255, 0) 0%, - rgba(255, 255, 255, 1) 75%); -} - -section.banner * { - background: white; - padding-top: 1em; - margin-top: 0; - margin-left: 0; - margin-right: 0; + background: linear-gradient(white 90%, rgba(255, 255, 255, 0)); } .button img { diff --git a/templates/index.html.j2 b/templates/index.html.j2 index 4704e49..2fa471c 100644 --- a/templates/index.html.j2 +++ b/templates/index.html.j2 @@ -2,13 +2,10 @@ {% block main %} <!--banner--> -<section class="banner"> +<section class="banner flexible"> <h1> CARPENTER TUTORING </h1> -</section> - -<section class="centered"> <h6> Discovering your path to success. </h6> |