diff options
-rw-r--r-- | assets/bio-photos/connor.jpg | bin | 0 -> 247052 bytes | |||
-rw-r--r-- | assets/bio-photos/will.jpg | bin | 0 -> 109856 bytes | |||
-rwxr-xr-x | index.html | 75 | ||||
-rwxr-xr-x | styles.css | 58 |
4 files changed, 121 insertions, 12 deletions
diff --git a/assets/bio-photos/connor.jpg b/assets/bio-photos/connor.jpg Binary files differnew file mode 100644 index 0000000..8ba522b --- /dev/null +++ b/assets/bio-photos/connor.jpg diff --git a/assets/bio-photos/will.jpg b/assets/bio-photos/will.jpg Binary files differnew file mode 100644 index 0000000..369d9b4 --- /dev/null +++ b/assets/bio-photos/will.jpg @@ -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">♥</a> in Chesterland, OH</p> + <p class="footer-copyright">Sensible Scholars Tutoring LLC © 2025</p> </footer> </section> </main> @@ -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; } |