From 0216f8879440ce73d90a9e58cc5eac68240e9fdd Mon Sep 17 00:00:00 2001
From: Galen Guyer <galen@galenguyer.com>
Date: Fri, 29 Oct 2021 12:19:15 -0400
Subject: add static data for 2020-2021 school year

---
 src/Card.js | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/Card.js

(limited to 'src/Card.js')

diff --git a/src/Card.js b/src/Card.js
new file mode 100644
index 0000000..a58f611
--- /dev/null
+++ b/src/Card.js
@@ -0,0 +1,25 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import "./Card.css";
+
+const Card = (props) => {
+    let diff = props.diff.toString();
+    if (diff.charAt(0) != "-") {
+        diff = "+" + diff;
+    }
+
+    return (
+        <Link className="Card" style={{ padding: 0 }} to={props.link}>
+            <div className="group bg-white hover:bg-orange-400 rounded-lg border-2 border-orange-300 hover:border-orange-400 p-2 m-6 transition ease-in-out duration-300">
+                <p>
+                    <span className="text-2xl group-hover:text-white transition ease-in-out duration-300">
+                        {props.latest}{" "}
+                    </span>
+                </p>
+                <h3 className="text-base group-hover:text-white transition ease-in-out duration-300">{props.name}</h3>
+            </div>
+        </Link>
+    );
+};
+
+export default Card;
-- 
cgit v1.2.3