Added 6 frames to facial recognition case study (#92)

uclaacm · May 22, 2024 · 26de259 · 26de259
1 parent 154d30b
commit 26de259
Showing 1 changed file with 191 additions and 0 deletions.
diff --git a/website/src/caseStudies/FacialRecognition.js b/website/src/caseStudies/FacialRecognition.js
@@ -34,6 +34,197 @@ const FacialRecognitionInfo = [
       ],
     },
   },
+
+  {
+    post: {
+      profilePic: teachLogo,
+      profilePicName: "Profile Picture - Frame 1",
+      header: "Frame 1",
+      subheader: "Why Is This Important?",
+      bodyText: [
+        {
+          body: (
+            <p className="bold">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+              reprehenderit in voluptate velit esse cillum dolore eu fugiat
+              nulla pariatur.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              <mark className="bold">{`TODO: `} </mark>Excepteur sint occaecat
+              cupidatat non proident, sunt in culpa qui officia deserunt mollit
+              anim id est laborum.
+            </p>
+          ),
+        },
+      ],
+    },
+  },
+
+  {
+    post: {
+      profilePic: teachLogo,
+      profilePicName: "Profile Picture - Frame 2",
+      header: "Frame 2",
+      subheader: "Why Is This Important?",
+      bodyText: [
+        {
+          body: (
+            <p className="bold">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+              reprehenderit in voluptate velit esse cillum dolore eu fugiat
+              nulla pariatur.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              <mark className="bold">{`TODO: `} </mark>Excepteur sint occaecat
+              cupidatat non proident, sunt in culpa qui officia deserunt mollit
+              anim id est laborum.
+            </p>
+          ),
+        },
+      ],
+    },
+  },
+
+  {
+    post: {
+      profilePic: teachLogo,
+      profilePicName: "Profile Picture - Frame 4",
+      header: "Frame 4",
+      subheader: "Why Is This Important?",
+      bodyText: [
+        {
+          body: (
+            <p className="bold">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+              reprehenderit in voluptate velit esse cillum dolore eu fugiat
+              nulla pariatur.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              <mark className="bold">{`TODO: `} </mark>Excepteur sint occaecat
+              cupidatat non proident, sunt in culpa qui officia deserunt mollit
+              anim id est laborum.
+            </p>
+          ),
+        },
+      ],
+    },
+  },
+
+  {
+    post: {
+      profilePic: teachLogo,
+      profilePicName: "Profile Picture - Frame 5",
+      header: "Frame 5",
+      subheader: "Why Is This Important?",
+      bodyText: [
+        {
+          body: (
+            <p className="bold">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+              reprehenderit in voluptate velit esse cillum dolore eu fugiat
+              nulla pariatur.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              <mark className="bold">{`TODO: `} </mark>Excepteur sint occaecat
+              cupidatat non proident, sunt in culpa qui officia deserunt mollit
+              anim id est laborum.
+            </p>
+          ),
+        },
+      ],
+    },
+  },
+
+  {
+    post: {
+      profilePic: teachLogo,
+      profilePicName: "Profile Picture - Frame 6",
+      header: "Frame 6",
+      subheader: "Why Is This Important?",
+      bodyText: [
+        {
+          body: (
+            <p className="bold">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+              reprehenderit in voluptate velit esse cillum dolore eu fugiat
+              nulla pariatur.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              <mark className="bold">{`TODO: `} </mark>Excepteur sint occaecat
+              cupidatat non proident, sunt in culpa qui officia deserunt mollit
+              anim id est laborum.
+            </p>
+          ),
+        },
+      ],
+    },
+  },
+
   {
     post: {
       profilePic: teachLogo,