From 079ebc3da3d78f7baa1d52f23095e4b62fe41cbf Mon Sep 17 00:00:00 2001
From: buraiyen <brian.edison.nguyen@gmail.com>
Date: Thu, 18 Nov 2021 12:18:55 -0800
Subject: [PATCH 1/6] init PhotoGallery.vue

---
 src/components/PhotoGallery.vue | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 src/components/PhotoGallery.vue

diff --git a/src/components/PhotoGallery.vue b/src/components/PhotoGallery.vue
new file mode 100644
index 0000000..e904c17
--- /dev/null
+++ b/src/components/PhotoGallery.vue
@@ -0,0 +1,9 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style></style>

From 90e29913f949ef0f8ad7e1c24d3c8eb7b6b31786 Mon Sep 17 00:00:00 2001
From: buraiyen <brian.edison.nguyen@gmail.com>
Date: Thu, 18 Nov 2021 12:38:12 -0800
Subject: [PATCH 2/6] PhotoGallery: test data

---
 src/components/PhotoGallery.vue | 19 +++++++++++++++++--
 src/views/PhotosView.vue        | 29 ++++++++++++++++++++++++++++-
 2 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/src/components/PhotoGallery.vue b/src/components/PhotoGallery.vue
index e904c17..142ee9a 100644
--- a/src/components/PhotoGallery.vue
+++ b/src/components/PhotoGallery.vue
@@ -1,9 +1,24 @@
 <template>
-  <div></div>
+  <div>
+    <h2>{{ event.name }}</h2>
+    <v-row>
+      <v-col v-for="photo in event.photos" :key="photo" cols="12" md="6" lg="4">
+        <PhotoCard :photo="photo" />
+      </v-col>
+    </v-row>
+  </div>
 </template>
 
 <script>
-export default {};
+import PhotoCard from './PhotoCard.vue';
+export default {
+  components: {
+    PhotoCard,
+  },
+  props: {
+    event: Object,
+  },
+};
 </script>
 
 <style></style>
diff --git a/src/views/PhotosView.vue b/src/views/PhotosView.vue
index 91ed0a8..61b7242 100644
--- a/src/views/PhotosView.vue
+++ b/src/views/PhotosView.vue
@@ -1,3 +1,30 @@
 <template>
-  <h1>Photos</h1>
+  <v-container>
+    <h1>Photos</h1>
+    <div v-for="(event, i) in events" :key="i">
+      <PhotoGallery :event="event" />
+    </div>
+  </v-container>
 </template>
+
+<script>
+import PhotoGallery from '../components/PhotoGallery.vue';
+export default {
+  components: {
+    PhotoGallery,
+  },
+  data: () => ({
+    events: [
+      {
+        name: 'Medical Outreach',
+        date: '11/13/21',
+        photos: [
+          'https://res.cloudinary.com/buraiyen/image/upload/v1637183817/CSULB_TC_Website/6F3E6219-7561-4D01-AA4A-B13A735CCE80_kjncp4.jpg',
+        ],
+      },
+    ],
+  }),
+};
+</script>
+
+<style></style>

From 3229d797f56f193faa922835659270e54cbb936f Mon Sep 17 00:00:00 2001
From: buraiyen <brian.edison.nguyen@gmail.com>
Date: Thu, 18 Nov 2021 12:52:55 -0800
Subject: [PATCH 3/6] PhotoGallery: various changes

- included name of event and date
- spaced out sections
---
 src/components/PhotoGallery.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/PhotoGallery.vue b/src/components/PhotoGallery.vue
index 142ee9a..306eb1c 100644
--- a/src/components/PhotoGallery.vue
+++ b/src/components/PhotoGallery.vue
@@ -1,8 +1,8 @@
 <template>
-  <div>
-    <h2>{{ event.name }}</h2>
+  <div class="gallery_section">
+    <h2>{{ event.name }}, {{ event.date }}</h2>
     <v-row>
-      <v-col v-for="photo in event.photos" :key="photo" cols="12" md="6" lg="4">
+      <v-col v-for="photo in event.photos" :key="photo" cols="6" lg="4">
         <PhotoCard :photo="photo" />
       </v-col>
     </v-row>
@@ -21,4 +21,8 @@ export default {
 };
 </script>
 
-<style></style>
+<style>
+.gallery_section {
+  margin: 3rem 0px;
+}
+</style>

From 4b1e01eeeb4bd1f0d75249b9ba94e2aa3635eacb Mon Sep 17 00:00:00 2001
From: buraiyen <brian.edison.nguyen@gmail.com>
Date: Thu, 18 Nov 2021 13:08:36 -0800
Subject: [PATCH 4/6] PhotosView: more data

---
 src/views/PhotosView.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/views/PhotosView.vue b/src/views/PhotosView.vue
index 61b7242..151daf7 100644
--- a/src/views/PhotosView.vue
+++ b/src/views/PhotosView.vue
@@ -1,6 +1,7 @@
 <template>
   <v-container>
     <h1>Photos</h1>
+    <h3>Get a glimpse at what we do in our organization!</h3>
     <div v-for="(event, i) in events" :key="i">
       <PhotoGallery :event="event" />
     </div>
@@ -20,6 +21,19 @@ export default {
         date: '11/13/21',
         photos: [
           'https://res.cloudinary.com/buraiyen/image/upload/v1637183817/CSULB_TC_Website/6F3E6219-7561-4D01-AA4A-B13A735CCE80_kjncp4.jpg',
+          'https://res.cloudinary.com/buraiyen/image/upload/v1637183822/CSULB_TC_Website/IMG_9996_bdgkjf.jpg',
+          'https://res.cloudinary.com/buraiyen/image/upload/v1637183820/CSULB_TC_Website/IMG_0040_txeaj1.jpg',
+        ],
+      },
+      {
+        name: 'Fall Week of Welcome',
+        date: '9/5/21',
+        photos: [
+          'https://res.cloudinary.com/buraiyen/image/upload/c_scale,w_1151/v1637269283/CSULB_TC_Website/Gallery/2021_WeekOfWelcome/BEN_1548_pynqen.jpg',
+          'https://res.cloudinary.com/buraiyen/image/upload/c_scale,w_1084/v1637269278/CSULB_TC_Website/Gallery/2021_WeekOfWelcome/BEN_1632_sdahq2.jpg',
+          'https://res.cloudinary.com/buraiyen/image/upload/c_scale,w_1148/v1637269268/CSULB_TC_Website/Gallery/2021_WeekOfWelcome/BEN_1689_fjaew9.jpg',
+          'https://res.cloudinary.com/buraiyen/image/upload/c_scale,w_892/v1637269276/CSULB_TC_Website/Gallery/2021_WeekOfWelcome/BEN_1533_uplruz.jpg',
+          'https://res.cloudinary.com/buraiyen/image/upload/c_scale,w_1020/v1637269282/CSULB_TC_Website/Gallery/2021_WeekOfWelcome/BEN_1661_klychz.jpg',
         ],
       },
     ],

From bebfc6b57132c3bf5640e3eaf54f6294db80b1d5 Mon Sep 17 00:00:00 2001
From: buraiyen <brian.edison.nguyen@gmail.com>
Date: Fri, 26 Nov 2021 17:03:15 -0800
Subject: [PATCH 5/6] PhotosView: heading styles

---
 src/views/PhotosView.vue | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/views/PhotosView.vue b/src/views/PhotosView.vue
index 151daf7..a0e85f3 100644
--- a/src/views/PhotosView.vue
+++ b/src/views/PhotosView.vue
@@ -1,7 +1,9 @@
 <template>
   <v-container>
-    <h1>Photos</h1>
-    <h3>Get a glimpse at what we do in our organization!</h3>
+    <h1 id="photos_header">Photos</h1>
+    <h3 id="photos_subheader">
+      Get a glimpse at what we do in our organization!
+    </h3>
     <div v-for="(event, i) in events" :key="i">
       <PhotoGallery :event="event" />
     </div>
@@ -41,4 +43,15 @@ export default {
 };
 </script>
 
-<style></style>
+<style>
+#photos_header {
+  text-align: center;
+  font-size: 3rem;
+  color: #2f86a6;
+}
+#photos_subheader {
+  text-align: center;
+  font-size: 2rem;
+  color: #3babd4;
+}
+</style>

From d0fc30a4637e09e9420fdf34dcb3923d30a02d06 Mon Sep 17 00:00:00 2001
From: buraiyen <brian.edison.nguyen@gmail.com>
Date: Fri, 26 Nov 2021 17:05:29 -0800
Subject: [PATCH 6/6] PhotoGallery: header style

---
 src/components/PhotoGallery.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/PhotoGallery.vue b/src/components/PhotoGallery.vue
index 306eb1c..34348a9 100644
--- a/src/components/PhotoGallery.vue
+++ b/src/components/PhotoGallery.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="gallery_section">
-    <h2>{{ event.name }}, {{ event.date }}</h2>
+    <h2 class="event_namedate_header">{{ event.name }}, {{ event.date }}</h2>
     <v-row>
       <v-col v-for="photo in event.photos" :key="photo" cols="6" lg="4">
         <PhotoCard :photo="photo" />
@@ -22,6 +22,9 @@ export default {
 </script>
 
 <style>
+.event_namedate_header {
+  color: #34be82;
+}
 .gallery_section {
   margin: 3rem 0px;
 }