From ae00627e7c99fd21ce4ad8ec0692445f00a349b2 Mon Sep 17 00:00:00 2001 From: "Adam T. Carpenter" Date: Sat, 7 Sep 2024 21:18:54 -0400 Subject: feat: basic markdown post to html page loading --- templates/post.html | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 templates/post.html (limited to 'templates') diff --git a/templates/post.html b/templates/post.html new file mode 100644 index 0000000..57964e9 --- /dev/null +++ b/templates/post.html @@ -0,0 +1,8 @@ + + + +
+ {{ article|markdown }} +
+ + -- cgit v1.2.3 From f2bd378e1a8cdfa7d1520b3734a748dd1cd9de25 Mon Sep 17 00:00:00 2001 From: "Adam T. Carpenter" Date: Sat, 7 Sep 2024 22:39:41 -0400 Subject: feat: serve static and assets add policies and index from base --- templates/base.html | 67 ++++++++ templates/index.html | 407 ++++++++++++++++++++++++++++++++++++++++++++++++ templates/policies.html | 65 ++++++++ templates/posts.html | 13 ++ templates/styles.css | 272 ++++++++++++++++++++++++++++++++ 5 files changed, 824 insertions(+) create mode 100644 templates/base.html create mode 100644 templates/index.html create mode 100644 templates/policies.html create mode 100644 templates/posts.html create mode 100644 templates/styles.css (limited to 'templates') diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..1657ec1 --- /dev/null +++ b/templates/base.html @@ -0,0 +1,67 @@ + + + + + + Tutoring Excellence Online and in Suffolk, VA - Carpenter Tutoring, LLC + + + + + + + + + + + + + + + + + + + + + +
+ {% block main %}

Placeholder content

{% endblock %} +
+ + + + + diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..48e85e8 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,407 @@ +{% extends "base.html" %} + +{% block main %} + + + + +
+
+

+ Welcome, and thank you for your interest in Carpenter Tutoring! +

+ +

Carpenter Tutoring is a private tutoring service based in Suffolk, + Virginia. We offer high-engagement remote appointments through Zoom. A limited + number of in-person appointments with me are also available for students in the Harbour + View region of Suffolk, VA. Most of our offerings are one-on-one, and siblings + and pre-existing groups of students may opt for group meetings. No matter your + budget, I am confident that we can find an arrangement that will provide your + student services without creating financial strain.

+ +

+ I invite you to explore and learn more about the services we offer, Carpenter Tutoring's background, + and some of our policies. Thank you for visiting, and + please do not hesitate to reach out with any questions. We will be thrilled to + assist you! +

+ +
+ + + + Amy's signature + +
+ +
+ +
+ + + + Amy Carpenter + +
Amy Carpenter, M.Ed.
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
+ +
+

Subject Tutoring

+

Tutoring for specific courses or disciplines +

+ expand Learn more +
+ +
+

Time Management

+

+ Personalized plans for managing academics, extracurriculars, and + other commitments +

+ expand Learn more +
+ +
+

Study Skills

+

Learn how to make the most of your study time

+ expand Learn more +
+ +
+

Academic Coaching

+

+ Time management and study skills blended with continuing + accountability +

+ expand Learn more +
+ +
+

College Application Assistance

+

+ Assistance with generating a college list and crafting application + essays +

+ expand Learn more +
+ +
+

College-Level Writing

+

Get a head start on meeting professors' expectations

+ expand Learn more +
+ +
+

Dissertation Coaching

+

Ensure your research is communicated effectively and eloquently

+ expand Learn more +
+ +
+

Standardized Test Prep

+

+ Tailored assistance in preparing for a variety of standardized tests +

+ expand Learn more +
+ +
+

Music Lessons

+

Instrument and/or composition lessons for students of all ages

+ expand Learn more +
+ +
+

Proof of Progress Evaluations

+

+ Two levels of portfolio-based evaluations for homeschool families + looking to satisfy Proof of Progress or gain insight into their + child's learning +

+ expand Learn more +
+ +
+ +
+ Click here to view an interactive brochure of our offerings +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Pricing Guide - Remote*

+
+ Single Subject, Time Management, Study Skills Tutoring, Music Lessons + $60/hr
+ Multi-Subject, Academic Coaching, Dissertation Coaching, Test Prep, College + Application Assistance + $70/hr
Small Group Sessions, Group Lessons$40/hr/student
Simplified Homeschool Evaluations$45
Detailed Homeschool Evaluations$80+
+ +

+

*In-person pricing for students in the Harbour View region of Suffolk is $10/hr more in each category.

+ See a list of our policies and procedures regarding scheduling, + payment, and booking. +

+ +
+ + +
+ +
+

C.L. Cannon

+
+ I hired Amy to complete an end-of-the-year evaluation for both of my Elementary aged sons. This being our first year of independent home instruction, the task of testing and/or evaluation was daunting! Amy put my fears to rest! She was super easy to work with, had great communication skills, and answered all my questions in a timely and informative manner! I would highly recommend her services! +
+

+ View on Google + or + leave a review. +

+ star + star + star + star + star +
+ +
+

Lee Crabtree

+
+ Amy is a wonderful tutor who helped my child (who does not like help at all) though some difficult classes where the teacher was not providing the support my child needed. Highly recommended. +
+

+ View on Google + or + leave a review. +

+ star + star + star + star + star +
+ +
+

Connor Fenton

+
+ I was a Graduate student at the College of William and Mary who needed to pass a Latin Language test as part of my degree requirements. I was struggling with refreshing my Latin after a few years out of the classroom and Amy was both professional and helpful. With her tutoring I was able to pass my test and finish my degree. She is very considerate and easy to work with. +
+

+ View on Google + or + leave a review. +

+ star + star + star + star + star +
+ +
+{% endblock %} diff --git a/templates/policies.html b/templates/policies.html new file mode 100644 index 0000000..0d39b38 --- /dev/null +++ b/templates/policies.html @@ -0,0 +1,65 @@ +{% extends "base.html" %} + +{% block main %} + + +
+

+

Payment Methods

+ We accept payments through Zelle (amy@carpentertutoring.com), Venmo + (@AmyCTutoring), and PayPal (amy@carpentertutoring.com). We also accept + checks made out to Carpenter Tutoring, LLC. Please contact Amy for + a mailing address if you would like to pay by check. +

+ +

+

Travel

+ Due to high appointment volumes, Amy is only able to travel to students in the Harbour View area of Suffolk, VA. +

+ +

Please contact other tutors directly to discuss their locations and in-person policies.

+ +

+

Remote sessions

+ Remote sessions are typically conducted from tutors' homes. We use online video conferencing software such as + Zoom and Google Meet. + Your tutor will inform you of their preferred meeting method and provide initial meeting instructions and support. +

+ +

+

Late Cancellations

+ Sessions cancelled within 72 hours of their start time will incur a late + cancellation fee equal to 40% of the cancelled session price. +

+ +

+

No-Shows

+ Sessions which a student does not attend with no notice of + cancellation will be charged the full session price. +

+ +

+

Session Duration

+ Sessions are purchased in half-hour increments, and the shortest + appointment duration is 60 minutes. Families are responsible for the + amount of time they book and will be charged based on that amount. + Students who provide no advance notice of a need to end their meeting early will still be responsible for the full session price. If a student is + late to their appointment, we will work to the end of their scheduled + time, but no later. +

+ +

+

Proof of Progress Evaluations

+ Proof of Progress letters will be returned within 7 days of notification that materials are ready for review. Families are responsible for sending Proof of Progress letters and proof of evaluator credentials to their school system by August 1, the deadline for Proof of Progress submissions in Virginia. Notifications regarding sample readiness sent on or after July 24 of each year will incur a $10 late submission fee per evaluation. All payments are expected within two weeks of receipt of letter(s). Payment method information is available on this site as well as in the email sent along with Proof of Progress letters. +

+ +

+

Learning Acceleration Grants

+ Carpenter Tutoring is proud to serve Virginia students and families as a vendor for the K-12 Learning Acceleration Grant. Families must share student names as they appear on the grants, associated parent name, and associated address for invoicing purposes. Families are expected to upload emailed invoices at their earliest convenience as there are significant lag times between family submission and fund deposits from ClassWallet. While Carpenter Tutoring will provide an overview of funds used with our tutors with each invoice, families are expected to keep track of fund use and communicate with tutors when funds are nearing exhaustion to plan an end date for services or a transition to out-of-pocket payment. Grant vendors cannot see fund totals or funds used with other vendors, so we rely on families completely to communicate their remaining balances. Families who fail to notify us that their funds are nearly or have been depleted or rescinded but continue to use services will be required to pay for any excesses out-of-pocket. +

+
+
+ +{% endblock %} diff --git a/templates/posts.html b/templates/posts.html new file mode 100644 index 0000000..9f522a6 --- /dev/null +++ b/templates/posts.html @@ -0,0 +1,13 @@ +{% extends "base.html" %} + +{% block main %} +
+

+

    + {% for title in post_titles %} +
  • {{ title }}
    • + {% endfor %} +
+

+
+{% endblock %} diff --git a/templates/styles.css b/templates/styles.css new file mode 100644 index 0000000..68eae3b --- /dev/null +++ b/templates/styles.css @@ -0,0 +1,272 @@ +/* Colors */ +:root { + --darkteal: rgb(0, 100, 108); + --green: rgb(88, 169, 143); + --darkerteal: rgb(29, 133, 137); + --gray: rgb(157, 210, 211); + --teal: rgb(58, 165, 166); + --cyan: rgb(156, 210, 210); + --darkgray: rgb(127, 177, 181); + --darkgreen: rgb(59, 136, 114); + --yellow: rgb(186, 214, 187); +} + +/* Elements */ + +html, +body { + margin: 0; + padding: 0; + font-family: "PT Sans", sans-serif; + color: dimgray; +} + +body { + background-image: url("/assets/bg.png"); +} + +.banner { + font-size: 1em; + text-align: center; + padding: 3em; + background-color: white; +} + +nav { + display: flex; + background-color: white; + flex-direction: column-reverse; +} + +nav img { + height: 1.4em; +} + +nav a { + font-family: "PT Sans", sans-serif; + color: dimgray; + text-align: center; + text-decoration: none; + padding: 1em 1em; + transition: 0.15s; +} + +nav a:hover { + color: var(--darkteal); + background-color: lightgray; +} + +div.buttons { + display: flex; + flex-direction: column; +} + +h1 { + font-size: 3em; + color: var(--darkteal); + font-family: "Architects Daughter", cursive; +} + +h2 { + font-size: 2em; + color: var(--darkteal); + font-family: "Indie Flower", cursive; +} + +em { + + color: var(--darkteal); +} + +section { + font-size: 1.5em; + margin: 0; + padding: 1em; +} + +section.quiet { + background-color: white; +} + +section.squarshed { + padding-bottom: 1em; + padding-top: 1em; +} + +.button img { + margin-right: 1em; +} + +button.button, +a.button { + display: flex; + align-items: center; + background-color: var(--teal); + padding-left: 1em; + padding-right: 1em; + padding-top: 0.5em; + padding-bottom: 0.5em; + margin-right: 0.5em; + margin-bottom: 0.5em; + text-decoration: none; + color: white; + border-radius: 3em; + transition: 0.15s; +} + +button.button:hover, +a.button:hover { + box-shadow: 0 4px 8px 0 lightgray, 0 6px 20px 0 lightgray; +} + +button { + font-family: "PT Sans", sans-serif; + border: none; + font-size: 0.75em; +} + +a.primary { + background-color: var(--darkteal); +} + +footer { + background-color: white; + text-align: center; + padding: 3em; + font-size: 1.5em; +} + +footer a, +section a { + color: var(--darkteal); + text-decoration: underline; +} + +.card { + font-size: 0.9em; + background-color: white; + padding: 1em; + border-radius: 1em; + margin-left: 0; + margin-right: 0; +} + +form input, +form textarea { + font-family: "PT Sans", sans-serif; + margin-bottom: 1.5em; + box-sizing: border-box; + width: 100%; + border: 1px solid lightgray; + padding: 1em; +} + +form input { + border-radius: 3em; +} + +textarea { + border-radius: 1em; + 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%; +} + +.shadowy img { + box-shadow: 0 4px 8px 0 dimgray, 0 6px 20px 0 dimgray; +} + +figcaption { + text-align: right; + color: var(--darkteal); + font-family: "Architects Daughter", cursive; +} + +section.flexible { + display: flex; + flex-direction: column; +} + +#reviews .card, +#offerings .card { + margin: 1em; + text-align: center; +} + +#reviews, +#offerings { + padding-left: 0; + padding-right: 0; + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.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; + align-items: center; +} + +:target.modal .card { + overflow: auto; +} + +.centered { + text-align: center; + justify-content: center; +} -- cgit v1.2.3 From 0213fd2dcd09ca4b1252cdc45415a765a887d679 Mon Sep 17 00:00:00 2001 From: "Adam T. Carpenter" 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 +++++++ templates/base.html | 6 +-- templates/brochure/brochure.css | 93 ++++++++++++++++++++++++++++++++++++++++ templates/brochure/brochure.html | 37 ++++++++++++++++ templates/brochure/brochure.js | 34 +++++++++++++++ templates/brochure/index.html | 32 ++++++++++++++ templates/index.html | 5 +-- 10 files changed, 299 insertions(+), 6 deletions(-) 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 create mode 100644 templates/brochure/brochure.css create mode 100644 templates/brochure/brochure.html create mode 100644 templates/brochure/brochure.js create mode 100644 templates/brochure/index.html (limited to 'templates') 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 @@ +
+

{{ tutor.display_name() }}

+

{{ tutor.blurb()|markdown }}

+
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 @@ +
+ + + + {{ tutor.display_name() }} + +
{{ tutor.display_name() }}
+
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 %} + + +
+

+

+ School is tricky, and there is no universal pathway to success. I started + Carpenter Tutoring for those seeking a little help finding their way. +

+

+
+ +
+
+ + + + Amy Carpenter + +
Amy Carpenter, M.Ed.
+
+ +
+

+ I received my B.A. from The College of William and Mary in 2018 and received + my M.Ed. from W&M in 2020. As an undergraduate, I worked and was trained + as a tutor at W&M's peer tutoring center, the TutorZone. During + this period, I conducted over 150 one-on-one appointments with W&M + students in 26 different content areas. I earned lifetime Advanced Tutor + Certification, the highest level W&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. +

+ +

+ 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. +

+ +

+ 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. +

+ +

Thank you for considering Carpenter Tutoring.

+
+ +
+ +
+ +{% 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 %} +
+ {% if flip == true %} + {% include "blurb.html" %} + {% include "figure.html" %} + {% else %} + {% include "figure.html" %} + {% include "blurb.html" %} + {% endif %} +
+ +
+{% endfor %} diff --git a/templates/base.html b/templates/base.html index 1657ec1..f146a44 100644 --- a/templates/base.html +++ b/templates/base.html @@ -12,8 +12,8 @@ - - + + @@ -50,7 +50,7 @@

- © 2019- Carpenter Tutoring, LLC. All rights reserved. + © 2019-{{ self::current_year() }} Carpenter Tutoring, LLC. All rights reserved.

Visit me on Google diff --git a/templates/brochure/brochure.css b/templates/brochure/brochure.css new file mode 100644 index 0000000..2abb118 --- /dev/null +++ b/templates/brochure/brochure.css @@ -0,0 +1,93 @@ +/* +Copyright (c) 2024 by Daniel Pox (https://codepen.io/danielpox/pen/abOopYo) + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ + + +.paper { + display: grid; + + width: 8.25rem; + + grid-template-columns: 8.25rem; + grid-template-rows: 19.41rem; /* .425 aspect */ + + margin: 2rem auto; + + transform-style: preserve-3d; + transition: transform linear 1s; +} +.paper.flip { + transform: rotateY(180deg); +} + +.paper .page { + display: inline-block; + + grid-column: 1 / 2; + grid-row: 1 / 2; + + position: relative; + + transform-style: preserve-3d; + + box-shadow: 0 4px 8px #0001; +} + +.paper .page .side { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + + background: white; + backface-visibility: hidden; +} + +.paper .page .side.back { + transform: rotateY(180deg); +} + +.page { + transition: transform linear 1s; +} +.left.open { + transform: rotateY(-180deg); +} +.right.open { + transform: rotateY(180deg); +} + +.paper .page .side { + box-shadow: inset 1px 0 #f2f2f2, inset -1px 0 #f2f2f2; +} + +.side img { + max-width: 100%; + max-height: 100%; +} + +.left { + transform: translateZ(2px); + transform-origin: center left; +} + +.right { + transform: translateZ(1px); + transform-origin: center right; +} + +@media only screen and (min-width: 1500px) { + .paper { + width: 21.25em; + + grid-template-columns: 21.25em; + grid-template-rows: 50em; /* .425 aspect */ + } +} diff --git a/templates/brochure/brochure.html b/templates/brochure/brochure.html new file mode 100644 index 0000000..b5a3cd3 --- /dev/null +++ b/templates/brochure/brochure.html @@ -0,0 +1,37 @@ + + + +

+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
diff --git a/templates/brochure/brochure.js b/templates/brochure/brochure.js new file mode 100644 index 0000000..4872373 --- /dev/null +++ b/templates/brochure/brochure.js @@ -0,0 +1,34 @@ +/* +Copyright (c) 2024 by Daniel Pox (https://codepen.io/danielpox/pen/abOopYo) + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ + + +document.addEventListener("DOMContentLoaded", (event) => { + const paper = document.querySelector(".paper"); + + const flipButton = document.querySelector("button") + flipButton.addEventListener("click", () => { + paper.classList.toggle("flip") + }) + + const leftSide = paper.querySelector(".page.left"); + leftSide.addEventListener("click", () => { + leftSide.classList.toggle("open") + }); + + const rightSide = paper.querySelector(".page.right"); + rightSide.addEventListener("click", () => { + rightSide.classList.toggle("open") + }); + + const centerSide = paper.querySelector(".page.center"); + centerSide.addEventListener("click", () => { + centerSide.classList.toggle("open") + }); +}); diff --git a/templates/brochure/index.html b/templates/brochure/index.html new file mode 100644 index 0000000..41a62f4 --- /dev/null +++ b/templates/brochure/index.html @@ -0,0 +1,32 @@ +{% extends "base.html" %} + +{% block style %} + {% include "../styles.css" %} + {% include "brochure.css" %} +{% endblock %} + +{% block main %} + + +
+ + +

+ Click on pages to fold and unfold and use Flip to toggle front and back. This works best on a tablet or desktop screen. +

+ + {% include "brochure.html" %} + +
+ +
+ + + +{% endblock %} diff --git a/templates/index.html b/templates/index.html index 48e85e8..c9b0e60 100644 --- a/templates/index.html +++ b/templates/index.html @@ -123,8 +123,7 @@