good layout for content data; rebuild nearly complete

21 files changed, 1422 insertions, 23 deletions

diff --git a/.gitignore b/.gitignore
index e4c0585..8b71c6e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,4 @@
-node_modules/
+**/_site/
 dist/
 fonts.zip
-**/*.swp
+node_modules/
diff --git a/_bulma/package-lock.json b/_bulma/package-lock.json
new file mode 100644
index 0000000..60cd0df
--- /dev/null
+++ b/_bulma/package-lock.json
@@ -0,0 +1,13 @@
+{
+  "name": "_bulma",
+  "version": "1.0.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "bulma": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.8.2.tgz",
+      "integrity": "sha512-vMM/ijYSxX+Sm+nD7Lmc1UgWDy2JcL2nTKqwgEqXuOMU+IGALbXd5MLt/BcjBAPLIx36TtzhzBcSnOP974gcqA=="
+    }
+  }
+}
diff --git a/_bulma/package.json b/_bulma/package.json
new file mode 100644
index 0000000..4d85e96
--- /dev/null
+++ b/_bulma/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "_bulma",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "bulma": "^0.8.2"
+  }
+}
diff --git a/_cobalt.yml b/_cobalt.yml
index 71f2530..9530fcb 100644
--- a/_cobalt.yml
+++ b/_cobalt.yml
@@ -1,4 +1,4 @@
 site:
-  title: Carpenter Tutoring
+  title: CARPENTER TUTORING
   description: Private tutoring services in Hampton Roads, VA
   base_url: http://carpentertutoring.com
diff --git a/_data/content/about.yml b/_data/content/about.yml
new file mode 100644
index 0000000..f0da941
--- /dev/null
+++ b/_data/content/about.yml
@@ -0,0 +1,5 @@
+- 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 received 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.
diff --git a/_data/content/blurb.yml b/_data/content/blurb.yml
new file mode 100644
index 0000000..ca1eb0a
--- /dev/null
+++ b/_data/content/blurb.yml
@@ -0,0 +1,4 @@
+- 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!
diff --git a/_data/content/policies.yml b/_data/content/policies.yml
new file mode 100644
index 0000000..c0a4bbb
--- /dev/null
+++ b/_data/content/policies.yml
@@ -0,0 +1,4 @@
+- <strong>Payment methods</strong> 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.
+- <strong>Travel policy</strong> 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.
+- <strong>Remote sessions</strong> Remote sessions are conducted from my home in Suffolk. I generally use <a href="https://zoom.us/">Zoom</a>, 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.
+- <strong>Cancellation policy</strong> 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.
diff --git a/_data/offerings.yml b/_data/offerings.yml
new file mode 100644
index 0000000..ca0bc50
--- /dev/null
+++ b/_data/offerings.yml
@@ -0,0 +1,78 @@
+- name: Academic Coaching
+  highlight: >
+    Time management and study skills blended with continuing accountability
+  description: >
+    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.
+- name: College-Level Writing
+  highlight: >
+    Get a head start on meeting professors' expectations
+  description: >
+    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.
+- name: College Prep.
+  highlight: >
+    ACT & SAT preparation and assistance with college application essays
+  description: >
+    Prepare for standardized college entrace 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.
+- name: Group Webinars
+  highlight: >
+    Participate in general workshops and pre-planned courses from the comfort
+    of home.
+  description: >
+    Join a small group of peers online to learn and grow together. One-session
+    webinars include highlights 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. Webinars are hosted through
+    password-protected Zoom meetings. Participants will receive the link and
+    password weekly via e-mail.
+- name: Parent Consultations
+  highlight: >
+    For parents seeking advice for facilitating their child's learning
+  description: >
+    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.
+- name: Study Skills
+  highlight: >
+    Learn how to make the most of your study time
+  description: >
+    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.
+- name: Subject Tutoring
+  highlight: >
+    Tutoring for specific courses or disciplines
+  description: >
+    All levels of reading/language arts/English, all levels of Latin, math
+    through algebra II/geometry, introductory biology, physics, and chemistry
+    (not at the honors or AP level), and writing skills.
+- name: Time Management
+  highlight: >
+    Personalized plans for managing academics, extracurriculars, and other
+    commitments
+  description: >
+    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.
diff --git a/_includes/footer.liquid b/_includes/footer.liquid
new file mode 100644
index 0000000..c086a98
--- /dev/null
+++ b/_includes/footer.liquid
@@ -0,0 +1,13 @@
+<footer class="footer">
+	<div class="content has-text-centered">
+		<p>
+		&copy; 2020 Carpenter Tutoring, LLC. All rights reserved.
+		</p>
+		<p>
+		Something wrong?
+		<a href="mailto:webmaster@carpentertutoring.com">
+			Tell the webmaster.
+		</a>
+		</p>
+	</div>
+</footer>
diff --git a/_includes/head.liquid b/_includes/head.liquid
new file mode 100644
index 0000000..a1a082e
--- /dev/null
+++ b/_includes/head.liquid
@@ -0,0 +1,11 @@
+<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>{{ page.title }}</title>
+<link rel="stylesheet" href="index.css" />
diff --git a/_includes/nav.liquid b/_includes/nav.liquid
new file mode 100644
index 0000000..982660b
--- /dev/null
+++ b/_includes/nav.liquid
@@ -0,0 +1,26 @@
+<nav class="navbar is-fixed-top">
+	<div class="navbar-brand">
+		<a class="navbar-item" href="/#">
+			<img src="/assets/logo-simple.png" />
+		</a>
+		<a role="button" class="navbar-burger" data-target="navMenu">
+			<span></span>
+			<span></span>
+			<span></span>
+		</a>
+	</div>
+	<div class="navbar-menu" id="navMenu">
+		<div class="navbar-start"></div>
+		<div class="navbar-end">
+			<a class="navbar-item" href="/#offerings">
+				Offerings
+			</a>
+			<a class="navbar-item" href="/#about">
+				About
+			</a>
+			<a class="navbar-item" href="/#contact">
+				Contact Me
+			</a>
+		</div>
+	</div>
+</nav>
diff --git a/_includes/style.liquid b/_includes/style.liquid
new file mode 100644
index 0000000..f02b77e
--- /dev/null
+++ b/_includes/style.liquid
@@ -0,0 +1 @@
+<link rel="stylesheet" href="/styles/index.css" />
diff --git a/_layouts/index.liquid b/_layouts/index.liquid
new file mode 100644
index 0000000..13ffcfc
--- /dev/null
+++ b/_layouts/index.liquid
@@ -0,0 +1,517 @@
+<!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 &amp; 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>
+</html>
diff --git a/_site/index.html b/_site/index.html
index 2ae97ae..35ee34a 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -1,14 +1,588 @@
 <!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8">
-        <title>Welcome - Carpenter Tutoring</title>
-    </head>
-    <body>
-    <div>
-      <h2>Welcome - Carpenter Tutoring</h2>
-      <h2>Blog!</h2>
-
-    </div>
-  </body>
+<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>Welcome - Carpenter Tutoring</title>
+<link rel="stylesheet" href="index.css" />
+
+		<link rel="stylesheet" href="/styles/index.css" />
+
+	</head>
+
+	<body class="has-navbar-fixed-top is-size-4-desktop">
+		<nav class="navbar is-fixed-top">
+	<div class="navbar-brand">
+		<a class="navbar-item" href="/#">
+			<img src="/assets/logo-simple.png" />
+		</a>
+		<a role="button" class="navbar-burger" data-target="navMenu">
+			<span></span>
+			<span></span>
+			<span></span>
+		</a>
+	</div>
+	<div class="navbar-menu" id="navMenu">
+		<div class="navbar-start"></div>
+		<div class="navbar-end">
+			<a class="navbar-item" href="/#offerings">
+				Offerings
+			</a>
+			<a class="navbar-item" href="/#about">
+				About
+			</a>
+			<a class="navbar-item" href="/#contact">
+				Contact Me
+			</a>
+		</div>
+	</div>
+</nav>
+
+
+		<!-- 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">
+							
+								<p>Welcome, and thank you for your interest in Carpenter Tutoring!</p>
+							
+								<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.</p>
+							
+								<p>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.</p>
+							
+								<p>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!</p>
+							
+						</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 &amp; 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">
+							
+								<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 received 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.</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>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.</p>
+							
+								<p>Thank you for considering Carpenter Tutoring.</p>
+							
+						</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>
+									
+										<li><strong>Payment methods</strong> 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.</li>
+									
+										<li><strong>Travel policy</strong> I travel to locations throughout the Hampton Roads area, includingSuffolk, 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.</li>
+									
+										<li><strong>Remote sessions</strong> Remote sessions are conducted from my home in Suffolk. I generally use <a href="https://zoom.us/">Zoom</a>, 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.</li>
+									
+										<li><strong>Cancellation policy</strong> 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.</li>
+									
+								</ul>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+
+		<footer class="footer">
+	<div class="content has-text-centered">
+		<p>
+		&copy; 2020 Carpenter Tutoring, LLC. All rights reserved.
+		</p>
+		<p>
+		Something wrong?
+		<a href="mailto:webmaster@carpentertutoring.com">
+			Tell the webmaster.
+		</a>
+		</p>
+	</div>
+</footer>
+
+
+		<!-- 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>
 </html>
diff --git a/assets/amy.jpg b/assets/amy.jpg
new file mode 100644
index 0000000..8618911
--- /dev/null
+++ b/assets/amy.jpg
diff --git a/assets/bg.png b/assets/bg.png
new file mode 100644
index 0000000..6251881
--- /dev/null
+++ b/assets/bg.png
diff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100644
index 0000000..8ba4c15
--- /dev/null
+++ b/assets/favicon.ico
diff --git a/assets/logo-simple.png b/assets/logo-simple.png
new file mode 100644
index 0000000..f4b350b
--- /dev/null
+++ b/assets/logo-simple.png
diff --git a/assets/logo.png b/assets/logo.png
new file mode 100644
index 0000000..da51050
--- /dev/null
+++ b/assets/logo.png
diff --git a/index.md b/index.md
index e586d01..7c746bd 100644
--- a/index.md
+++ b/index.md
@@ -1,11 +1,5 @@
 ---
-layout: default.liquid
+layout: index.liquid
 title: Welcome - Carpenter Tutoring
 ---
-## Blog!
-
-{% for post in collections.posts.pages %}
-#### {{post.title}}
-
-[{{ post.title }}]({{ post.permalink }})
-{% endfor %}
+## (placeholder)
diff --git a/styles/index.scss b/styles/index.scss
new file mode 100644
index 0000000..ee298cc
--- /dev/null
+++ b/styles/index.scss
@@ -0,0 +1,144 @@
+@charset "utf-8";
+
+// Google Fonts
+@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Indie+Flower|PT+Sans&display=swap");
+
+// Palette
+$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);
+
+// Update Bulma's global variables
+$primary: $teal;
+$link: $darkteal;
+// $info: $cyan
+$success: $green;
+// $warning: $yellow
+// $danger: $red
+// $dark: $grey-darker
+// $text: $grey-dark
+$family-sans-serif: "PT Sans", sans-serif;
+// $hr-background-color: $primary;
+$title-color: $darkteal;
+$title-family: "Architects Daughter", cursive;
+$subtitle-color: $darkteal;
+$subtitle-family: "Indie Flower", cursive;
+//$body-font-size: 1.8rem;
+// $body-background-color: $isabelline;
+
+// Import only what you need from Bulma
+@import "../_bulma/node_modules/bulma/sass/utilities/_all.sass";
+@import "../_bulma/node_modules/bulma/sass/base/_all.sass";
+@import "../_bulma/node_modules/bulma/sass/elements/_all.sass";
+@import "../_bulma/node_modules/bulma/sass/form/_all.sass";
+@import "../_bulma/node_modules/bulma/sass/components/_all.sass";
+@import "../_bulma/node_modules/bulma/sass/layout/_all.sass";
+@import "../_bulma/node_modules/bulma/sass/grid/_all.sass";
+
+.offering {
+  color: white;
+}
+.offering .content u {
+  cursor: pointer;
+}
+.column .offering {
+  border: 1em solid $darkgray;
+}
+.darkteal {
+  background-color: $darkteal;
+}
+.green {
+  background-color: $green;
+}
+.darkerteal {
+  background-color: $darkerteal;
+}
+.darkgray {
+  background-color: $darkgray;
+}
+.darkgreen {
+  background-color: $darkgreen;
+}
+
+.blurb {
+  background-color: white;
+  clip-path: polygon(
+    0% 0%,
+    100% 0%,
+    100% 75%,
+    75% 75%,
+    75% 100%,
+    50% 75%,
+    0% 75%
+  );
+}
+
+.banner {
+  right: 100%;
+  padding-top: 5%;
+  padding-bottom: 5%;
+  padding-right: 5%;
+
+  // gradient
+  background: -moz-linear-gradient(
+    left,
+    rgba(255, 255, 255, 0) 0%,
+    rgba(255, 255, 255, 1) 50%
+  );
+  background: -webkit-linear-gradient(
+    left,
+    rgba(255, 255, 255, 0) 0%,
+    rgba(255, 255, 255, 1) 50%
+  );
+  background: linear-gradient(
+    to right,
+    rgba(255, 255, 255, 0) 0%,
+    rgba(255, 255, 255, 1) 50%
+  );
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
+}
+
+.has-banner {
+  //margin-top: 0px !important;
+  //margin-bottom: 0px !important;
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+  padding-right: 0px !important;
+  padding-left: 10% !important;
+}
+
+.quiet {
+  background-color: white;
+}
+
+.fawnseh {
+  font-family: "Architects Daughter", cursive;
+}
+
+.has-text-shadow {
+  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("/assets/bg.png");
+}