Bold links and maptype set ready for new platforms

focallocal · Oct 19, 2023 · 102c90a · 102c90a
1 parent c18e8a3
commit 102c90a
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 5 deletions.
diff --git a/imports/client/ui/pages/Home/EventsSection/Item/styles.scss b/imports/client/ui/pages/Home/EventsSection/Item/styles.scss
@@ -38,6 +38,9 @@
     .item-text {
       text-align: left;
       font-size: 18px;
+      @media (min-width: 768px) {
+        font-weight: bold; /* Adjust the font weight as desired */
+      }
     }
   }
 }
diff --git a/imports/client/ui/pages/Home/MovementSection/Item/styles.scss b/imports/client/ui/pages/Home/MovementSection/Item/styles.scss
@@ -38,6 +38,9 @@
     .item-text {
       text-align: left;
       font-size: 18px;
+      @media (min-width: 768px) {
+        font-weight: bold; /* Adjust the font weight as desired */
+      }
     }
   }
 }
diff --git a/imports/client/ui/pages/Home/ProjectsSection/Item/styles.scss b/imports/client/ui/pages/Home/ProjectsSection/Item/styles.scss
@@ -38,6 +38,9 @@
     .item-text {
       text-align: left;
       font-size: 18px;
+      @media (min-width: 768px) {
+        font-weight: bold; /* Adjust the font weight as desired */
+      }
     }
   }
 }
diff --git a/imports/client/ui/pages/Home/index.js b/imports/client/ui/pages/Home/index.js
@@ -19,13 +19,28 @@ class Home extends Component {
 
     if (window.__mapType === 'gatherings') {
       if (isMobile) {
-        url = '/images/PHM-logo-banner-low.jpg';
+        url = '/images/PHM-logo-banner-low.jpg'; // Mobile hero image
       } else {
-        url = '/images/PHM-logo-banner-text-high.svg';
+        url = '/images/PHM-logo-banner-text-high.svg'; // Desktop hero image
+      }
+    } else if (window.__mapType === 'btm') {
+      if (isMobile) {
+        url = '/images/focallocal-bgOG.jpg'; // Mobile hero image
+      } else {
+        url = '/images/focallocal-bgOG.jpg'; // Desktop hero image
+      }
+    } else if (window.__mapType === 'climate') {
+      if (isMobile) {
+        url = '/images/climate.jpg'; // Mobile hero image
+      } else {
+        url = '/images/climate.jpg'; // Desktop hero image
+      }
+    } else if (window.__mapType === 'wiggles') {
+      if (isMobile) {
+        url = '/images/wiggles.jpg'; // Mobile hero image
+      } else {
+        url = '/images/wiggles.jpg'; // Desktop hero image
       }
-    } else {
-      url = '/images/focallocal-bgOG.jpg';
-    }
 
     let backgroundImage = { backgroundImage: 'url(' + url + ')', opacity };
     let imgStyle = { width: '100%' };