diff options
| -rw-r--r-- | static/desktop.css | 29 | ||||
| -rw-r--r-- | static/styles.css | 8 | ||||
| -rw-r--r-- | templates/base.html.j2 | 3 | ||||
| -rw-r--r-- | templates/index.html.j2 | 22 |
4 files changed, 26 insertions, 36 deletions
diff --git a/static/desktop.css b/static/desktop.css index 4d32d87..acbf1a6 100644 --- a/static/desktop.css +++ b/static/desktop.css @@ -1,4 +1,8 @@ @media only screen and (min-width: 700px) { + body { + font-size: 1.25em; + } + section { padding: 3em; } @@ -10,17 +14,8 @@ } div.buttons { - flex-direction: row-reverse; - } - - form { - margin-right: 10%; - margin-left: 10%; - } - - table td, - table th { - padding: 0.5em; + flex-direction: row; + justify-content: center; } section.flexible { @@ -40,10 +35,6 @@ flex-grow: 1; } - .signature img { - width: 30%; - } - .logo img { width: 15%; display: block; @@ -52,10 +43,12 @@ } .card { - padding: 2em; + padding: 1em; + font-size: 1.5em; } - .modal .card { - width: 25%; + section.cards { + margin-left: 20%; + margin-right: 20%; } }
\ No newline at end of file diff --git a/static/styles.css b/static/styles.css index 8948d92..4fcea55 100644 --- a/static/styles.css +++ b/static/styles.css @@ -23,7 +23,7 @@ body { body { background-image: url("/assets/bg.webp"); - background-size: 50%; + background-size: 9em; } nav { @@ -104,10 +104,12 @@ section.banner { rgba(255, 255, 255, 1) 75%); } -section.banner h1 { +section.banner * { background: white; - margin-top: 0; padding-top: 1em; + margin-top: 0; + margin-left: 0; + margin-right: 0; } .button img { diff --git a/templates/base.html.j2 b/templates/base.html.j2 index c0f8885..e81a8ea 100644 --- a/templates/base.html.j2 +++ b/templates/base.html.j2 @@ -47,7 +47,6 @@ <a href="/professional">Pros</a> <a href="/posts">Posts</a> <a href="/brochure">Brochure</a> - <a href="/#help">Helpful Links</a> <a href="/policies">Policies</a> <a href="/about">Team</a> <a href="/#reviews">Reviews</a> @@ -64,7 +63,7 @@ <picture> <source srcset="/assets/logo.webp" type="image/webp" /> <source srcset="/assets/logo.png" type="image/png" /> - <img alt="logo" src="/assets/logo.png" /> + <img alt="Carpenter Tutoring logo" src="/assets/logo.png" /> </picture> </figure> diff --git a/templates/index.html.j2 b/templates/index.html.j2 index 9af86fe..333dd59 100644 --- a/templates/index.html.j2 +++ b/templates/index.html.j2 @@ -3,15 +3,9 @@ {% block main %} <!--banner--> <section class="banner"> - <!-- <section class="banner flexible"> --> - <!-- <figure class="logo"> - <picture> - <source srcset="/assets/logo.webp" type="image/webp" /> - <source srcset="/assets/logo.png" type="image/png" /> - <img alt="logo" src="/assets/logo.png" /> - </picture> - </figure> --> - <h1>CARPENTER TUTORING</h1> + <h1> + CARPENTER TUTORING + </h1> </section> <section class="centered"> @@ -20,6 +14,7 @@ </h2> </section> +<!-- offerings --> <section id="offerings" class="cards"> <div class="card full"> <h3> @@ -55,13 +50,14 @@ <!-- help --> <section class="centered" id="help"> <h2>Helpful Links</h2> - <a class="button primary centered" href="/brochure">View an interactive brochure of our offerings</a> - <a class="button centered" href="/policies">See policies and procedures regarding scheduling, payment, and - booking</a> + <div class="buttons"> + <a class="button primary centered" href="/brochure">View an interactive brochure of our offerings</a> + <a class="button centered" href="/policies">See policies and procedures regarding scheduling, payment, and + booking</a> + </div> </section> <!-- reviews --> -<!-- TODO: fix these cards --> <section id="reviews" class="cards"> <div class="card"> |