google translate button

.nvmrc

@@ -0,0 +1 @@
+12

README.md

@@ -7,4 +7,7 @@ The website for <a href="https://www.mathpathsf.com/">mathpathsf.com</a> built w
 ![demo](images/demo.png)
 
 ## Contributing
-Please read [CONTRIBUTING.md](https://github.com/joshchen984/MathPathSF/blob/master/CONTRIBUTING.md) for information on how to contribute to the site.
+
+Use Node 12 (run `nvm use` to switch)
+
+Please read [CONTRIBUTING.md](https://github.com/joshchen984/MathPathSF/blob/master/CONTRIBUTING.md) for information on how to contribute to the site.

package.json

@@ -1,13 +1,13 @@
 {
   "name": "gatsby-starter-default",
   "private": true,
-  "description": "A simple starter to get up and developing quickly with Gatsby",
+  "description": "Website for MathPathSF",
   "version": "0.1.0",
-  "author": "Kyle Mathews <mathews.kyle@gmail.com>",
+  "author": "Josh Chen",
   "dependencies": {
     "bootstrap": "^4.6.0",
     "fontsource-lato": "^4.0.0",
-    "gatsby": "^2.32.3",
+    "gatsby": "2.32.3",
     "gatsby-image": "^2.11.0",
     "gatsby-plugin-google-gtag": "^2.8.0",
     "gatsby-plugin-manifest": "^2.12.0",

src/components/Header/header.js

@@ -1,30 +1,67 @@
 import { Link } from "gatsby"
 import PropTypes from "prop-types"
 import React from "react"
-import {Navbar, Nav, NavDropdown} from 'react-bootstrap'
-import classes from "./header.module.scss";
+import { Navbar, Nav, NavDropdown } from "react-bootstrap"
+import classes from "./header.module.scss"
 const Header = ({ siteTitle }) => (
   <header>
-    <Navbar bg="primary" fixed="top" variant="dark"expand="lg" className={classes.Navbar}>
-      <Navbar.Brand as={Link} to="/" style={{color:"#e1710e", fontWeight: "bold"}}>{siteTitle}</Navbar.Brand>
-      <Navbar.Toggle aria-controls="navbarCollapse"/>
+    <Navbar
+      bg="primary"
+      fixed="top"
+      variant="dark"
+      expand="lg"
+      className={classes.Navbar}
+    >
+      <Navbar.Brand
+        as={Link}
+        to="/"
+        style={{ color: "#e1710e", fontWeight: "bold" }}
+      >
+        {siteTitle}
+      </Navbar.Brand>
+      <Navbar.Toggle aria-controls="navbarCollapse" />
       <Navbar.Collapse id="navbarCollapse">
         <Nav as="ul" className="mr-auto">
           <Nav.Item as="li">
-            <Link to="/" className="nav-link" activeClassName="active">Home</Link>
+            <Link to="/" className="nav-link" activeClassName="active">
+              Home
+            </Link>
           </Nav.Item>
           <Nav.Item as="li">
-            <Link to="/about" className="nav-link"activeClassName="active">About</Link>
+            <Link to="/about" className="nav-link" activeClassName="active">
+              About
+            </Link>
           </Nav.Item>
           <Nav.Item as="li">
-            <Link to="/sfusd-pathways" className="nav-link"activeClassName="active">SFUSD-Recommended Math Pathways</Link>
+            <Link
+              to="/algebra-tutoring"
+              className="nav-link"
+              activeClassName="active"
+            >
+              Algebra Tutoring
+            </Link>
+          </Nav.Item>
+          <Nav.Item as="li">
+            <Link
+              to="/sfusd-pathways"
+              className="nav-link"
+              activeClassName="active"
+            >
+              SFUSD-Recommended Math Pathways
+            </Link>
           </Nav.Item>
           <NavDropdown title="Workaround Paths to Calculus">
-            <NavDropdown.Item as={Link} to="/eighth-grade">8th Grade Algebra</NavDropdown.Item>
-            <NavDropdown.Item as={Link} to="/high-school">High School</NavDropdown.Item>
+            <NavDropdown.Item as={Link} to="/eighth-grade">
+              8th Grade Algebra
+            </NavDropdown.Item>
+            <NavDropdown.Item as={Link} to="/high-school">
+              High School
+            </NavDropdown.Item>
           </NavDropdown>
           <Nav.Item as="li">
-            <Link to="/summary" className="nav-link"activeClassName="active">Summary</Link>
+            <Link to="/summary" className="nav-link" activeClassName="active">
+              Summary
+            </Link>
           </Nav.Item>
         </Nav>
       </Navbar.Collapse>

src/components/Testimonials/testimonials.js

@@ -1,24 +1,28 @@
-import React from 'react'
-import classes from './testimonials.module.scss';
-import Testimonial from "./Testimonial/testimonial.js";
-const Testimonials = (props) => {
+import React from "react"
+import classes from "./testimonials.module.scss"
+import Testimonial from "./Testimonial/testimonial.js"
+const Testimonials = props => {
   return (
     <div className={classes.Testimonials}>
-      <h2>
-        What People are Saying
-      </h2>
+      <h2>What People are Saying</h2>
       <div className={classes.quotes}>
-      <Testimonial>
-        “So clear and easy to understand. What an awesome resource. I have shared with our middle school parents group. Thank you!”
-      </Testimonial>
-      <Testimonial>
-        “So helpful!!! It was so difficult trying to understand and piece together all the info from parent email threads. Your son did a great job at explaining it clearly. I will share with other parents to save them a lot of headache :D!”
-      </Testimonial>
-      <Testimonial>
-        “Our son is very interested in progressing along one of the advancement pathways to make sure he gets AP Calculus in high school. This is a great website - thank you for putting it together!”
-      </Testimonial>
+        <Testimonial>
+          “So clear and easy to understand. What an awesome resource. I have
+          shared with our middle school parents group. Thank you!”
+        </Testimonial>
+        <Testimonial>
+          “So helpful!!! It was so difficult trying to understand and piece
+          together all the info from parent email threads. The website does a
+          great job at explaining it clearly. I will share with other parents to
+          save them a lot of headache :D!”
+        </Testimonial>
+        <Testimonial>
+          “Our son is very interested in progressing along one of the
+          advancement pathways to make sure he gets AP Calculus in high school.
+          This is a great website - thank you for putting it together!”
+        </Testimonial>
       </div>
     </div>
-  );
+  )
 }
-export default Testimonials;
+export default Testimonials

src/containers/Layout/layout.js

@@ -49,18 +49,11 @@ const Layout = ({ children }) => {
       </main>
       <Footer>
         <i>
-          Copyright © 2021 MathPathSF. All Rights Reserved. No portion of this
-          website may be reproduced without my express written consent.
+          Copyright © {new Date().getFullYear()} MathPathSF. All Rights
+          Reserved. No portion of this website may be reproduced without my
+          express written consent.
           <br />
-          Learn how to send your questions, comments or suggestions{" "}
-          <a
-            href="https://github.com/joshchen984/MathPathSF/blob/master/CONTRIBUTING.md"
-            target="_blank"
-            rel="noreferrer"
-          >
-            here
-          </a>
-          .
+          Send your questions, comments, or suggestions to mathpathsf@gmail.com.
         </i>
       </Footer>
     </>
@@ -71,4 +64,4 @@ Layout.propTypes = {
   children: PropTypes.node.isRequired,
 }
 
-export default Layout
+export default Layout

src/pages/about.js

@@ -12,35 +12,28 @@ const About = props => {
       <div className="content">
         <h1>About</h1>
         <p>
-          When I started my freshman year at Lowell High School in San
-          Francisco, I was able to take Geometry after passing the Math
-          Validation Test. My parents had heard from a friend that Algebra was
-          no longer being offered in 8th grade so their son was taking an
-          Algebra class online, and I did the same. But I quickly realized I was
-          lucky to have had this opportunity.
+          MathPathSF is a student-run organization dedicated to empowering
+          students to navigate math advancement within the San Francisco public
+          school district (SFUSD).
         </p>
-        <br />
         <p>
-          Many of my new classmates who were interested in more challenging math
-          courses were stressing out, meeting with their counselors and asking
-          to double up in Algebra and Geometry even if it meant giving up band
-          or a language class. But there weren’t enough spots for everyone. They
-          didn’t know it was possible to pass out of Algebra in 8th grade and
-          had never heard of the MVT test, or they found out too late to
-          complete the class. Yet the kids who had come from private school were
-          able to enroll in Geometry since they had had access to Algebra in 8th
-          grade.
+          It was founded in 2021 to support students who were stressing out
+          about how to take Calculus before graduating high school. Each year,
+          freshman with this goal meet with their counselors and ask to double
+          up in Algebra and Geometry even if it means giving up a language class
+          or band, but most are not able to as there are not enough spots. Most
+          are also not aware that it is possible to pass out of Algebra by
+          taking an online class in eighth grade, yet kids who attended private
+          school are able to enroll in Geometry as freshmen since their schools
+          taught eighth-grade Algebra.
         </p>
-        <br />
         <p>
-          While I definitely don’t think taking advanced math classes is
-          necessary for everyone, I felt bad that kids who wanted to were at a
-          disadvantage and had to scramble to figure out their options just
-          because they didn’t have the information. This led me to the idea of a
-          website to inform people about the different ways to advance in math
-          and take Calculus in a SFUSD high school. I hope this site makes the
-          process more transparent and easy to understand so students are aware
-          of what’s possible and can decide what’s best for their education.
+          While we do not believe that taking advanced math classes is necessary
+          for everyone, we want to inform students about the different ways to
+          advance in math and be able to take Calculus in an SFUSD high school
+          if that is your goal. We hope this site makes the process more
+          transparent and easy to understand so students are aware of what’s
+          possible and can decide what’s best for their education.
         </p>
       </div>
       <Testimonials />

src/pages/algebra-tutoring.js

@@ -0,0 +1,62 @@
+import React from "react"
+import Layout from "../containers/Layout/layout.js"
+import SEO from "../components/seo"
+import { Link, graphql, useStaticQuery } from "gatsby"
+import Image from "../components/image"
+
+const Tutoring = props => {
+  const images = useStaticQuery(graphql`
+    query tutoringQuery {
+      girl: file(relativePath: { eq: "math-girl.png" }) {
+        childImageSharp {
+          fluid(maxWidth: 500, quality: 100) {
+            ...GatsbyImageSharpFluid
+          }
+        }
+      }
+    }
+  `)
+  return (
+    <Layout>
+      <SEO title="Algebra Tutoring" description="" />
+      <div className="content">
+        <h2 style={{ textAlign: "center" }}>MathPathSF Presents:</h2>
+        <h1>Online Drop-In Algebra Classes</h1>
+        <p style={{ textAlign: "center" }}>
+          <strong>Are you an SFUSD 8th Grader taking online Algebra?</strong>
+          <br />
+          <strong>
+            Do you plan on taking the Math Validation Test to pass out of high
+            school Algebra?
+          </strong>
+        </p>
+        <Image
+          data={images.girl}
+          style={{ maxWidth: 500, margin: "auto", marginBottom: "1rem" }}
+        />
+        <p>
+          San Francisco public school eighth graders that wish to start high
+          school taking Geometry are required to complete an{" "}
+          <Link to="/eighth-grade">
+            online Algebra class and pass the Math Validation Test
+          </Link>
+          . In 2023, the MVT will be held on May 13th and August 19th. Students
+          who don’t meet the cut-off score can retake the test in August. It
+          will be held at a SFUSD high school and students are assigned an
+          8:30am or 9:00am start time. Students are given four hours to complete
+          the test though most finish in three hours.
+        </p>
+        <p>
+          To help students prepare, MathPathSF will be offering free, virtual
+          MVT test prep classes on <strong>Sunday, 4/30/23</strong>, at 10am and{" "}
+          <strong>Saturday, 5/6/23</strong>, at 10am. Sessions will be taught by
+          Lowell High School students. To register, please email
+          mathpathsf@gmail.com. We will email registrants the practice test that
+          will be reviewed and the Zoom link the day before the class.
+        </p>
+        <p>Questions? Email mathpathsf@gmail.com </p>
+      </div>
+    </Layout>
+  )
+}
+export default Tutoring