diff options
| -rw-r--r-- | static/styles.css | 103 | ||||
| -rw-r--r-- | templates/about/index.html.j2 | 6 | ||||
| -rw-r--r-- | templates/about/team.html.j2 | 6 | ||||
| -rw-r--r-- | templates/card.html.j2 | 14 | ||||
| -rw-r--r-- | templates/posts.html.j2 | 20 |
5 files changed, 34 insertions, 115 deletions
diff --git a/static/styles.css b/static/styles.css index 6dde6d4..8948d92 100644 --- a/static/styles.css +++ b/static/styles.css @@ -110,10 +110,6 @@ section.banner h1 { padding-top: 1em; } -section.cards { - background-color: transparent; -} - .button img { margin-right: 1em; } @@ -166,15 +162,6 @@ section a { text-decoration: underline; } -.card { - background-color: white; - padding: 1em; - border-radius: 1em; - margin-left: 0; - margin-right: 0; - align-content: center; -} - form input, form textarea { font-family: "PT Sans", sans-serif; @@ -194,34 +181,6 @@ textarea { resize: none; } -/* honeypot */ -textarea#beehive { - display: none; -} - -table { - width: 100%; - border-collapse: collapse; -} - -table caption { - text-align: left; -} - -table th { - text-align: right; - color: var(--darkteal); -} - -table td, -table th { - vertical-align: bottom; -} - -tr:nth-child(even) { - background-color: lightgray; -} - picture img { width: 100%; } @@ -241,20 +200,8 @@ section.flexible { flex-direction: column; } -#reviews .card, -#offerings .card { - margin-left: 1em; - margin-right: 1em; - margin-top: 0.5em; - margin-bottom: 0.5em; - padding: 0.3em; - flex: 1 0 21%; - align-items: center; - text-align: center; -} - -#reviews, -#offerings { +section.cards { + background-color: transparent; padding-left: 0; padding-right: 0; display: flex; @@ -262,42 +209,22 @@ section.flexible { justify-content: center; } -#offerings .full { - flex: 1 1 100%; -} - -.modal { - position: fixed; - z-index: 1; - left: 0; - top: 0; - width: 100%; - height: 100%; - background-color: white; - background-color: rgba(1, 1, 1, 0.4); - overflow: auto; - display: none; - font-size: 1.5em; -} - -.modal .card { - max-height: 90%; - max-width: 60%; -} - -.modal a, -.card a.button { - float: right; -} - -:target.modal { - display: flex; - justify-content: center; +.card { + align-content: center; align-items: center; + background-color: white; + border-radius: 1em; + flex: 1 0 21%; + margin-bottom: 0.5em; + margin-left: 1em; + margin-right: 1em; + margin-top: 0.5em; + padding: 0.3em; + text-align: center; } -:target.modal .card { - overflow: auto; +section.cards .full { + flex: 1 1 100%; } .centered { diff --git a/templates/about/index.html.j2 b/templates/about/index.html.j2 index 71891ee..ad4480c 100644 --- a/templates/about/index.html.j2 +++ b/templates/about/index.html.j2 @@ -5,16 +5,14 @@ <h1>About Us</h1> </section> -<section class=" squarshed"> - <p> +<section> <h2 style="font-size: 1.5em; text-align: center;"> There are many pathways to success. I started Carpenter Tutoring for those seeking a little help finding their way. </h2> - </p> </section> -<section class=" flexible squarshed"> +<section class="flexible"> <figure class="shadowy"> <picture> <source srcset="/assets/amy.webp" type="image/webp" /> diff --git a/templates/about/team.html.j2 b/templates/about/team.html.j2 index 05bb2f8..07637c8 100644 --- a/templates/about/team.html.j2 +++ b/templates/about/team.html.j2 @@ -1,5 +1,5 @@ {% for tutor in tutors %} -<sectionclass=" flexible"> +<section class="flexible"> {% if loop.index0 % 2 == 0 %} {% include "blurb.html.j2" %} {% include "figure.html.j2" %} @@ -7,5 +7,5 @@ {% include "figure.html.j2" %} {% include "blurb.html.j2" %} {% endif %} - </section> - {% endfor %}
\ No newline at end of file +</section> +{% endfor %}
\ No newline at end of file diff --git a/templates/card.html.j2 b/templates/card.html.j2 deleted file mode 100644 index 1397bc8..0000000 --- a/templates/card.html.j2 +++ /dev/null @@ -1,14 +0,0 @@ -<div class="card"> - <h2> - {% block title %} - Card Title - {% endblock %} - </h2> - - <p> - {% block content %} - Stuff in the card - {% endblock %} - </p> - -</div>
\ No newline at end of file diff --git a/templates/posts.html.j2 b/templates/posts.html.j2 index e9efdfb..eec04a9 100644 --- a/templates/posts.html.j2 +++ b/templates/posts.html.j2 @@ -6,10 +6,18 @@ </section> <section> - <p> - {% for post in posts %} - <h2><a href="/posts/{{ post.get_title()|e }}">{{ post.get_title() }}</a></h2> + <h2> + Refining how we think and teach. + </h2> +</section> + +<section class="cards"> + {% for post in posts %} + <div class="card"> + <h2> + <a href="/posts/{{ post.get_title()|e }}">{{ post.get_title() }}</a> + </h2> + </div> {% endfor %} - </p> - <section> - {% endblock %}
\ No newline at end of file +</section> +{% endblock %}
\ No newline at end of file |