-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
334 lines (312 loc) · 18.2 KB
/
Copy pathabout.html
File metadata and controls
334 lines (312 loc) · 18.2 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Euclidia</title>
<meta name="description" content="Euclidia is built by a secondary math teacher for secondary math teachers. Our mission is to give you your time back.">
<meta property="og:title" content="About Euclidia">
<meta property="og:description" content="Euclidia is built by a secondary math teacher for secondary math teachers. Our mission is to give you your time back.">
<meta property="og:url" content="https://euclidiamath.com/about.html">
<meta property="og:type" content="website">
<meta property="og:image" content="https://euclidiamath.com/images/og-image.png">
<meta name="twitter:card" content="summary_large_image">
<link rel="canonical" href="https://euclidiamath.com/about.html">
<link rel="icon" type="image/svg+xml" href="images/favicon.svg">
<link rel="stylesheet" href="styles.css">
<noscript><style id="noscript-reveal-fallback">/* Show scroll-reveal sections when JS is disabled (otherwise content stays at opacity:0 for crawlers and no-JS visitors). */.reveal{opacity:1!important;transform:none!important;}</style></noscript>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "AboutPage",
"name": "About Euclidia",
"url": "https://euclidiamath.com/about.html",
"publisher": {
"@type": "Organization",
"name": "Euclidia",
"url": "https://euclidiamath.com"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Who is behind Euclidia?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Euclidia is created and run by an individual teacher, not a massive corporate publisher. I know exactly what it's like to manage a modern classroom because I teach the same kind of classroom you do. This was built out of genuine frustration with how much time teaching demands outside of actually teaching, and a belief that teachers deserve better."
}
},
{
"@type": "Question",
"name": "What is Euclidia's mission?",
"acceptedAnswer": {
"@type": "Answer",
"text": "To give you your time back. Our mission is to handle the work that takes too long, whether that is lesson planning or student and parent outreach, so you can focus on actually teaching. Teachers do the most important work for underappreciated pay. Euclidia exists to make that workload more bearable."
}
},
{
"@type": "Question",
"name": "Are these resources really no-prep?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. Really. Everything is provided. Every bundle includes a step-by-step teacher lesson plan, a scaffolded student worksheet, and a detailed answer key. All you need to do is print, copy, and teach. Files arrive as print-ready PDFs."
}
},
{
"@type": "Question",
"name": "What is the recommended pacing?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Lesson plans are written for a conservative 45-minute block, but pacing always varies by class. A highly effective structure is Day 1 for teaching and core practice, Day 2 for review and extension challenges. Regardless of your bell schedule, these lessons are designed to be flexible and useful."
}
},
{
"@type": "Question",
"name": "Who are these resources designed for?",
"acceptedAnswer": {
"@type": "Answer",
"text": "It depends on the product. The math lesson resources are aimed at grades 7 through 12. Euclidia Quiz covers the same range, through Precalculus and Statistics. Euclidia Outreach is built for any teacher who spends time writing parent emails, tracking missing work, and following up with students. That part has nothing to do with subject or grade level."
}
},
{
"@type": "Question",
"name": "Does the math actually render correctly?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. Fractions render with a proper fraction bar, exponents appear as true superscripts, and radical symbols display with the vinculum overbar. No blurry screenshots, no slash fractions. Download the free sample from the shop to see for yourself."
}
},
{
"@type": "Question",
"name": "Can I use these in my classroom?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. The outputs are yours. Print them, distribute them to students, use them however your classroom needs."
}
},
{
"@type": "Question",
"name": "What math standards are covered?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Currently focused on grades 7 through 12 Common Core math: number systems, expressions and equations, functions, ratios, proportional relationships, and statistics. Geometry and coordinate plane content is expanding. New resources are added regularly to the shop."
}
},
{
"@type": "Question",
"name": "Is my payment information safe?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. Lesson bundles are handled through Payhip, a trusted digital marketplace. Euclidia Outreach subscriptions are handled through Stripe, the same payment processor used by millions of businesses worldwide. Euclidia never stores your payment details."
}
}
]
}
</script>
<style>
/* ABOUT-SPECIFIC */
.mission-body { background:var(--card-bg); border:1px solid var(--border-gold); border-radius:var(--radius-lg); padding:48px; position:relative; margin-top:40px; }
.mission-body::before { content:'"'; font-family:'Playfair Display',serif; font-size:120px; color:var(--gold); opacity:0.08; position:absolute; top:-20px; left:24px; line-height:1; pointer-events:none; }
.mission-body p { font-size:16px; color:var(--text); line-height:1.85; margin-bottom:18px; }
.mission-body p:last-of-type { margin-bottom:0; }
.mission-quote { font-family:'Playfair Display',serif; font-size:clamp(18px,2.5vw,24px); font-style:italic; color:var(--text-bright); line-height:1.7; margin-bottom:32px; text-align:center; }
.mission-quote em { color:var(--gold); font-style:normal; font-weight:600; }
.mission-sig { margin-top:28px; padding-top:22px; border-top:1px solid var(--border); display:flex; align-items:center; gap:14px; }
.mission-sig-avatar { width:44px; height:44px; border-radius:50%; background:var(--gold); color:var(--navy); font-family:'Playfair Display',serif; font-size:18px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.mission-sig-name { font-size:14px; font-weight:600; color:var(--white); }
.mission-sig-title { font-size:13px; color:var(--text-dim); }
.schmoker-wrap { background:linear-gradient(135deg,rgba(27,58,107,0.3),rgba(9,21,37,0.8)); border:1px solid var(--border-gold); border-radius:var(--radius-lg); padding:48px; display:grid; grid-template-columns:auto 1fr; gap:40px; align-items:start; margin-top:40px; }
.schmoker-num { font-family:'Playfair Display',serif; font-size:100px; font-weight:900; color:var(--gold); line-height:1; text-shadow:0 0 60px rgba(232,160,32,0.3); flex-shrink:0; }
.schmoker-content h3 { font-family:'Playfair Display',serif; font-size:22px; font-weight:700; color:var(--white); margin-bottom:12px; }
.schmoker-content p { font-size:15px; color:var(--text); line-height:1.75; margin-bottom:20px; }
.schmoker-tags { display:flex; flex-wrap:wrap; gap:8px; }
.schmoker-tag { background:var(--gold-pale); border:1px solid var(--gold-border); border-radius:7px; padding:6px 14px; font-size:12.5px; font-weight:600; color:var(--gold-light); }
@media(max-width:960px){
.mission-body { padding:32px 24px; }
.schmoker-wrap { grid-template-columns:1fr; gap:20px; padding:32px 24px; }
.schmoker-num { font-size:64px; }
}
@media(max-width:600px){
.mission-body { padding:24px 18px; }
}
</style>
</head>
<body data-page="about">
<a href="#main" class="skip-link">Skip to main content</a>
<main id="main">
<div class="page-hero">
<span class="section-label">Our Story</span>
<h1>Built by a teacher.<br><em>For teachers.</em></h1>
<p>Euclidia exists for one reason. To give you your time back.</p>
</div>
<!-- MISSION -->
<section class="section-wrap" aria-labelledby="mission-h">
<div class="section-inner">
<div class="reveal">
<span class="section-label">Why We Exist</span>
<h2 class="section-title" id="mission-h">The mission.</h2>
<div class="gold-rule"></div>
<p class="mission-quote">Teachers do the most important work<br>for <em>underappreciated pay.</em></p>
<div class="mission-body">
<p>You are asked to deliver high-rigor instruction to a diverse range of students while managing an impossible workload. You do all of this alongside your own personal and family life.</p>
<p>We exist to give you your time back.</p>
<p>Our mission: high-rigor math resources at a price teachers can actually afford. We take care of the formatting, the scaffolding, and the lesson plans. You don't have to be a full-time curriculum designer on top of everything else.</p>
<p>Let us handle the prep work so you can focus on teaching, on your family, and on a humane pace.</p>
<div class="mission-sig">
<div class="mission-sig-avatar" aria-hidden="true">E</div>
<div>
<div class="mission-sig-name">Euclidia</div>
<div class="mission-sig-title">Secondary math teacher, just like you</div>
</div>
</div>
</div>
</div>
<div class="schmoker-wrap reveal">
<div class="schmoker-num" aria-hidden="true">7</div>
<div class="schmoker-content">
<h3>Every lesson is built on Schmoker's 7 Elements of Effective Teaching</h3>
<p>Mike Schmoker's research-backed framework isn't a checkbox. It's the actual structure of how every Euclidia lesson is written, sequenced, and differentiated. Every element is present, every time.</p>
<div class="schmoker-tags">
<span class="schmoker-tag">Learning Outcome</span>
<span class="schmoker-tag">Anticipatory Set</span>
<span class="schmoker-tag">Teach & Model</span>
<span class="schmoker-tag">Guided Practice</span>
<span class="schmoker-tag">Check for Understanding</span>
<span class="schmoker-tag">Adjust / Reteach</span>
<span class="schmoker-tag">Independent Learning</span>
</div>
</div>
</div>
</div>
</section>
<div class="section-divider" aria-hidden="true"></div>
<!-- FAQ -->
<section id="faq" class="section-wrap section-alt-bg" aria-labelledby="faq-h">
<div class="section-inner narrow">
<div class="reveal">
<span class="section-label">Common Questions</span>
<h2 class="section-title" id="faq-h">Things teachers<br>actually ask.</h2>
<div class="gold-rule"></div>
</div>
<div class="faq-list reveal">
<div class="faq-item">
<button class="faq-btn" onclick="toggleFaq(this)" aria-expanded="false" aria-controls="faq-answer-1">
<span class="faq-q">Who is behind Euclidia?</span>
<span class="faq-icon" aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-1" role="region" aria-hidden="true">
<p>Euclidia is created and run by an individual teacher, not a massive corporate publisher. I know exactly what it's like to manage a modern classroom because I teach the same kind of classroom you do. This was built out of genuine frustration with how much time teaching demands outside of actually teaching, and a belief that teachers deserve better.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-btn" onclick="toggleFaq(this)" aria-expanded="false" aria-controls="faq-answer-2">
<span class="faq-q">What is Euclidia's mission?</span>
<span class="faq-icon" aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-2" role="region" aria-hidden="true">
<p>To give you your time back. Our mission is to handle the work that takes too long, whether that is lesson planning or student and parent outreach, so you can focus on actually teaching. Teachers do the most important work for underappreciated pay. Euclidia exists to make that workload more bearable.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-btn" onclick="toggleFaq(this)" aria-expanded="false" aria-controls="faq-answer-3">
<span class="faq-q">Are these resources really "no-prep"?</span>
<span class="faq-icon" aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-3" role="region" aria-hidden="true">
<p>Yes. Really. Everything is provided. Every bundle includes a step-by-step teacher lesson plan, a scaffolded student worksheet, and a detailed answer key. All you need to do is print, copy, and teach. Files arrive as print-ready PDFs.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-btn" onclick="toggleFaq(this)" aria-expanded="false" aria-controls="faq-answer-4">
<span class="faq-q">What is the recommended pacing?</span>
<span class="faq-icon" aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-4" role="region" aria-hidden="true">
<p>Lesson plans are written for a conservative 45-minute block, but pacing always varies by class. A highly effective structure is Day 1 for teaching and core practice, Day 2 for review and extension challenges. Regardless of your bell schedule, these lessons are designed to be flexible and useful.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-btn" onclick="toggleFaq(this)" aria-expanded="false" aria-controls="faq-answer-5">
<span class="faq-q">Who are these resources designed for?</span>
<span class="faq-icon" aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-5" role="region" aria-hidden="true">
<p>It depends on the product. The math lesson resources are aimed at grades 7 through 12. Euclidia Quiz covers the same range, through Precalculus and Statistics. Euclidia Outreach is built for any teacher who spends time writing parent emails, tracking missing work, and following up with students. That part has nothing to do with subject or grade level.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-btn" onclick="toggleFaq(this)" aria-expanded="false" aria-controls="faq-answer-6">
<span class="faq-q">Does the math actually render correctly?</span>
<span class="faq-icon" aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-6" role="region" aria-hidden="true">
<p>Yes. Fractions render with a proper fraction bar, exponents appear as true superscripts, and radical symbols display with the vinculum overbar. No blurry screenshots, no slash fractions. Download the free sample from the shop to see for yourself.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-btn" onclick="toggleFaq(this)" aria-expanded="false" aria-controls="faq-answer-7">
<span class="faq-q">Can I use these in my classroom?</span>
<span class="faq-icon" aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-7" role="region" aria-hidden="true">
<p>Yes. The outputs are yours. Print them, distribute them to students, use them however your classroom needs.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-btn" onclick="toggleFaq(this)" aria-expanded="false" aria-controls="faq-answer-8">
<span class="faq-q">What math standards are covered?</span>
<span class="faq-icon" aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-8" role="region" aria-hidden="true">
<p>Currently focused on grades 7 through 12 Common Core math: number systems, expressions and equations, functions, ratios, proportional relationships, and statistics. Geometry and coordinate plane content is expanding. New resources are added regularly to the shop.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-btn" onclick="toggleFaq(this)" aria-expanded="false" aria-controls="faq-answer-9">
<span class="faq-q">Is my payment information safe?</span>
<span class="faq-icon" aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-9" role="region" aria-hidden="true">
<p>Yes. Lesson bundles are handled through Payhip, a trusted digital marketplace. Euclidia Outreach subscriptions are handled through Stripe, the same payment processor used by millions of businesses worldwide. Euclidia never stores your payment details.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-btn" onclick="toggleFaq(this)" aria-expanded="false" aria-controls="faq-answer-10">
<span class="faq-q">I have a question not listed here.</span>
<span class="faq-icon" aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-10" role="region" aria-hidden="true">
<p>Email us at <a href="mailto:euclidiamath@gmail.com" style="color:var(--gold);">euclidiamath@gmail.com</a>. We read every message and respond quickly.</p>
</div>
</div>
</div>
</div>
</section>
</main>
<script src="nav.js"></script>
<script src="main.js"></script>
<script>
function toggleFaq(btn) {
const item = btn.parentElement;
const answerId = btn.getAttribute('aria-controls');
const answer = document.getElementById(answerId);
const isOpen = item.classList.contains('open');
document.querySelectorAll('.faq-item.open').forEach(function (el) {
el.classList.remove('open');
el.querySelector('.faq-btn').setAttribute('aria-expanded', 'false');
el.querySelector('.faq-answer').setAttribute('aria-hidden', 'true');
});
if (!isOpen) {
item.classList.add('open');
btn.setAttribute('aria-expanded', 'true');
answer.setAttribute('aria-hidden', 'false');
}
}
</script>
</body>
</html>