diff options
Diffstat (limited to 'src/App.js')
| -rw-r--r-- | src/App.js | 88 |
1 files changed, 55 insertions, 33 deletions
@@ -30,7 +30,7 @@ function App() { return ( <div className="App"> - <h1>RIT Covid Dashboard</h1> + <h1 className="text-4xl">RIT Covid Dashboard</h1> <h3> Last Updated:{" "} {lastUpdate.toLocaleString({ @@ -41,43 +41,65 @@ function App() { minute: "2-digit", })} </h3> - <div className="Section"> - <Card name="Total Student Cases" latest={latest.total_students} prior={prior.total_students} /> - <Card name="Total Staff Cases" latest={latest.total_staff} prior={prior.total_staff} /> + <br /> + <br /> + <div id="total"> + <h4 className="text-2xl">Total Positive Cases Since August 19 (First Day of Classes)</h4> + <div className="Section"> + <Card name="Students" latest={latest.total_students} prior={prior.total_students} /> + <Card name="Staff" latest={latest.total_staff} prior={prior.total_staff} /> + </div> </div> - <div className="Section"> - <Card name="New Student Cases" latest={latest.new_students} prior={prior.new_students} /> - <Card name="New Staff Cases" latest={latest.new_staff} prior={prior.new_staff} /> + <br /> + <div id="new"> + <h4 className="text-2xl">New Positive Cases From Past 14 Days</h4> + + <div className="Section"> + <Card name="Students" latest={latest.new_students} prior={prior.new_students} /> + <Card name="Staff" latest={latest.new_staff} prior={prior.new_staff} /> + </div> </div> - <div className="Section"> - <Card - name="Quarantine On Campus" - latest={latest.quarantine_on_campus} - prior={prior.quarantine_on_campus} - /> - <Card - name="Quarantine Off Campus" - latest={latest.quarantine_off_campus} - prior={prior.quarantine_off_campus} - /> + <br /> + <div id="quarantine"> + <h4 className="text-2xl">Number of Students in Quarantine</h4> + <h5 className="text-base"> + Quarantine separates and restricts the movement of people who were exposed to a contagious disease + to see if they become sick. + </h5> + <div className="Section"> + <Card name="On Campus" latest={latest.quarantine_on_campus} prior={prior.quarantine_on_campus} /> + <Card name="Off Campus" latest={latest.quarantine_off_campus} prior={prior.quarantine_off_campus} /> + </div> </div> - <div className="Section"> - <Card - name="Isolation On Campus" - latest={latest.isolation_on_campus} - prior={prior.isolation_on_campus} - /> - <Card - name="Isolation Off Campus" - latest={latest.isolation_off_campus} - prior={prior.isolation_off_campus} - /> + <br /> + <div id="isolation"> + <h4 className="text-2xl">Number of Students in Isolation</h4> + <h5 className="text-base"> + Isolation separates sick people with a contagious disease from people who are not sick. + </h5> + <div className="Section"> + <Card name="On Campus" latest={latest.isolation_on_campus} prior={prior.isolation_on_campus} /> + <Card name="Off Campus" latest={latest.isolation_off_campus} prior={prior.isolation_off_campus} /> + </div> </div> - <div className="Section"> - <Card name="Tests Administered" latest={latest.tests_administered} prior={prior.tests_administered} /> + <br /> + <div id="tests"> + <h4 className="text-2xl">Number of Tests Administered by Student Health Center</h4> + <div className="Section"> + <Card name="Tests to date" latest={latest.tests_administered} prior={prior.tests_administered} /> + </div> </div> - <div className="Section"> - <Card name="Beds Available" latest={latest.beds_available} prior={prior.beds_available} suffix="%" /> + <br /> + <div id="beds"> + <h4 className="text-2xl">Quarantine/Isolation Bed Availability On-campus</h4> + <div className="Section"> + <Card + name="Beds Available" + latest={latest.beds_available} + prior={prior.beds_available} + suffix="%" + /> + </div> </div> </div> ); |