diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/about/blurb.html | 3 | ||||
| -rw-r--r-- | templates/about/figure.html | 7 | ||||
| -rw-r--r-- | templates/about/index.html | 71 | ||||
| -rw-r--r-- | templates/about/team.html | 13 | ||||
| -rw-r--r-- | templates/base.html | 68 | ||||
| -rw-r--r-- | templates/brochure/brochure.css | 93 | ||||
| -rw-r--r-- | templates/brochure/brochure.html | 37 | ||||
| -rw-r--r-- | templates/brochure/brochure.js | 34 | ||||
| -rw-r--r-- | templates/brochure/index.html | 32 | ||||
| -rw-r--r-- | templates/index.html | 364 | ||||
| -rw-r--r-- | templates/policies.html | 65 | ||||
| -rw-r--r-- | templates/post.html | 13 | ||||
| -rw-r--r-- | templates/posts.html | 15 | ||||
| -rw-r--r-- | templates/styles.css | 272 |
14 files changed, 1087 insertions, 0 deletions
diff --git a/templates/about/blurb.html b/templates/about/blurb.html new file mode 100644 index 0000000..4389d47 --- /dev/null +++ b/templates/about/blurb.html @@ -0,0 +1,3 @@ +<div id="{{ tutor.get_id() }}"> + {{ tutor.get_blurb()|markdown }} +</div> diff --git a/templates/about/figure.html b/templates/about/figure.html new file mode 100644 index 0000000..168aa4e --- /dev/null +++ b/templates/about/figure.html @@ -0,0 +1,7 @@ +<figure class="shadowy"> + <picture> + <source srcset="/team/{{ tutor.get_id() }}/{{ tutor.get_id() }}.webp" type="image/webp" /> + <source srcset="/team/{{ tutor.get_id() }}/{{ tutor.get_id() }}.png" type="image/png" /> + <img alt="{{ tutor.get_name() }}" src="/team/{{ tutor.get_id() }}/{{ tutor.get_id() }}.png" /> + </picture> +</figure> diff --git a/templates/about/index.html b/templates/about/index.html new file mode 100644 index 0000000..0d2434a --- /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;"> + There are many pathways 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&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. + </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..2857efe --- /dev/null +++ b/templates/about/team.html @@ -0,0 +1,13 @@ +{% for tutor in tutors %} +<section class="quiet flexible"> + {% if loop.index0 % 2 == 0 %} + {% include "blurb.html" %} + {% include "figure.html" %} + {% else %} + {% include "figure.html" %} + {% include "blurb.html" %} + {% endif %} +</section> + +<section></section> +{% endfor %} diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..48b49de --- /dev/null +++ b/templates/base.html @@ -0,0 +1,68 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <title> + Tutoring Excellence Online and in Suffolk, VA - Carpenter Tutoring, LLC + </title> + <style> + {% block style %} + {% include "styles.css" %} + {% endblock %} + </style> + <link rel="preconnect" href="https://fonts.gstatic.com" /> + <link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Indie+Flower&family=PT+Sans&display=swap" rel="stylesheet" /> + <link rel="stylesheet" href="/desktop.css" /> + <link rel="stylesheet" href="/widescreen.css" /> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <meta name="description" content="Tutoring Excellence Online and in Suffolk, VA" /> + <meta property="og:description" content="Tutoring excellence online and in-person" /> + <meta property="og:image" content="https://carpentertutoring.com/assets/logo.webp" /> + <meta property="og:image:secure_url" content="https://carpentertutoring.com/assets/logo.webp" /> + <meta property="og:site_name" content="Carpenter Tutoring" /> + <meta property="og:title" content="Tutoring Excellence Online and in Suffolk, VA - Carpenter Tutoring, LLC" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://carpentertutoring.com" /> +</head> + +<body> + <nav> + <a href="/#reviews">Reviews</a> + <a href="/about">Team</a> + <a href="/policies">Policies</a> + <a href="/posts">Posts</a> + <a href="/#help">Helpful Links</a> + <a href="/brochure">Brochure</a> + <a href="/#offerings">Services</a> + <a href="/#"><img alt="logo" src="/assets/logo-simple.png" /></a> + </nav> + + <main> + {% block main %}<p>Placeholder content</p>{% endblock %} + </main> + + <footer> + <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> + <p> + © 2019-{{ self::current_year() }} Carpenter Tutoring, LLC. All rights reserved. + </p> + <p> + <a href="https://g.page/carpenter-tutoring?share">Visit me on Google</a> + | + <a href="https://g.page/carpenter-tutoring/review?np">Submit a review</a> + | + <a href="mailto:webmaster@carpentertutoring.com"> + Having trouble with our site? + </a> + </p> + </footer> +</body> + +</html> 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 @@ +<!-- +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. +--> + +<button class="button">Flip</button> +<div class="paper"> + <div class="page left"> + <div class="side front"> + <img src="/assets/brochure/brochure-front-left.png"/> + </div> + <div class="side back"> + <img src="/assets/brochure/brochure-back-left.png"/> + </div> + </div> + <div class="page right"> + <div class="side front"> + <img src="/assets/brochure/brochure-front-right.png"/> + </div> + <div class="side back"> + <img src="/assets/brochure/brochure-back-right.png"/> + </div> + </div> + <div class="page center"> + <div class="side front"> + <img src="/assets/brochure/brochure-front-center.png"/> + </div> + <div class="side back"> + <img src="/assets/brochure/brochure-back-center.png"/> + </div> + </div> +</div> 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 %} +<section class="banner"> + <h1>Interactive Brochure</h1> +</section> + +<section class="quiet"> + <noscript> + This brochure requires JavaScript to work properly. If you prefer not to use JavaScript, you can <a href="/#offerings">view our offerings on our homepage here.</a> + </noscript> + + <p> + Click on pages to fold and unfold and use <em>Flip</em> to toggle front and back. This works best on a tablet or desktop screen. + </p> + + {% include "brochure.html" %} + +</section> + +<section></section> + +<script> + {% include "brochure.js" %} +</script> + +{% endblock %} diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..dc4231b --- /dev/null +++ b/templates/index.html @@ -0,0 +1,364 @@ +{% extends "base.html" %} + +{% block main %} +<!--banner--> +<section class="banner"> + <h1>CARPENTER TUTORING</h1> + <h2> + <strong>Discovering <em>your</em> path to success</strong> + </h2> + + <div class="buttons"> + <a class="button" href="mailto:amy@carpentertutoring.com"> <img src="/assets/icons/email-variant.svg" alt="mailbox" />Amy@CarpenterTutoring.com</a> + <a class="button primary" href="tel:1-757-335-7555"> + <img src="/assets/icons/phone-classic.svg" alt="phone" /> + (757) 335-7555</a> + </div> +</section> + +<!-- welcome--> +<section id="welcome" class="quiet flexible"> + <div> + <h2> + Welcome, and thank you for your interest in Carpenter Tutoring! + </h2> + + <p> 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. </p> + + <p> + I invite you to explore and learn more about the <a href="/#offerings">services we offer</a>, <a href="/about">Carpenter Tutoring's background</a>, + and some of <a href="/policies">our policies</a>. Thank you for visiting, and + please do not hesitate to reach out with any questions. We will be thrilled to + assist you! + </p> + + <figure class="signature"> + <picture> + <source srcset="/assets/signature.webp" type="image/webp" /> + <source srcset="/assets/signature.png" type="image/png" /> + <img alt="Amy's signature" src="/assets/signature.png" /> + </picture> + </figure> + + </div> + + <figure class="shadowy"> + <picture> + <source srcset="/assets/amy-sunny.webp" type="image/webp" /> + <source srcset="/assets/amy-sunny.png" type="image/png" /> + <img alt="Amy Carpenter" src="/assets/amy-sunny.png" /> + </picture> + <figcaption>Amy Carpenter, M.Ed.</figcaption> + </figure> +</section> + +<!-- offering modals --> +<div id="offering-subject-tutoring" class="modal"> + <div class="card"> + <p> + Our regular subject specific offerings include: + + <ul> + <li> All levels of reading/language arts/English</li> + <li> Writing (formal and creative)</li> + <li> Foreign Language: French and all levels of Latin</li> + <li> Math through Calculus II</li> + <li> Introductory Physics (not at the honors or AP level)</li> + <li> Biology and Chemistry through AP level</li> + </ul> + + Special arrangements can be made for subjects that fall outside of these + offerings. Please contact me directly for more information. + + </p> + <a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a> + </div> +</div> + +<div id="offering-college-prep" class="modal"> + <div class="card"> + <p> + Work with a former Higher Education professional to + determine what types of schools and/or degree programs may be a good fit + for your interests and desires. Additionally, learn how to write an + attention-grabbing personal essay for college applications and receive + guidance on institution-specific supplemental essays. + </p> + <a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a> + </div> +</div> + +<div id="offering-test-prep" class="modal"> + <div class="card"> + <p> + One-on-one content instruction, practice testing, and + testing strategization for a number of standardized tests, including but + not limited to: + + <ul> + <li> SAT & ACT</li> + <li> PSAT</li> + <li> ISEE</li> + <li> SSAT</li> + <li> GED</li> + <li> GMAT</li> + <li> MAT</li> + <li> GRE</li> + <li> LSAT</li> + </ul> + + Please contact me directly if you'd like assistance for a test not listed + here. + </p> + <a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a> + </div> +</div> + +<div id="offering-music-lessons" class="modal"> + <div class="card"> + <p> + Piano lessons include a combination of formal instruction and + ear-training, which allows students to select the songs they'd like to + learn. Music composition lessons focus on the techniques necessary for + writing original songs, whether they be instrumental or singer/songwriter + style. + </p> + <a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a> + </div> +</div> + +<div id="offering-evals" class="modal"> + <div class="card"> + <p> + Both evaluations are based on materials submitted through an online + portal. Letters are returned within a week of your notice that all documents + have been uploaded.</p> + <p> <strong>$45 option</strong>: Considers math and language arts materials, + satisfies proof of progress with a personalized letter and evaluator + credentials </p> + <p><strong>$80+ option</strong>: Considers math and language arts materials + satisfies proof of progress with a + personalized letter and evaluator credentials, provides homeschool families + with a separate document detailing identified areas of strength, areas of + weakness, and recommendations for addressing weaknesses. + <strong>Other subjects may be added on for $10 each</strong>. + </p> + <a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a> + </div> +</div> + +<div id="offering-college-writing" class="modal"> + <div class="card"> + <p> + Learn how to shift high-school level writing to that which will be expected in + college. Topics covered include moving beyond the five-paragraph essay, writing + research papers, and choosing a topic for essays with open prompts. In-session + exercises will allow students to implement these skills in real time with + immediate feedback. + </p> + <a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a> + </div> +</div> + +<div id="offering-academic-coaching" class="modal"> + <div class="card"> + <p> + Academic Coaching offers all the benefits of Study Skills and Time Management + appointments plus ongoing planning and accountability support. As an Academic + Coach, I keep track of your student's upcoming assignments and assessments and + help craft a schedule week to week for them to accomplish their goals. Students + come away as more independent and confident planners and self-advocates. + </p> + <a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a> + </div> +</div> + +<div id="offering-study-skills" class="modal"> + <div class="card"> + <p> + Study Skills sessions will allow students to develop a toolkit for + successful study habits. Learn about techniques to fight mental fatigue and + tools for mental recall. Study Skills sessions also cover ways to address + motivation, attention, and avoidance. Topics will be tailored for your specific + needs. + </p> + <a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a> + </div> +</div> + +<div id="offering-dissertation-coaching" class="modal"> + <div class="card"> + <p> + Dissertation coaching consists of one-on-one work to strengthen the effort you + have already put in. Draw out the significance of your research by honing in on + the implications, connections, and recommendations that stem from your + findings. Together, we will break past a surface-level review of your study to + generate the greatest impact possible. Dissertation coaching can also focus on + general writing mechanics, clarity of message, and/or consistency of voice. + </p> + <a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a> + </div> +</div> + +<div id="offering-time-management" class="modal"> + <div class="card"> + <p> + Learn how to balance all of the demands in your life. Time + Management sessions are tailored to your needs and can include building an + hour-by-hour schedule of your week, creating a long-term plan for assignments + and responsibilities, and discussing time and stress management techniques. + </p> + <a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a> + </div> +</div> + +<!-- offerings cards --> +<section id="offerings"> + + <div class="card"> + <h2>Subject Tutoring</h2> + <p>Tutoring for specific courses or disciplines + </p> + <a class="button" href="#offering-subject-tutoring"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a> + </div> + + <div class="card"> + <h2>Time Management</h2> + <p> + Personalized plans for managing academics, extracurriculars, and + other commitments + </p> + <a class="button" href="#offering-time-management"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a> + </div> + + <div class="card"> + <h2>Study Skills</h2> + <p>Learn how to make the most of your study time</p> + <a class="button" href="#offering-study-skills"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a> + </div> + + <div class="card"> + <h2>Academic Coaching</h2> + <p> + Time management and study skills blended with continuing + accountability + </p> + <a class="button" href="#offering-academic-coaching"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a> + </div> + + <div class="card"> + <h2>College Application Assistance</h2> + <p> + Assistance with generating a college list and crafting application + essays + </p> + <a class="button" href="#offering-college-prep"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a> + </div> + + <div class="card"> + <h2>College-Level Writing</h2> + <p>Get a head start on meeting professors' expectations</p> + <a class="button" href="#offering-college-writing"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a> + </div> + + <div class="card"> + <h2>Dissertation Coaching</h2> + <p>Ensure your research is communicated effectively and eloquently</p> + <a class="button" href="#offering-dissertation-coaching"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a> + </div> + + <div class="card"> + <h2>Standardized Test Prep</h2> + <p> + Tailored assistance in preparing for a variety of standardized tests + </p> + <a class="button" href="#offering-test-prep"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a> + </div> + + <div class="card"> + <h2>Music Lessons</h2> + <p>Piano and/or composition lessons for students of all ages</p> + <a class="button" href="#offering-music-lessons"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a> + </div> + + <div class="card"> + <h2>Proof of Progress Evaluations</h2> + <p> + Two levels of portfolio-based evaluations for homeschool families + looking to satisfy Proof of Progress or gain insight into their + child's learning + </p> + <a class="button" href="#offering-evals"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a> + </div> + +</section> + +<!-- help --> +<section class="quiet squarshed 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> +</section> + +<!-- reviews --> +<section id="reviews"> + + <div class="card"> + <h2>C.L. Cannon</h2> + <blockquote> + 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! + </blockquote> + <p> + <a href="https://goo.gl/maps/kC4aTuFqpiyLCJ2r8">View on Google</a> + or + <a href="https://g.page/carpenter-tutoring/review?np">leave a review.</a> + </p> + <img src="/assets/icons/star-box.svg" alt="star" /> + <img src="/assets/icons/star-box.svg" alt="star" /> + <img src="/assets/icons/star-box.svg" alt="star" /> + <img src="/assets/icons/star-box.svg" alt="star" /> + <img src="/assets/icons/star-box.svg" alt="star" /> + </div> + + <div class="card"> + <h2>Lee Crabtree</h2> + <blockquote> + 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. + </blockquote> + <p> + <a href="https://goo.gl/maps/73wWvyS7azkBBkA39">View on Google</a> + or + <a href="https://g.page/carpenter-tutoring/review?np">leave a review.</a> + </p> + <img src="/assets/icons/star-box.svg" alt="star" /> + <img src="/assets/icons/star-box.svg" alt="star" /> + <img src="/assets/icons/star-box.svg" alt="star" /> + <img src="/assets/icons/star-box.svg" alt="star" /> + <img src="/assets/icons/star-box.svg" alt="star" /> + </div> + + <div class="card"> + <h2>Connor Fenton</h2> + <blockquote> + 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. + </blockquote> + <p> + <a href="https://goo.gl/maps/73wWvyS7azkBBkA39">View on Google</a> + or + <a href="https://g.page/carpenter-tutoring/review?np">leave a review.</a> + </p> + <img src="/assets/icons/star-box.svg" alt="star" /> + <img src="/assets/icons/star-box.svg" alt="star" /> + <img src="/assets/icons/star-box.svg" alt="star" /> + <img src="/assets/icons/star-box.svg" alt="star" /> + <img src="/assets/icons/star-box.svg" alt="star" /> + </div> + +</section> +{% 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 %} + +<section class="banner"> + <h1>Policies & Procedures</h1> +</section> +<section class="quiet"> + <p> + <h2>Payment Methods</h2> + 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 <a href="/#contact">contact Amy</a> for + a mailing address if you would like to pay by check. + </p> + + <p> + <h2>Travel</h2> + Due to high appointment volumes, Amy is only able to travel to students in the Harbour View area of Suffolk, VA. + </p> + + <p>Please contact other tutors directly to discuss their locations and in-person policies.</p> + + <p> + <h2>Remote sessions</h2> + Remote sessions are typically conducted from tutors' homes. We use online video conferencing software such as + <a target="_blank" href="https://zoom.us">Zoom</a> and <a target="_blank" href="https://meet.google.com">Google Meet</a>. + Your tutor will inform you of their preferred meeting method and provide initial meeting instructions and support. + </p> + + <p> + <h2>Late Cancellations</h2> + Sessions cancelled within 72 hours of their start time will incur a late + cancellation fee equal to 40% of the cancelled session price. + </p> + + <p> + <h2>No-Shows</h2> + Sessions which a student does not attend with no notice of + cancellation will be charged the full session price. + </p> + + <p> + <h2>Session Duration</h2> + 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. + </p> + + <p> + <h2>Proof of Progress Evaluations</h2> + 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. + </p> + + <p> + <h2>Learning Acceleration Grants</h2> + 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. + </p> +</section> +<section></section> + +{% endblock %} diff --git a/templates/post.html b/templates/post.html new file mode 100644 index 0000000..3155c7a --- /dev/null +++ b/templates/post.html @@ -0,0 +1,13 @@ +{% extends "base.html" %} + +{% block main %} +<section class="banner"> + <h1>{{ post.get_title() }}</h1> +</section> + +<section class="quiet"> + <article> + {{ post.get_article()|markdown }} + </article> +</section> +{% endblock %} diff --git a/templates/posts.html b/templates/posts.html new file mode 100644 index 0000000..052cd42 --- /dev/null +++ b/templates/posts.html @@ -0,0 +1,15 @@ +{% extends "base.html" %} + +{% block main %} +<section class="banner"> + <h1>Posts</h1> +</section> + +<section class="quiet"> + <p> + {% for post in posts %} + <h2><a href="/posts/{{ post.get_title()|e }}">{{ post.get_title() }}</a></h2> + {% endfor %} + </p> +<section> +{% 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; +} |