<repo_name>AjeaSmith/school_website_design<file_sep>/build/precache-manifest.6a646bc554bc1b9a3ba111f3e6967d03.js
self.__precacheManifest = (self.__precacheManifest || []).concat([
  {
    "revision": "72ff1e6ecb5c5d8173e1648e2516908f",
    "url": "/index.html"
  },
  {
    "revision": "594e7914fdd1d0d32462",
    "url": "/static/css/main.c7329a12.chunk.css"
  },
  {
    "revision": "1c24893cac447f417ee0",
    "url": "/static/js/2.efc3046c.chunk.js"
  },
  {
    "revision": "594e7914fdd1d0d32462",
    "url": "/static/js/main.fe361456.chunk.js"
  },
  {
    "revision": "42ac5946195a7306e2a5",
    "url": "/static/js/runtime~main.a8a9905a.js"
  },
  {
    "revision": "974f1155e0836a20700c3dec56f99f9e",
    "url": "/static/media/boy2.974f1155.jpg"
  },
  {
    "revision": "4af1ec7a7140de85f9a83c4d7c229754",
    "url": "/static/media/boy3.4af1ec7a.jpg"
  },
  {
    "revision": "8bc6890dae5f3a09f3ddea764bced031",
    "url": "/static/media/girl1.8bc6890d.jpg"
  }
]);<file_sep>/src/components/Menu.js
import React, { useEffect } from "react";
import { NavLink, Link } from "react-router-dom";
import "../styles/App.scss";
import M from "materialize-css";
const Menu = () => {
  useEffect(() => {
    // MORE dropdown
    const Dropdown = document.querySelectorAll(".dropdown-trigger");
    M.Dropdown.init(Dropdown, { coverTrigger: false, hover: true });

    // COUNSELING dropdown
    const Dropdown2 = document.querySelectorAll(".dropdown-trigger2");
    M.Dropdown.init(Dropdown2, { coverTrigger: false, hover: true });
  });
  return (
    <React.Fragment>
      <ul id="dropdown2" className="dropdown-content">
        <li>
          <Link to="/Counseling">COUNSELING</Link>
        </li>
      </ul>
      <ul id="dropdown1" className="dropdown-content">
        <li>
          <a href="https://www.weoc.info/">
            Washtenaw Educational Options Consortium
          </a>
        </li>
      </ul>
      <nav className="nav_menu">
        <div className="nav-wrapper">
          <ul className="left">
            <li>
              <Link to="/">HOME</Link>
            </li>
            <li>
              <NavLink to="/Admission">ADMISSION</NavLink>
            </li>
            <li>
              <NavLink to="/Calendar">CALENDAR</NavLink>
            </li>
            <li className="dropdown-trigger2" data-target="dropdown2">
              <NavLink to="/Curriculum">
                CURRICULUM
                <i className="material-icons right">arrow_drop_down</i>
              </NavLink>
            </li>
            <li>
              <NavLink to="/Student">STUDENT</NavLink>
            </li>
            <li className="dropdown-trigger" data-target="dropdown1">
              <Link to="/">
                MORE
                <i className="material-icons right">arrow_drop_down</i>
              </Link>
            </li>
          </ul>
        </div>
      </nav>
    </React.Fragment>
  );
};

export default Menu;
<file_sep>/src/pages/Calendar.js
import React, { useState } from "react";

const Calendar = () => {
  const [state] = useState({
    dates: [
      {
        id: 1,
        para:
          "The 2018-19 school calendar runs from September 4, 2018 - August 31, 2019."
      },
      {
        id: 2,
        para:
          "Winter and spring breaks are determined by a county-wide calendar. These dates for 2018/19 will be:"
      },
      {
        id: 3,
        heading: "Winter Break ",
        para:
          "School closes at the end of the day on Friday, December 21,2018 Classes resume on Tuesday, January 8, 2018"
      },
      {
        id: 4,
        heading: "SpringBreak",
        para:
          "School closes at the end of the day on Friday, March 22, 2018 Classes resume on Tuesday, April 2, 2018"
      },
      {
        id: 5,
        heading: "AADL Lab Schedule",
        para: "Tuesday 9:30AM-2:30PM Thursday 9:30AM-2:30PM"
      },
      {
        id: 6,
        heading: "Ypsilanti Lab Schedule",
        para:
          "Tuesday 9AM-3PM Wednesday 9AM-3PM Thursday 9AM-3PM​ Friday 9AM-3PM"
      }
    ]
  });
  return (
    <React.Fragment>
      <section className="calendar_section">
        <h2 className="center-align">Calendar</h2>
        <div className="calendar_wrapper">
          <section className="calendar_dates">
            <section className="dates">
              {state.dates.map(date => {
                return (
                  <div className="date" key={date.id}>
                    <h6>{date.heading}</h6>
                    <p>{date.para}</p>
                  </div>
                );
              })}
            </section>
          </section>
          <section className="calendar">
            <iframe
              title="calendar"
              src="https://calendar.google.com/calendar/embed?src=weocflex.org_u141hjg43dt61s1ob6hdtkalo4%40group.calendar.google.com&ctz=America%2FDetroit"
              style={{ border: 0 }}
              width="600"
              height="600"
              frameBorder="0"
              scrolling="no"
            />
          </section>
        </div>
      </section>
    </React.Fragment>
  );
};

export default Calendar;
<file_sep>/src/App.js
import React from "react";
import Layout from "./components/Layout";
import Header from "./components/Header";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import Home from "./pages/Home";
import Admission from "./pages/Admission";
import Calendar from "./pages/Calendar";
import Curriculum from "./pages/Curriculum";
import Student from "./pages/Student";
import Menu from "./components/Menu";
import "./styles/App.scss";
import Counseling from "./pages/Counseling";
function App() {
  return (
    <Layout>
      <section className="wrapper">
        <section className="header">
          <Header />
        </section>
        <section className="router">
          <Router>
            <Menu />
            <Switch>
              <Route path="/" exact component={Home} />
              <Route path="/Admission" component={Admission} />
              <Route path="/Calendar" component={Calendar} />
              <Route path="/Curriculum" component={Curriculum} />
              <Route path="/Student" component={Student} />
              <Route path="/Counseling" component={Counseling} />
            </Switch>
          </Router>
        </section>
      </section>
    </Layout>
  );
}

export default App;
<file_sep>/src/pages/Admission.js
import React, { useState } from "react";
import "../styles/pages.scss";
const Admission = () => {
  const [state] = useState({
    enroll: [
      {
        id: 1,
        title: "Partner District Applications",
        content:
          "We have 420 total seats for Washtenaw County students residing in the school districts of  Ann Arbor, Chelsea, Dexter, Lincoln, Manchester, Milan, Saline, Whitmore Lake, and Ypsilanti.  The seats are proportionally distributed among the nine participating districts."
      },
      {
        id: 2,
        title: "Out-of-County Applications",
        content:
          "Students must first enroll directly in a Washtenaw County School District prior to submitting an application to WAVE."
      },
      {
        id: 3,
        title: "School of Choice Open Enrollment Dates",
        content:
          "To enroll as a School of Choice student, a student must apply during a district's open enrollment period. Once enrolled in a participating district, a student can then qualify for one of the district's slots in one of the programs operated by WEOC."
      }
    ],
    links: [
      {
        id: 1,
        school: "Ann Arbor Public Schools",
        link: "https://www.a2schools.org/"
      },
      {
        id: 2,
        school: "Chelsea Public Schools",
        link:
          "https://www.chelsea.k12.mi.us/education/district/district.php?sectionid=1"
      },
      {
        id: 3,
        school: "Dexter Community Schools",
        link: "https://www.dexterschools.org/"
      },
      {
        id: 4,
        school: "Lincoln Consolidated Schools",
        link: "https://www.lincolnk12.org/"
      },
      {
        id: 5,
        school: "Manchester Community Schools",
        link:
          "http://www.mcs.k12.mi.us/education/district/district.php?sectionid=1"
      },
      {
        id: 6,
        school: "Manchester Community Schools",
        link:
          "http://www.mcs.k12.mi.us/education/district/district.php?sectionid=1"
      },
      {
        id: 7,
        school: "Milan Public Schools",
        link: "https://www.milanareaschools.org/"
      },
      {
        id: 8,
        school: "Saline Area Schools",
        link: "https://www.salineschools.org/"
      },
      {
        id: 9,
        school: "Washtenaw Intermediate School District",
        link: "https://washtenawisd.org/"
      },
      {
        id: 10,
        school: "Whitmore Lake Public Schools",
        link: "https://www.wlps.net/"
      },
      {
        id: 11,
        school: "Ypsilanti Community Schools ",
        link: "https://www.ycschools.us/"
      }
    ]
  });
  return (
    <React.Fragment>
      <section className="admission_wrapper">
        <section className="admission_section row">
          <div className="admission_title">
            <h3 className="center-align">Admission Information</h3>
            <h6 className="center-align">
              *Applications to the Washtenaw Alliance for Virtual Education are
              accepted on a rolling basis.*
            </h6>
          </div>
          <br />
          <div className="admission_content blue-grey lighten-5">
            <div className="admission_right">
              {state.enroll.map(info => {
                return (
                  <div key={info.id}>
                    <h5>{info.title}</h5>
                    <p>{info.content}</p>
                  </div>
                );
              })}
            </div>
            <div className="divider hide-on-med-and-up" />
            <div className="admission_left">
              <h6>
                Washtenaw Alliance for Virtual Education <br />
                is made possible by the following partnerships:
              </h6>
              {state.links.map(link => {
                return (
                  <div key={link.id}>
                    <p>
                      <a href={link.link}>{link.school}</a>
                    </p>
                  </div>
                );
              })}
            </div>
          </div>
        </section>
        <section className="application_section row blue-grey lighten-4">
          <div className="application_question">
            <div className="question_box">
              <h3>APPLICATION / INTEREST FORM</h3>
              <p>
                Please complete each field below with your student's
                information. Click Submit at the bottom of the form when
                complete. Office staff will call to discuss your interest in 5-7
                business days. Admissions are on a rolling basis dependent upon
                the number of seats available in the program for each
                participating district.
              </p>
              <a
                href="mailto:<EMAIL>"
                className="btn grey black-text lighten-2"
              >
                Email for questions
              </a>
            </div>
          </div>
          <div className="question_button">
            <a href="mailto:<EMAIL>" className="btn btn-small">
              Email for questions
            </a>
          </div>
          <div className="application_form">
            <iframe
              className="form"
              title="Wave Refferal"
              src="https://docs.google.com/forms/d/e/1FAIpQLSdpQiGJDTqMwEqZ14SSbMgH7YJDnRk_zSaqvJ8jgfi46U1sKg/viewform?embedded=true"
              width="640"
              height="1000"
              frameBorder="0"
              marginHeight="0"
              marginWidth="0"
            >
              Loading...
            </iframe>
          </div>
        </section>
      </section>
    </React.Fragment>
  );
};

export default Admission;
