added more process info to FAM project

data/content.ts

@@ -207,16 +207,27 @@ A step can contain any type of work, and can be used in multiple workflows.
 
 An identification step for a check-in process using the default template might look like such:
 
-
-<blockquote>The general look and feel of a step in a workflow. 
-<a target="_blank" href="/img/projects/fam/example-step.png">
-<img src="/img/projects/fam/example-step.png" alt="Example Step" width="800"/>
+<blockquote>The general feel of a workflow step. 
+<a target="_blank" href="/img/projects/fam/flow-look-1.png">
+<img src="/img/projects/fam/flow-look-1.png" alt="Example Step" width="800"/>
+</a>
+</blockquote>
+
+In this picture, a guest has had their member ID scanned on the first and their profile information is displayed. The first step is now locked and the agent must reset to go back.
+
+The area with a marching border on the right side integrates an external barcode scanner in order to 
+read information on the back of US driver's license.
+
+This information is compared with the displayed profile on the left, and discrepencies are highlighted in yellow.
+
+Checking the acknowledgement box at the bottom moves the workflow into the next step by fulfulling the step advancement conditions.
+
+<blockquote>The major components of this UI. 
+<a target="_blank" href="/img/projects/fam/flow-look-2.png">
+<img src="/img/projects/fam/flow-look-2.png" alt="Example Step" width="800"/>
 </a>
 </blockquote>
 
-In this picture, a guest has had their ID card scanned and their profile information is displayed. The area with a marching border on the right side integrates an external barcode scanner in order to 
-read information on the back of US driver's license. This information is compared with that on the left, and discrepencies are highlighted in yellow. Checking the acknowledgement box at the bottom moves
-the workflow into the next step.
 
 ## Implementation