diff options
author | 53hornet <atc@53hor.net> | 2021-08-22 11:03:36 -0400 |
---|---|---|
committer | 53hornet <atc@53hor.net> | 2021-08-22 11:03:36 -0400 |
commit | 7494b946920bf93fa12ac1fc71a07b1165a203e2 (patch) | |
tree | 0003ebcdb595c53a0a8bb1cde8cf54b94a52c3f7 /templates | |
parent | f2e39406302c3b79a608a6f20e058a084401c6eb (diff) | |
download | carpentertutoring-7494b946920bf93fa12ac1fc71a07b1165a203e2.tar.xz carpentertutoring-7494b946920bf93fa12ac1fc71a07b1165a203e2.zip |
begin migrate to warp for evals functionality and site server
Diffstat (limited to 'templates')
-rw-r--r-- | templates/base.hbs | 317 | ||||
-rw-r--r-- | templates/index.hbs | 468 |
2 files changed, 785 insertions, 0 deletions
diff --git a/templates/base.hbs b/templates/base.hbs new file mode 100644 index 0000000..a16e6eb --- /dev/null +++ b/templates/base.hbs @@ -0,0 +1,317 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <title> + Tutoring Excellence Online and in Hampton Roads, VA - Carpenter Tutoring, + LLC + </title> + <style> + /* 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; + } + + section { + font-size: 1.5em; + margin: 0; + padding: 1em; + } + + section.quiet { + background-color: white; + } + + .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; + } + + table { + width: 100%; + border-collapse: collapse; + } + + 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; + } + </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 Hampton Roads, VA" /> + <meta property="og:description" content="Tutoring excellence online and in-person" /> + <meta property="og:image" content="http://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 Hampton Roads, VA - Carpenter Tutoring, LLC" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://carpentertutoring.com" /> +</head> + +<body> + <nav> + <a href="/#contact">Contact Me</a> + <a href="/#reviews">Reviews</a> + <a href="/about">About</a> + <a href="/policies">Policies</a> + <a href="/#pricing">Pricing</a> + <a href="/#offerings">Offerings</a> + <a href="/#"><img src="/assets/logo-simple.png" /></a> + </nav> + + <main> + {{~> main}} + </main> + + <footer> + <figure class="logo"> + <picture> + <source srcset="/assets/logo.webp" type="image/webp" /> + <source srcset="/assets/logo.png" type="image/png" /> + <img src="/assets/logo.png" /> + </picture> + </figure> + <p> + © + <!-- TODO:<?php echo date('Y'); ?>--> + 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/index.hbs b/templates/index.hbs new file mode 100644 index 0000000..bb2c33e --- /dev/null +++ b/templates/index.hbs @@ -0,0 +1,468 @@ +{{#> base}} +{{#*inline "main"}} +<!--banner--> +<section class="banner"> + <h1>CARPENTER TUTORING</h1> + <h2> + <b>Discovering <em>your</em> path to success</b> + </h2> + + <div class="buttons"> + <a class="button" href="/#contact"> <img src="/assets/icons/email-variant.svg" alt="mailbox" /> Send a + message</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 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. I offer in-person sessions throughout the Hampton Roads + area and remote sessions anywhere in the country. Most of my + offerings are one-on-one, and group sessions and classes are also + available. 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 my site to learn more about the <a href="/#offerings"> + services I offer + </a>, + <a href="/about">my background</a> + , + and some of <a href="/policies">my policies</a>. Thank you for visiting, and + please do not hesitate to reach out with any questions. I would 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 src="/assets/signature.png" /> + </picture> + </figure> + + </div> + + <figure class="shadowy"> + <picture> + <source srcset="/assets/amy.webp" type="image/webp" /> + <source srcset="/assets/amy.png" type="image/png" /> + <img src="/assets/amy.png" /> + </picture> + <figcaption>Amy Carpenter, M.Ed.</figcaption> + </figure> +</section> + +<!-- offering modals --> +<div id="offering-subject-tutoring" class="modal"> + <div class="card"> + <p> + My regular subject specific offerings include: + + <ul> + <li> All levels of reading/language arts/English</li> + <li> Writing (formal and creative)</li> + <li> All levels of Latin</li> + <li> Math through Algebra II/Geometry</li> + <li> Introductory Biology, Physics, and Chemistry (not at the honors or 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> 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> + Instruments offered include piano, guitar, drums, and voice. + Instrument 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> <b>$30 option</b>: Considers math and language arts materials, + satisfies proof of progress with a personalized letter and evaluator + credentials </p> + <p><b>$70 option</b>: Considers at least math and language arts materials + plus any other subject(s) you desire, 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. + </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>Instrument 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> + +<!-- pricing --> +<section class="quiet" id="pricing"> + <h2>Pricing Guide</h2> + + <table> + <tbody> + <tr> + <td></td> + <td>Remote</td> + <td>In-Person</td> + </tr> + + <tr> + <th> + <a href="#offering-subject-tutoring">Subject</a>, <a href="#offering-time-management">Time + Management</a>, <a href="#offering-study-skills">Study Skills Tutoring</a>, <a + href="#offering-music-lessons">Music Lessons</a> + </th> + <td>$50/hr</td> + <td>$60/hr</td> + </tr> + + <tr> + <th> + <a href="#offering-academic-coaching">Academic Coaching</a>, <a + href="#offering-dissertation-coaching">Dissertation Coaching</a>, <a + href="#offering-test-prep">Test Prep</a>, <a href="#offering-college-prep">College + Application Assistance</a> + </th> + <td>$60/hr</td> + <td>$70/hr</td> + </tr> + + <tr> + <th>Small Group Sessions, Group Lessons</th> + <td>$30/hr</td> + <td>$40/hr</td> + </tr> + <tr> + <th><a href="#offering-evals">Simplified Homeschool Evaluations</a></th> + <td colspan="2">$30</td> + </tr> + <tr> + <th><a href="#offering-evals">Detailed Homeschool Evaluations</a></th> + <td colspan="2">$70</td> + </tr> + </tbody> + </table> + + <h3> + <a href="/policies">See a list of my policies and procedures regarding scheduling, + payment, and booking.</a> + </h3> + +</section> + +<!-- contact box --> +<section id="contact"> + + <form class="card" action="/#contact" method="post"> + <h2>Contact</h2> + + <label for="name">Name</label> + <input name="name" type="text" id="name" placeholder="Jane Doe" required /> + + <label for="email">Email Address</label> + <input name="email" type="email" id="email" placeholder="jdoe85@aol.com" required /> + + <label for="body">Question/Comment</label> + <textarea name="body" id="body" + placeholder="Briefly describe your inquiry, including any services or areas of study you're interested in." + required></textarea> + + <button type="submit" class="button"><img src="/assets/icons/send-circle.svg" alt="send" />Send</button> + </form> + +</section> + +<!-- reviews --> +<section id="reviews"> + + <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> + + <div class="card"> + <h2>Marie & Robert</h2> + <blockquote> + I highly recommend Amy as a dissertation coach. Amy is a very kind + and patient person. Over the time we worked together, she helped me + take down the barriers that were preventing me from moving forward + in my process and assisted me in creating a plan to get to the + finish line and achieve my goal. She was very helpful with revising + and editing my writing to strengthen it. She helped me think + creatively, so I could clarify and expand upon my findings. Amy not + only pointed out grammatical errors and typos, but she made sure I + was able to keep my voice consistent in my writing. Because of her, + I was able to finish my doctoral degree, something that I will be + forever grateful to her for. + </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>Lee Crabtree</h2> + <blockquote> + Amy is a wonderful tutor who helped my child (who does not like + help at all) though [sic] 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> + +</section> +{{/inline}} +{{/base}} |