summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--assets/bio-photos/connor.jpgbin0 -> 247052 bytes
-rw-r--r--assets/bio-photos/will.jpgbin0 -> 109856 bytes
-rwxr-xr-xindex.html75
-rwxr-xr-xstyles.css58
4 files changed, 121 insertions, 12 deletions
diff --git a/assets/bio-photos/connor.jpg b/assets/bio-photos/connor.jpg
new file mode 100644
index 0000000..8ba522b
--- /dev/null
+++ b/assets/bio-photos/connor.jpg
Binary files differ
diff --git a/assets/bio-photos/will.jpg b/assets/bio-photos/will.jpg
new file mode 100644
index 0000000..369d9b4
--- /dev/null
+++ b/assets/bio-photos/will.jpg
Binary files differ
diff --git a/index.html b/index.html
index 74aad0e..61b728c 100755
--- a/index.html
+++ b/index.html
@@ -108,11 +108,20 @@
<img src="assets/bio-photos/joseph.jpg" class="ta-pastry" alt="Bio photo for Joseph" />
</div>
<div class="bio-text">
- <h3>[founder & tutor] Joseph</h3>
+ <h3>[founder] Joseph</h3>
<h4>B.S. in Chem E, OSU</h4>
<p>
Joseph is a dedicated educator with a passion for teaching and a strong background in chemical engineering. He believes in fostering a collaborative learning environment where students can thrive.
</p>
+ <div class="ta-specialties">
+ <h4>Tutoring Specialties</h4>
+ <ul>
+ <li>High School Math and Sciences, all levels (incl. APs)</li>
+ <li>Undergraduate Chemistry and Engineering</li>
+ <li>Undergraduate Philosophy</li>
+ <li>Essay Planning and Revision</li>
+ </ul>
+ </div>
</div>
</div>
@@ -121,12 +130,69 @@
<img src="assets/bio-photos/michael.jpg" class="ta-pastry" alt="Bio photo for Michael" />
</div>
<div class="bio-text">
- <h3>[cto & tutor] Michael</h3>
+ <h3>[webmaster] Michael</h3>
<h4>M.S. in CS & B.S. in Physics, BrownU</h4>
<p>
- Michael is a passionate educator with a strong background in both computer science and physics.
- He enjoys integrating concepts from both fields to create a rich learning experience for his students.
+ At Brown, Michael served as the head teaching assistant for two 400+ student courses, in which he designed course materials, lectures, assignments, exams, and grading structures.
+ He also mentored and tutored many students directly through his other roles as a residential and research assistant.
+ Academically he earned magnum cum laude for his GPA, departmental honors for his bachelors thesis, then went on to complete a masters with a specialty in computational physics.
+ In high school, he tutored AP Stats, led review sessions, ranked top 5 state-wide for algebra and geometry, and even taught AP computer science.
</p>
+ <div class="ta-specialties">
+ <h4>Tutoring Specialties</h4>
+ <ul>
+ <li>High School Math and Sciences, all levels</li>
+ <li>Essay Writing, especially college applications</li>
+ <li>ACT Test Preparation</li>
+ <li>Competitive Math and Computer Science</li>
+ <li>Undergraduate Physics</li>
+ <li>Graduate Computer Science</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ <div class="flex-row ta-box-single ta-wrapper">
+ <div class="img-box">
+ <img src="assets/bio-photos/will.jpg" class="ta-pastry" alt="Bio photo for Will" />
+ </div>
+ <div class="bio-text">
+ <h3>Will</h3>
+ <h4>PhD Candidate Chem E, CaseWRU</h4>
+ <p>
+ At OSU, Will served as both a teaching and research assistant where he mentored and trained students.
+ While completing his degree with honors research distinction, he received the Outstanding Undergraduate Research Award from the OSU chemical and biomolecular engineering department.
+ Currently, Will is pursuing a PhD in Chemical Engineering, at Case Western Reserve University, under the tutelage of Dr. Rohan Akolkar, working on electrochemical production of iron.
+ </p>
+ <div class="ta-specialties">
+ <h4>Tutoring Specialties</h4>
+ <ul>
+ <li>High School Math and Sciences, all levels</li>
+ <li>History, all types</li>
+ <li>Undergraduate Chemistry and Engineering</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ <div class="flex-row ta-box-single ta-wrapper">
+ <div class="img-box">
+ <img src="assets/bio-photos/connor.jpg" class="ta-pastry" alt="Bio photo for Connor" />
+ </div>
+ <div class="bio-text">
+ <h3>Connor</h3>
+ <h4>B.S. in Chem E, OSU</h4>
+ <p>
+ Connor spent his years at OSU strengthening his understanding of Chemical Engineering through rigorous studying, time in the laboratory, and in study groups.
+ His pursuance of Chemical Engineering was fueled by his passion for both mathematics and the sciences.
+ He gained experience in tutoring dating back to high school where he peer tutored friends and other classmates in AP classes, such as AP Chemistry and AP Calculus AB.
+ He continued peer tutoring throughout his college years and enjoys helping others understand complex topics and being able to apply those topics to help solidify their broad understanding of the sciences.
+ Connor prides himself in discovering how each student learns best and utilizing that learning style to help the student grow.
+ </p>
+ <div class="ta-specialties">
+ <h4>Tutoring Specialty</h4>
+ <p>Strict focus on AP Calc and AP Chem</p>
+ </div>
</div>
</div>
@@ -145,6 +211,7 @@
<footer>
<p>made with <a tabindex="-1" class="glow-on-hover rainbow" style="color: #FF1493; text-decoration: none; cursor: default;" target="_blank" href="./assets/chicken_ordinance_final1.pdf">&hearts;</a> in Chesterland, OH</p>
+ <p class="footer-copyright">Sensible Scholars Tutoring LLC © 2025</p>
</footer>
</section>
</main>
diff --git a/styles.css b/styles.css
index 2db7dd2..c0954f0 100755
--- a/styles.css
+++ b/styles.css
@@ -323,11 +323,12 @@ title area (animated text and connie's 3d model)
}
.course-title-wrapper > h2 {
- font-family: popsky;
+ /* font-family: popsky; */
font-size: 2rem;
margin-top: 1rem;
margin-left: .5rem;
line-height: 100%;
+ color: var(--second-accent-color);
}
@@ -659,6 +660,7 @@ people area
opacity: 1;
transition: .5s ease;
border-radius: 30px;
+ margin-top: 15px;
}
.bio-text {
@@ -674,17 +676,16 @@ people area
}
.bio-text p {
- font-size: 12px;
+ font-size: 14px;
letter-spacing: normal;
text-transform: none;
- max-width: 250px;
line-height: 1.25;
font-weight: normal;
color: rgb(30, 30, 30);
}
.bio-text h4 {
- font-size: 14px;
+ font-size: 18px;
letter-spacing: normal;
text-transform: none;
max-width: 400px;
@@ -692,6 +693,43 @@ people area
color: var(--second-accent-color);
}
+.ta-specialties {
+ padding: 5px 0;
+}
+
+.ta-specialties h4 {
+
+ color: var(--second-accent-color);
+}
+
+.ta-specialties p {
+ text-indent: 10px;
+ padding-bottom: 3px;
+ font-weight: 500;
+ font-size: 14px;
+}
+
+.ta-specialties ul {
+ text-indent: 5px;
+ padding-bottom: 3px;
+ margin-left: 10px;
+ font-weight: 500;
+ font-size: 14px;
+}
+/*
+Make it a dashed list instead
+*/
+.ta-specialties ul{
+ list-style-type: none;
+}
+.ta-specialties ul> li {
+ text-indent: -5px;
+}
+.ta-specialties ul> li::before {
+ content: "– ";
+ text-indent: -5px;
+}
+
.shelf-png {
width: 900px;
height: auto;
@@ -724,7 +762,7 @@ people area
}
.shelf .flex-row {
- align-items: flex-end;
+ align-items: flex-start;
justify-content: left;
padding: 0 5rem;
}
@@ -763,6 +801,11 @@ footer {
text-align: right;
}
+.footer-copyright {
+ font-size: 12px;
+ color: #666;
+}
+
img {
height: 100px;
width: auto;
@@ -885,17 +928,16 @@ img {
}
.ta-wrapper {
align-items: flex-end !important;
+ margin-top: 15px;
}
.shelf .flex-row {
justify-content: left;
padding: 0 5%;
+ flex-wrap: wrap;
}
.bio-text {
width: 90%;
}
- .ta-box-single .bio-text p {
- width: 175px;
- }
.iframe-wrapper {
margin: 2rem 10rem;
}