From ac6ea8dc4da8be20f69088ee71f32b05339c910c Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Thu, 23 Apr 2020 18:01:31 -0400 Subject: added temporary flip cards, ran through htmlhint and prettier --- TODO.md | 1 + package.json | 4 +- src/html/index.html | 858 ++++++++++++++++++++++++++++-------------------- src/js/index.js | 12 +- src/scss/flip-card.scss | 31 ++ src/scss/index.scss | 2 + 6 files changed, 541 insertions(+), 367 deletions(-) create mode 100644 TODO.md create mode 100644 src/scss/flip-card.scss diff --git a/TODO.md b/TODO.md new file mode 100644 index 0000000..1e0bfc0 --- /dev/null +++ b/TODO.md @@ -0,0 +1 @@ +- change figure image of Amy to a media card with social links and caption(s) diff --git a/package.json b/package.json index 6313564..4e913a9 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,7 @@ "onchange": "^6.1.0" }, "scripts": { - "start": "run-p serve watch", + "serve": "run-p browser watch", "css:dev": "node-sass src/scss/index.scss dist/css/index.css", "js:dev": "cp -r src/js/* dist/js", "clean": "rm -rf dist/", @@ -25,7 +25,7 @@ "prebuild:dev": "npm run clean && npm run mkdirs && npm run copy", "build:dev": "npm run css:dev && npm run js:dev", "preserve": "npm run build:dev", - "serve": "browser-sync start -s --no-open --files 'dist/**/*' --ss 'dist' --port 8080 --reload-debounce 500", + "browser": "browser-sync start -s --no-open --files 'dist/**/*' --ss 'dist' --port 8080 --reload-debounce 500", "watch:assets": "onchange 'src/assets/**/*' -- npm run copy:assets", "watch:html": "onchange 'src/html/**/*' -- npm run copy:html", "watch:css": "onchange 'src/scss/**/*' -- npm run css:dev", diff --git a/src/html/index.html b/src/html/index.html index 51d4d78..d4f5b61 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -1,378 +1,518 @@ - - - - - - - - - - - Carpenter Tutoring - - + + + + + + + + + + + Carpenter Tutoring + + - - - + + + - -
- -
+ +
+ +
- -
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Mauris eget lobortis erat. Vivamus venenatis nec quam vitae - vulputate. Class aptent taciti sociosqu ad litora torquent - per conubia nostra, per inceptos himenaeos. Vestibulum ante - ipsum primis in faucibus orci luctus et ultrices posuere - cubilia Curae; Cras nec aliquam purus, nec ornare urna. - Phasellus accumsan vitae elit sed fringilla. Nulla - porttitor magna eget ipsum ultricies malesuada quis a - ipsum. -

-
-
-
-
- -
-
-
-
-
-
+ +
+
+
+
+
+

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

+

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

+

+ Prices vary based on content area and delivery method but + typically range around $30 per hour for group sessions and + $50-60 per hour for one-on-one sessions. That being said, I + never want cost to be a prohibitive factor. All prices are + negotiable, and I offer flexible payment arrangements when + needed. 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 scroll down to learn more about the services I + offer, my background, and some of my policies. Thank you for + visiting, and please do not hesitate to reach out with any + questions. I would be thrilled to assist you! +

+
+
+
+
+
+ +
+
+
+
+
+
- -
-
-
+ +
+
+
+
+
+
+
+
+
+
+

Subject Tutoring

+
+
+
+
+
+
+

+ Tutoring for specific courses or disciplines. +

+ +
+
+
+
+
+
+
+
+
+
+
+
+

Time Management

+
+
+
+
+
+
+

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

+
+
+
+
+
+
+
-
-
-
-
-

- Subject Tutoring -

-

- Tutoring for specific courses or disciplines. Click - here for a full list of courses covered. -

-
-
-
-
-
-
-

- Time Management -

-

- Personalized plans for managing academics, - extracurriculars, and other commitments. -

-
-
-
-
+
+
+
+
+
+
+
+

Study Skills

+
+
+
+
+
+
+
+

Learn how to make the most of your study time.

+
+
+
+
+
+
+
+
+
+
+
+
+
+

Academic Coaching

+
+
+
+
+
+
+

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

+
+
+
+
+
+
+
-
-
-
-
-

- Study Skills

- -

- Learn how to make the most of your study time. -

-
-
-
-
-
-
-

- Academic Coaching -

-

- Time management and study skills blended with - continuing accountability. -

-
-
-
-
+
+
+
+
+
+
+
+

College Prep

+
+
+
+
+
+
+

+ ACT & SAT preparation and assistance with college + application essays. +

+
+
+
+
+
+
+
+
+
+
+
+
+

College-Level Writing

+
+
+
+
+
+
+

+ Get a head start on meeting professors' expectations. +

+
+
+
+
+
+
+
-
-
-
-
-

- College Prep -

-

- ACT & SAT preparation and assistance with - college application essays. -

-
-
-
-
-
-
-

- College-Level Writing -

-

- Get a head start on meeting professors' - expectations. -

-
-
-
-
+
+
+
+
+
+
+
+

Group Webinars

+
+
+
+
+
+
+

+ Participate in general workshops and pre-planned + courses from the comfort of home. +

+
+
+
+
+
+
+
+
+
+
+
+
+

Parent Consultations

+
+
+
+
+
+
+

+ For parents seeking advice for facilitating their + child's learning. +

+
+
+
+
+
+
+
+
+
+
-
-
-
-
-

- Group Webinars -

-

- Participate in general workshops and pre-planned - courses from the comfort of home. -

-
-
-
-
-
-
-

- Parent Consultations -

-

- For parents seeking advice for facilitating their child's learning. -

-
-
-
-
+ +
+
+
+
+
+ +
+
+
+
+

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

+

+ I received my B.A. from The College of William and Mary in 2018 + and will receive 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 Tribe 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 Tribe 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. +

+
+
+
+
+
-
-
-
+ +
+
+
+
+
+
+
+
+ + + + +
+
+
+
+ + + + +
+
+
+
+ +
+
+
+
+ +
+
- -
-
-
-
-
- -
-
-
-
-

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

-

- I received my B.A. from The College of William and - Mary in 2018 and will receive 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 Tribe 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 Tribe 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. -

-

- Thank you for considering Carpenter Tutoring. -

-

- -- Amy Carpenter -

-
-
-
-
+ + +
+
+
- - +
+
+
+
    +
  • + Payment methods I accept payments in-person + through cash or checks made out to Amy Carpenter or through + PayPal. If you select to pay through PayPal, there is an + additional $1.50 processing fee per transaction. +
    • +
  • + Travel policy I travel to locations + throughout the Hampton Roads area, including: Suffolk, + Chesapeake, Norfolk, Virginia Beach, Isle of Wight, Newport + News, Yorktown, and Williamsburg. If you live outside of + these areas but are only interested in in-person + appointments, please contact me to make arrangements. +
    • +
  • + Remote sessions Remote sessions are + conducted from my home in Suffolk. I generally use + Zoom, which requires students + to download a free client on their computer or a free app on + their phone or tablet. I am happy to accommodate if you + prefer a different service. +
    • +
  • + Cancellation policy + Appointments can be cancelled up to 24 hours before the + start of the appointment free of charge. Appointments + cancelled within the 24-hour window and not rescheduled in + the near future will incur a late cancellation fee of $20. + Appointments for which no notice of cancellation is given + will be charged full price. All cancellation fees will be + waived for cancellations caused by emergencies. +
    • +
+
+
+
+
+
+
- -
-
-
-
-
-
-
-
- - - - -
-
-
-
- - - - -
-
-
-
- -
-
-
-
- -
-
+ + - - - -
-
-
- -
-
-

- Info about cancellation, contact info, travel, - payment methods, maybe different section IDK yet. -

-
-
-
-
-
- - - - - - - - + + + + diff --git a/src/js/index.js b/src/js/index.js index 0697b51..77cdf65 100644 --- a/src/js/index.js +++ b/src/js/index.js @@ -29,7 +29,7 @@ const disableSuccessBox = function() { } const enableErrorBox = function(message) { - let errorBox = document.getElementById("errorBox"); + const errorBox = document.getElementById("errorBox"); let aTag = document.createElement('a'); aTag.setAttribute("href", "mailto:amy@carpentertutoring.com"); aTag.innerText = message + " Click here to send through your mail client."; @@ -48,10 +48,10 @@ const enableSuccessBox = function() { document.forms.inquiry.onsubmit = function() { disableErrorBox(); disableSuccessBox(); - let form = document.forms.inquiry; - let name = form.elements.name.value; - let fromEmail = form.elements.from.value; - let body = form.elements.body.value; + const form = document.forms.inquiry; + const name = form.elements.name.value; + const fromEmail = form.elements.from.value; + const body = form.elements.body.value; Email.send({ SecureToken : "cec9bc04-de48-48fd-b1ad-a95cffb41468", @@ -59,7 +59,7 @@ document.forms.inquiry.onsubmit = function() { From : fromEmail, Subject : "Inquiry: " + name, Body : body, - }).then( message => { + }).then(message => { if (message == "OK") { form.reset(); enableSuccessBox(); diff --git a/src/scss/flip-card.scss b/src/scss/flip-card.scss new file mode 100644 index 0000000..1f9af5b --- /dev/null +++ b/src/scss/flip-card.scss @@ -0,0 +1,31 @@ +.flip-card { + perspective: 1000px; +} + +.flip-card-inner { + position: relative; + width: 100%; + height: 100%; + transition: transform 0.8s; + transform-style: preserve-3d; +} + +.flip-card:hover .flip-card-inner { + transform: rotateY(180deg); +} + +.flip-card-front, .flip-card-back { + position: absolute; + width: 100%; + height: 100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.flip-card-front { +} + +.flip-card-back { + transform: rotateY(180deg); +} + diff --git a/src/scss/index.scss b/src/scss/index.scss index 2b9aec2..59aac49 100644 --- a/src/scss/index.scss +++ b/src/scss/index.scss @@ -122,3 +122,5 @@ $body-font-size: 1.25rem; body { background-image: url("/bg.png"); } + +@import "./flip-card.scss"; -- cgit v1.2.3