Merge pull request #2 from mit-spatial-action/main

globe pitch (optionalied), address2

src/components/Footer.astro

@@ -43,6 +43,7 @@ const { navItems } = Astro.props;
         <li>{data.email && <a href={"mailto:".concat(data.email)} class="has-text-white">{data.email}</a>}</li>
         <li>{data.phone && <a href={"tel:".concat(data.phone)} class="has-text-white">{data.phone}</a>}</li>
         <li class="has-text-white">{data.office.address}</li>
+        <li class="has-text-white">{data.office.address2}</li>
         <li class="has-text-white">{data.office.city}, {data.office.state} {data.office.postal}</li>
       </ul>
     </div>

src/components/Globe.astro

@@ -6,11 +6,12 @@ interface Props {
   zoom: number;
   mapstyle: string;
   bearing: number;
+  pitch?: number;
   accesstoken: string;
   interactive?: boolean;
   sec?: number;
 }
-const { lng, lat, zoom, mapstyle, bearing, accesstoken, interactive = false, sec} = Astro.props;
+const { lng, lat, zoom, mapstyle, bearing, pitch = 0, accesstoken, interactive = false, sec} = Astro.props;
 
 ---
 
@@ -22,6 +23,7 @@ const { lng, lat, zoom, mapstyle, bearing, accesstoken, interactive = false, sec
     data-zoom={zoom}
     data-mapstyle={mapstyle}
     data-bearing={bearing}
+    data-pitch={pitch}
     data-accesstoken={accesstoken}
     data-interactive={interactive}
     data-sec={sec}
@@ -39,6 +41,7 @@ const { lng, lat, zoom, mapstyle, bearing, accesstoken, interactive = false, sec
                 center: [this.dataset.lng, this.dataset.lat],
                 interactive: this.dataset.interactive,
                 bearing: this.dataset.bearing,
+                pitch: this.dataset.pitch,
                 zoom: this.dataset.zoom,
                 style: this.dataset.mapstyle
             })
@@ -59,7 +62,7 @@ const { lng, lat, zoom, mapstyle, bearing, accesstoken, interactive = false, sec
 
 <style>
     #map {
-        mix-blend-mode: screen;
+        /* mix-blend-mode: screen; */
         height: 100%;
         width: 100vw;
         position: fixed;

src/components/Organization.astro

@@ -14,6 +14,7 @@ interface Props {
     description?: string;
     office?: {
       address?: string;
+      address2?: string;
       city?: string;
       state?: string;
       postal?: string;
@@ -41,6 +42,7 @@ const { org, columns = true} = Astro.props;
       <li>{org.email && <a href={"mailto:".concat(org.email)} class="has-text-white">{org.email}</a>}</li>
       <li>{org.phone && <a href={"tel:".concat(org.phone)} class="has-text-white">{org.phone}</a>}</li>
       <li class="has-text-white">{org.office.address}</li>
+      <li class="has-text-white">{org.office.address2}</li>
       <li class="has-text-white">{org.office.city}, {org.office.state} {org.office.postal}</li>
     </ul>
   </div>

src/sass/styles.scss

@@ -20,6 +20,15 @@
     }
 }
 
+a {
+    text-decoration-line: underline;
+    text-decoration-style: dashed;
+}
+
+a.button {
+    text-decoration-line: none;
+}
+
 .text-shadow-danger {
     text-shadow: $shadow-offset $shadow-offset $danger;
 }