Added research papers to site

Makefile

@@ -4,7 +4,7 @@ postbuild: build
 	node postbuild.js
 
 build: node_modules
-	parcel build ${entrypoint}
+	npx parcel build ${entrypoint}
 
 node_modules:
 	npm install

src/Greeting.jsx

@@ -45,7 +45,9 @@ class Greeting extends Component {
                 Computing at the Games Academy in Falmouth University, with an
                 academeic background in Computing for Games and
                 Entrepreneurship. I'm currently looking for oppertunities which
-                would allow me to explore graphics programming and simulation.
+                would allow me to explore  my interests whether thats graphics
+                programming and simulation, or developing and even deeper
+                understanding of linux based technologies.
               </Typography>
             </CardContent>
             <CardActions>

src/Header.jsx

@@ -41,6 +41,14 @@ class Header extends Component {
               Graphics Blog
             </Button>
             {" "}
+            <Button
+              variant="text"
+              href="/research"
+              style={{ color: "#f0ffd6" }}
+            >
+              Research Contributions
+            </Button>
+            {" "}
             <Button
               variant="text"
               href={CV}

src/Research.jsx

@@ -0,0 +1,55 @@
+import { h, render, Component } from "preact";
+import Header from "./Header";
+import {
+  Container,
+  Card,
+  CardHeader,
+  CardContent,
+  Typography,
+  List,
+  ListItem,
+  ListItemText,
+  Link,
+} from "@material-ui/core";
+
+class Contact extends Component {
+  render() {
+    return (
+      <span>
+        <Header />
+        <Container maxWidth="md">
+          <p />
+          <Card>
+            <CardHeader title="Research Contributions" />
+            <CardContent>
+              <ListItemText>
+                An Exploratory Analysis of Student Experiences with Peer Evaluation in Group Game Development Projects:{" "}
+                <p>
+                  <Link
+                    rel="noopener"
+                    href="https://dl.acm.org/doi/10.1145/3555009.3555021"
+                  >
+                    https://dl.acm.org/doi/10.1145/3555009.3555021
+                  </Link>
+                </p>
+              </ListItemText>
+              <ListItemText>
+                Student Perspectives on the Purpose of Peer Evaluation During Group Game Development Projects:{" "}
+                <p>
+                  <Link
+                    rel="noopener"
+                    href="https://dl.acm.org/doi/10.1145/3481282.3481294"
+                  >
+                    https://dl.acm.org/doi/10.1145/3481282.3481294
+                  </Link>
+                </p>
+              </ListItemText>
+            </CardContent>
+          </Card>
+        </Container>
+      </span>
+    );
+  }
+}
+
+export default Contact;

src/index.jsx

@@ -15,6 +15,10 @@ class App extends Component {
         <CssBaseline />
         <Router>
           <Home path="/" />
+          <AsyncRoute path="/research" getComponent={() =>
+            import("./Research").then((module) => module.default)
+          }
+          />
           <AsyncRoute path="/contact" getComponent={() =>
             import("./Contact").then((module) => module.default)
           }