Merge pull request #89 from LauraJStevenson/update/credits-page

Update/credits page

src/views/BehindTheScenesView.vue

@@ -15,6 +15,9 @@
         Spring Boot, PostgreSQL, and Vue3 with Typescript. Laura took ownership of the CI/CD
         pipeline and configured our repositories and images with test coverage.
       </p>
+      <section class="diagram-container">
+        <img class="diagram-img" src="../../public/images/architectural-diagram-img.png" />
+      </section>
       <p>
         Once we had our pipeline running, we divided our resources and skills into front-end and
         back-end teams. Yagmur and Kimlyn took ownership of the back-end development, including user
@@ -91,15 +94,18 @@
           -PostgreSQL database accessed via JPA in Spring Boot <br />
           -Amazing graphics & color schemes <br />
           -Every functioning page you see on this site <br />
+          -Increasing our testing <br />
+          -Implementing compiler logic to connect to the ScriptEditor Page <br />
+          -Building the game engine <br />
+
+
+
         </ul>
       </p>
       <p>We are currently working on:
         <ul>
-          -Building the game engine <br />
-          -Increasing our testing <br />
           -Implementing a Content Management System for this page <br />
-          -Implementing compiler logic to connect to the ScriptEditor Page <br />
-          -Building the game!<br />
+          -Making functional gameplay!<br />
           -More robust error handling <br />
 
         </ul>
@@ -140,6 +146,16 @@ p {
   flex-wrap: wrap;
   justify-content: space-around;
 }
+
+.diagram-container {
+  display: flex;
+  justify-content: center;
+}
+
+.diagram-img {
+  border: 2px solid black;
+  padding: 4px;
+}
 .blog-images {
   border: 2px solid black;
   border-radius: 4px;

src/views/CreditsView.vue

@@ -141,6 +141,30 @@
           </li>
         </ul>
       </div>
+
+      <div class="individual-card">
+        <img class="card-photo" src="../../public/images/samantha-img.jpg" />
+        <h1>Samantha Butterfield</h1>
+        <h3>Full Stack Developer</h3>
+        <ul>
+          FrontEnd, Architectural Diagram
+        </ul>
+        <ul>
+          <li>
+            <a class="contact-link" href="hhttps://www.linkedin.com/in/samanthabutterfield/"
+              >LinkedIn</a
+            >
+          </li>
+          <li><a class="contact-link" href="https://github.com/sbutterfield5">GitHub</a></li>
+          <li>
+            <a
+              class="contact-link"
+              href="https://docs.google.com/document/d/1Ea12FlXnIRZx0vSCerngSS-pdmWiwDBlF98lTXoKL5M/edit?usp=sharing"
+              >Resume</a
+            >
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </template>