summaryrefslogtreecommitdiff
path: root/_layouts/index.liquid
blob: 13ffcfc4f3e2f9953e77407501071e53ff648f72 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
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>