From 0213fd2dcd09ca4b1252cdc45415a765a887d679 Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Mon, 9 Sep 2024 22:28:33 -0400
Subject: feat: teams and blurbs but lots of todos

---
 templates/about/blurb.html  |  4 +++
 templates/about/figure.html |  8 +++++
 templates/about/index.html  | 71 +++++++++++++++++++++++++++++++++++++++++++++
 templates/about/team.html   | 15 ++++++++++
 4 files changed, 98 insertions(+)
 create mode 100644 templates/about/blurb.html
 create mode 100644 templates/about/figure.html
 create mode 100644 templates/about/index.html
 create mode 100644 templates/about/team.html

(limited to 'templates/about')

diff --git a/templates/about/blurb.html b/templates/about/blurb.html
new file mode 100644
index 0000000..630cf65
--- /dev/null
+++ b/templates/about/blurb.html
@@ -0,0 +1,4 @@
+<div id="{{ tutor.id() }}">
+	<h2>{{ tutor.display_name() }}</h2>
+	<p>{{ tutor.blurb()|markdown }}</p>
+</div>
diff --git a/templates/about/figure.html b/templates/about/figure.html
new file mode 100644
index 0000000..2b8e308
--- /dev/null
+++ b/templates/about/figure.html
@@ -0,0 +1,8 @@
+<figure class="shadowy">
+	<picture>
+		<source srcset="/team/{{ tutor.id() }}.webp" type="image/webp" />
+		<source srcset="/team/{{ tutor.id() }}.png" type="image/png" />
+		<img alt="{{ tutor.display_name() }}" src="/team/{{ tutor.id() }}.png" />
+	</picture>
+	<figcaption>{{ tutor.display_name() }}</figcaption>
+</figure>
diff --git a/templates/about/index.html b/templates/about/index.html
new file mode 100644
index 0000000..0c1d519
--- /dev/null
+++ b/templates/about/index.html
@@ -0,0 +1,71 @@
+{% extends "base.html" %}
+
+{% block main %}
+<section class="banner">
+	<h1>About Us</h1>
+</section>
+
+<section class="quiet squarshed">
+	<p>
+	<h2 style="font-size: 1.5em; text-align: center;">
+		School is tricky, and there is no universal pathway to success. I started
+		Carpenter Tutoring for those seeking a little help finding their way.
+	</h2>
+	</p>
+</section>
+
+<section class="quiet flexible squarshed">
+	<figure class="shadowy">
+		<picture>
+			<source srcset="/assets/amy.webp" type="image/webp" />
+			<source srcset="/assets/amy.png" type="image/png" />
+			<img alt="Amy Carpenter" src="/assets/amy.png" />
+		</picture>
+		<figcaption>Amy Carpenter, M.Ed.</figcaption>
+	</figure>
+
+	<div>
+		<p>
+			I received my B.A. from The College of William and Mary in 2018 and received
+			my M.Ed. from W&amp;M in 2020. As an undergraduate, I worked and was trained
+			as a tutor at W&amp;M's peer tutoring center, the TutorZone. During
+			this period, I conducted over 150 one-on-one appointments with W&amp;M
+			students in 26 different content areas. I earned lifetime Advanced Tutor
+			Certification, the highest level W&amp;M can grant, through the College
+			Reading and Learning Association, and I was trained as a time management
+			consultant. I took on leadership roles within the TutorZone until I was
+			working alongside its director. As a graduate student, I became one of the
+			Graduate Assistants helping oversee the TutorZone as well as an academic
+			coach to students with high need for academic support.
+		</p>
+
+		<p>
+			I loved getting to work with the TutorZone tutors, but I realized that
+			I missed being the tutor. There's just nothing like watching the light bulb
+			of understanding go off or seeing students who had struggled with material
+			master it! With that realization, I decided to dedicate my life to my
+			passion -- helping students of all ages learn, succeed, and believe in
+			themselves.
+		</p>
+
+		<p>
+			My instructional approach focuses on meeting students where they are and
+			supporting them through any hesitations or discomforts from which academic
+			difficulties may arise. Whether your student only has to brush up on a few
+			concepts or is resistant to completing coursework, I will come to each
+			session with patience, understanding, and just the right amount of
+			discipline. I truly believe that excellent educational relationships begin
+			with mutual respect, and I work to build meaningful relationships with all
+			of my clients.
+		</p>
+
+		<p>Thank you for considering Carpenter Tutoring.</p>
+	</div>
+
+</section>
+
+<section></section>
+
+{% include "team.html" %}
+
+{% endblock %}
diff --git a/templates/about/team.html b/templates/about/team.html
new file mode 100644
index 0000000..b1f0588
--- /dev/null
+++ b/templates/about/team.html
@@ -0,0 +1,15 @@
+{% let flip = true %}
+
+{% for tutor in tutors %}
+<section class="quiet flexible">
+	{% if flip == true %}
+		{% include "blurb.html" %}
+		{% include "figure.html" %}
+	{% else %}
+		{% include "figure.html" %}
+		{% include "blurb.html" %}
+	{% endif %}
+</section>
+
+<section></section>
+{% endfor %}
-- 
cgit v1.2.3