Merge pull request #1017 from OpenSourceFellows/optional_landing_images

Made images on landing page optional

Author: DietBepis1

server/db/seeds/development/02-seed-campaigns-table.js

@@ -142,7 +142,7 @@ module.exports = {
           }
         ]),
         assets: JSON.stringify({
-          campaign_logo: 'https://ggjalliance.org/wp-content/uploads/2019/09/Equality-Labs.png',
+          campaign_logo: 'https://i.imgur.com/0I80XGh.png',
           campaign_background: 'https://media.assettype.com/freepressjournal/2024-09-04/i722yxsy/lg_NR15OldQueensGate0889_edit.jpg?rect=0%2C0%2C3900%2C2194&w=1200&auto=format%2Ccompress&ogImage=true',
           'campaign-img-1': 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ-yngrxizvU5kAZ3CP9-iQnn1OD14eXkpeXUYo96KOL6sg19Icwoes_JYlm_a61pzAcRE&usqp=CAU',
           'campaign-img-2': 'https://images-prod.gothamist.com/images/GettyImages-1481222828.width-1000.jpg',

src/components/CampaignBlurb.vue

@@ -2,22 +2,25 @@
   <div class="d-flex flex-column align-center blurb">
     <div>
       <img
+        v-if="assets['campaign-img-1']"
         :src="assets['campaign-img-1']"
         alt="supplemental image one"
-        class="mx-2 my-4 supplemental-img"
+        class="mx-2 my-2 supplemental-img"
       />
       <img
+        v-if="assets['campaign-img-2']"
         :src="assets['campaign-img-2']"
         alt="supplemental image two"
-        class="mx-2 my-4 supplemental-img"
+        class="mx-2 my-2 supplemental-img"
       />
       <img
+        v-if="assets['campaign-img-3']"
         :src="assets['campaign-img-3']"
         alt="supplemental image three"
-        class="mx-2 my-4 supplemental-img"
+        class="mx-2 my-2 supplemental-img"
       />
     </div>
-    <div class="px-6 text-content">
+    <div class="px-6 py-2 text-content">
       <p class="flavor-text" v-html="flavorText"></p>
     </div>
     <img