Added diagram to explain the tiger AI better.

src/Monq.jsx

@@ -13,6 +13,7 @@ import {
 
 
 const tigerPicture = new URL("../static/images/MonqPage/TigerAI.png", import.meta.url);
+const tigerDiagram = new URL("../static/images/MonqPage/TigerDiagram.png", import.meta.url);
 const sandPicture = new URL("../static/images/MonqPage/Sand.png", import.meta.url);
 const mirrorPicture = new URL("../static/images/MonqPage/MirrorReflection.png", import.meta.url);
 
@@ -86,7 +87,7 @@ class Monq extends Component {
                 </a>
               </iframe>
               <p />
-              <Typography variant="h5"> What I worked on </Typography>
+              <Typography variant="h5"> Stuff I worked on </Typography>
               <Typography variant="h6"> Tiger AI </Typography>
               <Grid container spacing={2}>
                 <Grid item sm={6} xs={12}>
@@ -100,7 +101,7 @@ class Monq extends Component {
                   complicated AI, I now know that It would have been far
                   easier to restrict the AI's movement through the use of a
                   more complex steering system rather than calculating where
-                  it should end up.
+                  the actor should target moving towards.
                 </Grid>
                 <Grid item sm={6}>
                   <Box
@@ -111,12 +112,18 @@ class Monq extends Component {
                   />
                 </Grid>
               </Grid>
+              <Box
+                component="img"
+                alt="Diagram of Tiger AI"
+                src={tigerDiagram}
+                style={{ width: "100%", "float": "right" }}
+              />
               <Typography variant="h6"> Mirror Reflections </Typography>
               <Grid container spacing={2}>
                 <Grid item sm={6}>
                   <Box
                     component="img"
-                    alt="Image of Tiger AI"
+                    alt="Image of mirror reflection"
                     src={mirrorPicture}
                     style={{ width: "100%", "float": "left" }}
                   />