diff options
Diffstat (limited to '_layouts/index.liquid')
| -rw-r--r-- | _layouts/index.liquid | 667 |
1 files changed, 153 insertions, 514 deletions
diff --git a/_layouts/index.liquid b/_layouts/index.liquid index 13ffcfc..80483bb 100644 --- a/_layouts/index.liquid +++ b/_layouts/index.liquid @@ -1,517 +1,156 @@ <!DOCTYPE html> <html lang="en"> - <head> - {% include "head.liquid" %} - {% include "style.liquid" %} - </head> - - <body class="has-navbar-fixed-top is-size-4-desktop"> - {% include "nav.liquid" %} - - <!-- title, slogan, phone --> - <section class="section has-text-right has-banner"> - <div class="banner"> - <div class="container"> - <h1 class="title is-2 has-text-shadow"> - CARPENTER TUTORING - </h1> - <h2 class="subtitle is-3 has-text-shadow"> - <b>Discovering <em>your</em> path to success</b> - </h2> - <div class="buttons is-right"> - <a - class="button is-large is-rounded is-link" - href="tel:1-757-335-7555" - > - Call (757) 335-7555 - </a> - <a class="button is-large is-rounded is-primary" href="#contact"> - Contact me by email - </a> - </div> - </div> - </div> - </section> - - <!-- intro blurb, logo --> - <section class="section quiet"> - <div class="container"> - <div class="columns"> - <div class="column"> - <div class="content"> - {% for line in site.data.content.blurb %} - <p>{{ line }}</p> - {% endfor %} - </div> - </div> - <div class="column is-one-third"> - <div class="box"> - <figure class="image"> - <img src="/assets/amy.jpg" /> - </figure> - </div> - </div> - </div> - </div> - </section> - - <!-- offerings --> - <section class="section" id="offerings"> - <div class="container"> - <div class="columns"> - <div class="column is-one-fourth"> - <div - id="offering-1" - class="box offering darkgreen" - onclick="showOffering(this)" - > - <div class="content has-text-centered"> - <p> - <em>Subject Tutoring</em> - </p> - <p>Tutoring for specific courses or disciplines.</p> - <p> - <em><u>Learn more...</u></em> - </p> - </div> - </div> - </div> - - <div class="column is-one-fourth"> - <div - id="offering-2" - class="box offering darkerteal" - onclick="showOffering(this)" - > - <div class="content has-text-centered"> - <p> - <em>Time Management</em> - </p> - <p> - Personalized plans for managing academics, extracurriculars, - and other commitments. - </p> - <p> - <em><u>Learn more...</u></em> - </p> - </div> - </div> - </div> - - <div class="column is-one-fourth"> - <div - id="offering-3" - class="box offering darkgreen" - onclick="showOffering(this)" - > - <div class="content has-text-centered"> - <p> - <em>Study Skills</em> - </p> - <p>Learn how to make the most of your study time.</p> - <p> - <em><u>Learn more...</u></em> - </p> - </div> - </div> - </div> - - <div class="column is-one-fourth"> - <div - id="offering-4" - class="box offering darkerteal" - onclick="showOffering(this)" - > - <div class="content has-text-centered"> - <p> - <em>Academic Coaching </em> - </p> - <p> - Time management and study skills blended with continuing - accountability. - </p> - <p> - <em><u>Learn more...</u></em> - </p> - </div> - </div> - </div> - </div> - </div> - - <div class="container"> - <div class="columns"> - <div class="column is-one-fourth"> - <div - id="offering-5" - class="box offering green" - onclick="showOffering(this)" - > - <div class="content has-text-centered"> - <p><em>College Prep</em></p> - <p> - ACT & SAT preparation and assistance with college - application essays. - </p> - <p> - <em><u>Learn more...</u></em> - </p> - </div> - </div> - </div> - - <div class="column is-one-fourth"> - <div - id="offering-6" - class="box offering darkteal" - onclick="showOffering(this)" - > - <div class="content has-text-centered"> - <p><em>College-Level Writing</em></p> - <p> - Get a head start on meeting professors' expectations. - </p> - <p> - <em><u>Learn more...</u></em> - </p> - </div> - </div> - </div> - - <div class="column is-one-fourth"> - <div - id="offering-7" - class="box offering green" - onclick="showOffering(this)" - > - <div class="content has-text-centered"> - <p><em>Group Webinars</em></p> - <p> - Participate in general workshops and pre-planned courses from - the comfort of home. - </p> - <p> - <em><u>Learn more...</u></em> - </p> - </div> - </div> - </div> - - <div class="column is-one-fourth"> - <div - id="offering-8" - class="box offering darkteal" - onclick="showOffering(this)" - > - <div class="content has-text-centered"> - <p><em>Parent Consultations</em></p> - <p> - For parents seeking advice for facilitating their child's - learning. - </p> - <p> - <em><u>Learn more...</u></em> - </p> - </div> - </div> - </div> - </div> - </div> - </section> - - <!-- about pic and text --> - <section class="section quiet" id="about"> - <div class="container"> - <div class="columns is-vcentered"> - <div class="column is-one-third"> - <figure class="image"> - <img src="/assets/logo.png" /> - </figure> - </div> - <div class="column"> - <div class="content"> - {% for line in site.data.content.about %} - <p>{{ line }}</p> - {% endfor %} - </div> - </div> - </div> - </div> - </section> - - <!-- contact box, additional contact and tutoring info --> - <section class="section" id="contact"> - <div class="container"> - <div class="columns"> - <div class="column is-one-third"> - <div class="box"> - <form name="inquiry"> - <div class="field"> - <div class="control has-icons-left"> - <span class="icon"> - <i class="iconify" data-icon="mdi-account"></i> - </span> - <input - name="name" - class="input is-rounded" - type="text" - placeholder="name" - /> - </div> - </div> - <div class="field"> - <div class="control has-icons-left"> - <span class="icon"> - <i class="iconify" data-icon="mdi-email"></i> - </span> - <input - name="from" - class="input is-rounded" - type="text" - placeholder="email address" - /> - </div> - </div> - <div class="field"> - <div class="control"> - <textarea - name="body" - class="textarea" - placeholder="question/comment" - spellcheck="true" - ></textarea> - </div> - </div> - <div class="field is-grouped is-grouped-right"> - <div class="control"> - <button class="button is-rounded is-primary" type="submit"> - <span class="icon"> - <i class="iconify" data-icon="mdi-check"></i> - </span> - <span> - Submit - </span> - </button> - </div> - </div> - - <div - id="errorBox" - class="notification is-danger" - style="display: none;" - ></div> - <div - id="successBox" - class="notification is-success" - style="display: none;" - > - Message sent! - </div> - </form> - </div> - </div> - - <div class="column"> - <div class="box"> - <div class="content"> - <ul> - {% for line in site.data.content.policies %} - <li>{{ line }}</li> - {% endfor %} - </ul> - </div> - </div> - </div> - </div> - </div> - </section> - - {% include "footer.liquid" %} - - <!-- offering modals, hidden by default --> - <div id="offering-1-modal" class="modal fadeIn"> - <div class="modal-background" onclick="hideOffering(this)"></div> - <div class="modal-content"> - <div class="box offering darkgreen"> - <div class="content"> - <ul> - <li>All levels of reading/Language Arts/English</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> - <li>Writing skills</li> - </ul> - </div> - </div> - </div> - <button - class="modal-close is-large" - onclick="hideOffering(this)" - ></button> - </div> - - <div id="offering-2-modal" class="modal fadeIn"> - <div class="modal-background" onclick="hideOffering(this)"></div> - <div class="modal-content"> - <div class="box offering darkerteal"> - <div class="content"> - <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> - </div> - </div> - </div> - <button - class="modal-close is-large" - onclick="hideOffering(this)" - ></button> - </div> - - <div id="offering-3-modal" class="modal fadeIn"> - <div class="modal-background" onclick="hideOffering(this)"></div> - <div class="modal-content"> - <div class="box offering darkgreen"> - <div class="content"> - <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> - </div> - </div> - </div> - <button - class="modal-close is-large" - onclick="hideOffering(this)" - ></button> - </div> - - <div id="offering-4-modal" class="modal fadeIn"> - <div class="modal-background" onclick="hideOffering(this)"></div> - <div class="modal-content"> - <div class="box offering darkerteal"> - <div class="content"> - <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> - </div> - </div> - </div> - <button - class="modal-close is-large" - onclick="hideOffering(this)" - ></button> - </div> - - <div id="offering-5-modal" class="modal fadeIn"> - <div class="modal-background" onclick="hideOffering(this)"></div> - <div class="modal-content"> - <div class="box offering green"> - <div class="content"> - <p> - Prepare for standardized college entrance exams with one-on-one - content instruction and practice testing. Additionally, learn how - to write an attention-grabbing personal essay for college - applications, and receive guidance on institution-specific - supplemental essays. - </p> - </div> - </div> - </div> - <button - class="modal-close is-large" - onclick="hideOffering(this)" - ></button> - </div> - - <div id="offering-6-modal" class="modal fadeIn"> - <div class="modal-background" onclick="hideOffering(this)"></div> - <div class="modal-content"> - <div class="box offering darkteal"> - <div class="content"> - <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> - </div> - </div> - </div> - <button - class="modal-close is-large" - onclick="hideOffering(this)" - ></button> - </div> - - <div id="offering-7-modal" class="modal fadeIn"> - <div class="modal-background" onclick="hideOffering(this)"></div> - <div class="modal-content"> - <div class="box offering green"> - <div class="content"> - <p> - Join a small group of peers online to learn and grow together. - One-session webinars include overviews of time management - techniques and study skills and are best suited to high school and - college students. Pre-planned courses, including SAT Prep, ACT - Prep, and College Transition, meet once per week for five weeks at - a time. Pay $30 per session or save 10% and buy as a package for - $135! Webinars will be hosted through password-protected Zoom - meetings. Participants will receive the Zoom link and weekly - password through e-mail. - </p> - </div> - </div> - </div> - <button - class="modal-close is-large" - onclick="hideOffering(this)" - ></button> - </div> - - <div id="offering-8-modal" class="modal fadeIn"> - <div class="modal-background" onclick="hideOffering(this)"></div> - <div class="modal-content"> - <div class="box offering darkteal"> - <div class="content"> - <p> - After I have worked with your student for a few sessions, you may - request a Parent Consultation during which I will discuss the - strengths and areas for improvement I have seen in your child and - the ways you may be able to help. All parents want to help their - children succeed, but sometimes the way we offer that assistance - is not the way children want to receive it. Learn how to meet your - child where they are and support them in ways which resonate with - their unique needs. These sessions are not tell-alls of what your - student and I discuss during our sessions, as I feel that trust is - central to successful tutoring relationships. - </p> - </div> - </div> - </div> - <button - class="modal-close is-large" - onclick="hideOffering(this)" - ></button> - </div> - - <script src="app.js" type="text/javascript"></script> - </body> + <head> + <title>{{ page.title }}</title> + {% include "head.liquid" %} {% include "style.liquid" %} + </head> + + <body class="has-navbar-fixed-top is-size-4-desktop"> + {% include "nav.liquid" %} + + <!-- title, slogan, phone --> + <section class="section has-text-right has-banner"> + <div class="banner"> + <div class="container"> + <h1 class="title is-2 has-text-shadow"> + CARPENTER TUTORING + </h1> + <h2 class="subtitle is-3 has-text-shadow"> + <b>Discovering <em>your</em> path to success</b> + </h2> + <div class="buttons is-right"> + <a + class="button is-large is-rounded is-link" + href="tel:1-757-335-7555" + > + Call (757) 335-7555 + </a> + <a class="button is-large is-rounded is-primary" href="#contact"> + Contact me by email + </a> + </div> + </div> + </div> + </section> + + <!-- intro blurb, logo --> + <section class="section quiet"> + <div class="container"> + <div class="columns"> + <div class="column"> + <div class="content"> + {% for line in site.data.content.blurb %} + <p>{{ line }}</p> + {% endfor %} + </div> + </div> + <div class="column is-one-third"> + <div class="box"> + <figure class="image"> + <img src="/assets/amy.jpg" /> + </figure> + </div> + </div> + </div> + </div> + </section> + + <!-- offerings --> + <section class="section" id="offerings"> + <div class="container"> + <div class="columns is-multiline is-centered"> + {% for offering in site.data.offerings %} + <div class="column is-3"> + <div + id="offering-{{ offering.id }}" + class="box offering {{ offering.color }}" + onclick="showOffering(this)" + > + <div class="content has-text-centered"> + <p> + <em>{{ offering.name }}</em> + </p> + <p> + {{ offering.highlight }} + </p> + <p> + <em><u>Learn more...</u></em> + </p> + </div> + </div> + </div> + {% endfor %} + </div> + </div> + </section> + + <!-- offering modal (hidden by default) --> + {% for offering in site.data.offerings %} + <div id="offering-{{ offering.id }}-modal" class="modal fadeIn"> + <div class="modal-background" onclick="hideOffering(this)"></div> + <div class="modal-content"> + <div class="box offering {{ offering.color }}"> + <div class="content"> + {{ offering.description }} + </div> + </div> + </div> + <button + class="modal-close is-large" + onclick="hideOffering(this)" + ></button> + </div> + {% endfor %} + + <!-- about pic and text --> + <section class="section quiet" id="about"> + <div class="container"> + <div class="columns is-vcentered"> + <div class="column is-one-third"> + <figure class="image"> + <img src="/assets/logo.png" /> + </figure> + </div> + <div class="column"> + <div class="content"> + {% for line in site.data.content.about %} + <p>{{ line }}</p> + {% endfor %} + </div> + </div> + </div> + </div> + </section> + + <!-- contact box, additional contact and tutoring info --> + <section class="section" id="contact"> + <div class="container"> + <div class="columns"> + <div class="column is-one-third"> + <div class="box"> + {% include "contact-form.liquid" %} + </div> + </div> + + <div class="column"> + <div class="box"> + <div class="content"> + <ul> + {% for line in site.data.content.policies %} + <li>{{ line }}</li> + {% endfor %} + </ul> + </div> + </div> + </div> + </div> + </div> + </section> + + {% include "footer.liquid" %} + + <script src="/scripts/iconify.min.js" type="text/javascript"></script> + <script src="/scripts/index.js" type="text/javascript"></script> + <script src="/scripts/smtp.js" type="text/javascript"></script> + </body> </html> |