From 60915408f6b9549dd8f0279ab3f715f1a32dea15 Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Mon, 27 Apr 2020 21:08:02 -0400 Subject: finished offerings --- src/html/index.html | 407 ++++++++++++++++++++++++++++++++++++++-------------- src/js/index.js | 14 +- src/scss/index.scss | 34 +++-- 3 files changed, 335 insertions(+), 120 deletions(-) diff --git a/src/html/index.html b/src/html/index.html index 96ab6c5..2920e48 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -113,154 +113,163 @@ - +
-
-
-
-
-

Subject Tutoring

-
-
-
-

Tutoring for specific courses or disciplines.

-
+
+
+

+ Subject Tutoring +

+

Tutoring for specific courses or disciplines.

+

+ Learn more... +

-
-
-
-
-

Time Management

-
-
-
-

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

-
+
+
+

+ Time Management +

+

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

+

+ Learn more... +

-
-
-
-
-

Study Skills

-
-
-
-
-

Learn how to make the most of your study time.

-
-
+
+
+

+ Study Skills +

+

Learn how to make the most of your study time.

+

+ Learn more... +

-
-
-
-
-

Academic Coaching

-
-
-
-
-

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

-
-
+
+
+

+ Academic Coaching +

+

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

+

+ Learn more... +

+
-
-
-
-
-

College Prep

-
-
-
-

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

-
+
+
+

College Prep

+

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

+

+ Learn more... +

-
-
-
-
-

College-Level Writing

-
-
-
-

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

-
+
+
+

College-Level Writing

+

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

+

+ Learn more... +

-
-
-
-
-

Group Webinars

-
-
-
-
-

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

-
-
+
+
+

Group Webinars

+

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

+

+ Learn more... +

-
-
-
-
-

Parent Consultations

-
-
-
-
-

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

-
-
+
+
+

Parent Consultations

+

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

+

+ Learn more... +

@@ -446,7 +455,7 @@
-
+

© 2020 Carpenter Tutoring, LLC. All rights reserved.

@@ -459,6 +468,190 @@
+ + + + + + + + + + + + + + + + + diff --git a/src/js/index.js b/src/js/index.js index 77cdf65..8f3a987 100644 --- a/src/js/index.js +++ b/src/js/index.js @@ -1,5 +1,15 @@ +const showOffering = function(element) { + const offeringModal = document.getElementById(element.id + "-modal"); + offeringModal.classList.add("is-active"); +} + +const hideOffering = function(element) { + element.parentElement.classList.remove("is-active"); +} + /* * Adds an event listener to all burgers to toggle navbar menu on click. + * TODO: would be better off as a single function and onclicks inlined in html */ document.addEventListener('DOMContentLoaded', function () { const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); @@ -55,9 +65,9 @@ document.forms.inquiry.onsubmit = function() { Email.send({ SecureToken : "cec9bc04-de48-48fd-b1ad-a95cffb41468", - To : "atc@53hor.net", + To : "amy@carpentertutoring.com", From : fromEmail, - Subject : "Inquiry: " + name, + Subject : "Tutoring Inquiry from " + name, Body : body, }).then(message => { if (message == "OK") { diff --git a/src/scss/index.scss b/src/scss/index.scss index 79ed71d..67f41a5 100644 --- a/src/scss/index.scss +++ b/src/scss/index.scss @@ -41,31 +41,29 @@ $body-font-size: 1.25rem; @import "../../node_modules/bulma/sass/layout/_all.sass"; @import "../../node_modules/bulma/sass/grid/_all.sass"; -// Palette +.offering { + color: white; +} +.offering .content u { + cursor: pointer; +} +.column .offering { + border: 1em solid $darkgray; +} .darkteal { background-color: $darkteal; - border: 1em solid $darkgray; - color: white; } .green { background-color: $green; - border: 1em solid $darkgray; - color: white; } .darkerteal { background-color: $darkerteal; - border: 1em solid $darkgray; - color: white; } .darkgray { background-color: $darkgray; - border: 1em solid $darkgray; - color: white; } .darkgreen { background-color: $darkgreen; - border: 1em solid $darkgray; - color: white; } .blurb { @@ -127,6 +125,20 @@ $body-font-size: 1.25rem; text-shadow: 0px 0px 4px #ffffff; } +@keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +.fadeIn { + animation-name: fadeIn; + animation-duration: 0.3s; +} + body { background-image: url("/bg.png"); } -- cgit v1.2.3