summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorAdam T Carpenter <atc@53hor.net>2020-02-02 12:01:58 -0500
committerAdam T Carpenter <atc@53hor.net>2020-02-02 12:01:58 -0500
commit719bbb65c66021c44a62df96c33f0f63979c11b1 (patch)
treef9d2cafa0051a024c2960d94d7ca4a6898b1ada1 /src
downloadcarpentertutoring-719bbb65c66021c44a62df96c33f0f63979c11b1.tar.xz
carpentertutoring-719bbb65c66021c44a62df96c33f0f63979c11b1.zip
init
Diffstat (limited to 'src')
-rw-r--r--src/.index.html.swpbin0 -> 16384 bytes
-rw-r--r--src/about/index.html72
-rw-r--r--src/index.html222
-rw-r--r--src/nav-toggle.js23
-rw-r--r--src/offerings/index.html0
-rw-r--r--src/sass/.mystyles.scss.swpbin0 -> 12288 bytes
-rw-r--r--src/sass/mystyles.scss37
7 files changed, 354 insertions, 0 deletions
diff --git a/src/.index.html.swp b/src/.index.html.swp
new file mode 100644
index 0000000..30340b6
--- /dev/null
+++ b/src/.index.html.swp
Binary files differ
diff --git a/src/about/index.html b/src/about/index.html
new file mode 100644
index 0000000..868f34b
--- /dev/null
+++ b/src/about/index.html
@@ -0,0 +1,72 @@
+<!-- contact info, about me -->
+<hr>
+<section class="section" id="about">
+ <div class="columns is-vcentered">
+ <!-- contact -->
+ <div class="column has-text-centered is-one-third">
+ <div class="card">
+ <div class="card-content">
+ <!--<figure class="image">
+ <img src="https://nextcloud.53hor.net/s/FBnpbETYrsdRiKa/preview">
+ </figure>-->
+ </div>
+ <footer class="card-footer">
+ <p class="card-footer-item">
+ Facebook icon
+ </p>
+ <p class="card-footer-item">
+ Twitter icon
+ </p>
+ </footer>
+ </div>
+ </div>
+
+ <!-- about -->
+ <div class="column">
+ <div class="container">
+ <div class="content">
+ <p>
+ School is tricky, and there is no universal pathway
+ to success. I started Carpenter Tutoring for those
+ seeking a little help finding their way.
+ </p>
+ <p>
+ I received my B.A. from The College of William and
+ Mary in 2018 and will receive my M.Ed from W&amp;M
+ in 2020. As an undergraduate, I worked and was
+ trained as a tutor at W&amp;M's peer tutoring
+ center, the Tribe TutorZone. During this period, I
+ conducted over 150 one-on-one appointments with
+ W&amp;M students in 26 different content areas. I
+ earned lifetime Advanced Tutor Certification, the
+ highest level W&amp;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 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.
+ </p>
+ <p>
+ Thank you for considering Carpenter Tutoring.
+ </p>
+ <p>
+ -- Amy Carpenter
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..b5024b6
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta property="og:type" content="website">
+ <meta property="og:site_name" content="Carpenter Tutoring">
+ <meta property="og:title" content="Carpenter Tutoring">
+ <meta property="og:description" content="">
+ <meta property="og:url" content="">
+ <meta property="og:image" content="">
+ <title>Carpenter Tutoring</title>
+ <link rel="stylesheet" href="css/mystyles.css">
+ </head>
+
+ <body class="">
+ <!-- navigation -->
+ <nav class="navbar is-transparent">
+ <div class="navbar-brand">
+ <a class="navbar-item" href="/">
+ LOGO
+ </a>
+ <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ </a>
+ </div>
+ <div class="navbar-menu" id="navMenu">
+ <div class="navbar-start">
+ </div>
+ <div class="navbar-end">
+ <a class="navbar-item" href="/about">
+ About Me
+ </a>
+ <a class="navbar-item" href="/offerings">
+ Offerings
+ </a>
+ <!--
+ <a class="navbar-item" href="#testimonials">
+ Testimonials
+ </a>-->
+ <a class="navbar-item" href="#contact">
+ Contact Me
+ </a>
+ </div>
+ </div>
+ </nav>
+
+ <!-- banner -->
+ <section class="hero is-primary is-medium">
+ <div class="hero-head">
+ </div>
+ <div class="hero-body">
+ <div class="container has-text-centered">
+ <h1 class="title is-1">
+ Carpenter Tutoring
+ </h1>
+ <h2 class="subtitle is-2">
+ Discover <em>your</em> path to success
+ </h2>
+ </div>
+
+ <div class="container">
+ <div class="buttons is-centered are-medium">
+ <button class="button is-rounded">
+ Call (330) 780-6320
+ </button>
+ <button class="button is-rounded is-light is-outlined">
+ Or Send an Email
+ </button>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <!-- contact info, about me -->
+ <hr>
+ <section class="section" id="about">
+ <div class="columns is-vcentered">
+ <!-- contact -->
+ <div class="column has-text-centered is-one-third">
+ <div class="card">
+ <div class="card-content">
+ <!--<figure class="image">
+ <img src="https://nextcloud.53hor.net/s/FBnpbETYrsdRiKa/preview">
+ </figure>-->
+ </div>
+ <footer class="card-footer">
+ <p class="card-footer-item">
+ Facebook icon
+ </p>
+ <p class="card-footer-item">
+ Twitter icon
+ </p>
+ </footer>
+ </div>
+ </div>
+
+ <!-- about -->
+ <div class="column">
+ <div class="container">
+ <div class="content">
+ <p>
+ School is tricky, and there is no universal pathway
+ to success. I started Carpenter Tutoring for those
+ seeking a little help finding their way.
+ </p>
+ <p>
+ I received my B.A. from The College of William and
+ Mary in 2018 and will receive my M.Ed from W&amp;M
+ in 2020. As an undergraduate, I worked and was
+ trained as a tutor at W&amp;M's peer tutoring
+ center, the Tribe TutorZone. During this period, I
+ conducted over 150 one-on-one appointments with
+ W&amp;M students in 26 different content areas. I
+ earned lifetime Advanced Tutor Certification, the
+ highest level W&amp;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 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.
+ </p>
+ <p>
+ Thank you for considering Carpenter Tutoring.
+ </p>
+ <p>
+ -- Amy Carpenter
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <!-- offerings -->
+ <section class="hero is-primary" id="offerings">
+ <div class="hero-body">
+ <div class="columns">
+ <div class="column is-3 has-text-centered">
+ <h3 class="title is-4">
+ Tutoring Help
+ </h3>
+ <p>
+ Numerous subjects, disciplines, and levels
+ </p>
+ </div>
+ <div class="column is-3 has-text-centered">
+ <h3 class="title is-4">
+ Academic Coaching
+ </h3>
+ Assisted learning and time management
+ </p>
+ </div>
+ <div class="column is-3 has-text-centered">
+ <h3 class="title is-4">
+ SAT/ACT Prep.
+ </h3>
+ <p>
+ Test-taking strategies and essay writing
+ </p>
+ </div>
+ <div class="column is-3 has-text-centered">
+ <h3 class="title is-4">
+ Group Webinars
+ </h3>
+ <p>
+ Facilitated online group learning
+ </p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <!-- testimonials and reviews -->
+ <!--<section class="section" id="testimonials">
+ <div class="container has-text-centered">
+ <h2 class="subtitle">
+ Testimonials
+ </h2>
+ </div>
+ </section>-->
+
+
+ <div class="columns is-mobile is-multiline is-centered">
+ </div>
+
+
+ <!-- footer -->
+ <footer class="footer">
+ <div class="content has-text-centered">
+ <p>
+ &copy; 2020 Carpenter Tutoring. All rights reserved.
+ </p>
+ <p>
+ Something wrong?
+ <a href="mailto:webmaster@carpentertutoring.com">
+ Tell the webmaster.
+ </a>
+ </p>
+ </div>
+ </footer>
+
+ <!-- JavaScript -->
+ <script type="text/javascript" src="nav-toggle.js"></script>
+ </body>
+</html>
diff --git a/src/nav-toggle.js b/src/nav-toggle.js
new file mode 100644
index 0000000..daf8ecb
--- /dev/null
+++ b/src/nav-toggle.js
@@ -0,0 +1,23 @@
+/*
+ * Adds an event listener to all burgers to toggle navbar menu on click.
+ */
+document.addEventListener('DOMContentLoaded', function () {
+ // get all navbar-burger elements
+ const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+
+ // check if there are any navbar burgers
+ if ($navbarBurgers.length > 0) {
+ // add a click event on each of them
+ $navbarBurgers.forEach(function(el) {
+ el.addEventListener('click', function () {
+ // get the target from the 'data-target' attribute
+ const target = el.dataset.target;
+ const $target = document.getElementById(target);
+
+ // toggle the 'is-active' class on both the 'navbar-burger' and the 'navbar-menu'
+ el.classList.toggle('is-active');
+ $target.classList.toggle('is-active');
+ });
+ });
+ }
+});
diff --git a/src/offerings/index.html b/src/offerings/index.html
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/offerings/index.html
diff --git a/src/sass/.mystyles.scss.swp b/src/sass/.mystyles.scss.swp
new file mode 100644
index 0000000..4865d95
--- /dev/null
+++ b/src/sass/.mystyles.scss.swp
Binary files differ
diff --git a/src/sass/mystyles.scss b/src/sass/mystyles.scss
new file mode 100644
index 0000000..f68a6a9
--- /dev/null
+++ b/src/sass/mystyles.scss
@@ -0,0 +1,37 @@
+@charset "utf-8";
+
+
+// Import Google Fonts
+@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
+
+
+// Set brand colors
+$pine-green: #01646d;
+$midnight-green: #114b5f;
+$eton-blue: #88d498;
+$pastel-gray: #c6dabf;
+$isabelline: #f7f4ea;
+
+// Update Bulma's global variables
+$primary: $pine-green;
+$link: $midnight-green;
+// $info: $cyan
+$success: $eton-blue;
+// $warning: $yellow
+// $danger: $red
+// $dark: $grey-darker
+// $text: $grey-dark
+// $family-sans-serif: "Nunito", sans-serif;
+$hr-background-color: $primary;
+
+$body-background-color: $isabelline;
+
+
+// Import only what you need from Bulma
+@import "../../node_modules/bulma/sass/utilities/_all.sass";
+@import "../../node_modules/bulma/sass/base/_all.sass";
+@import "../../node_modules/bulma/sass/elements/_all.sass";
+@import "../../node_modules/bulma/sass/form/_all.sass";
+@import "../../node_modules/bulma/sass/components/_all.sass";
+@import "../../node_modules/bulma/sass/layout/_all.sass";
+@import "../../node_modules/bulma/sass/grid/_all.sass";