{
- const tt = window.tt;
- var map = tt.map({
- key: "1JNM9zmAHGoFlR8FiiV1syDoa05dafLP",
- container: mapRef.value,
- style: "tomtom://vector/1/basic-main",
- center: [-97.7431, 30.2672],
- zoom: 2.5,
- });
- map.addControl(new tt.FullscreenControl());
- map.addControl(new tt.NavigationControl());
+ name: "Map",
+ setup() {
+ const mapRef = ref(null);
+ onMounted(() => {
+ const tt = window.tt;
+ var map = tt.map({
+ key: "1JNM9zmAHGoFlR8FiiV1syDoa05dafLP",
+ container: mapRef.value,
+ style: "tomtom://vector/1/basic-main",
+ center: [-97.7431, 30.2672],
+ zoom: 2.5,
+ });
+ map.addControl(new tt.FullscreenControl());
+ map.addControl(new tt.NavigationControl());
- function addMarker(map) {
- const tt = window.tt;
+ addMarker(map);
- var location1 = [-119.4179, 36.7783];
- var location2 = [-97.7431, 30.2672];
- var location3 = [-98, 38.5];
- var location4 = [-89, 40];
- var location5 = [-111.0937, 34.0489];
- var location6 = [117.0208, 36.6683];
- var location7 = [-72.576, 44.2601];
- var popupOffset = 25;
+ function addMarker(map) {
+ const locations = [
+ {
+ name: "Alabama Institute for the Deaf and Blind",
+ coordinates: [-86.121667, 33.423889],
+ },
+ {
+ name: "Arizona State School for the Deaf and the Blind",
+ coordinates: [-110.9904206, 32.2370163],
+ },
+ {
+ name: "California School for the Blind",
+ coordinates: [-121.965, 37.561389],
+ },
+ {
+ name: "Florida School for the Deaf and the Blind",
+ coordinates: [-81.31568, 29.91387],
+ },
+ {
+ name: "Georgia Academy for the Blind",
+ coordinates: [-83.6686, 32.8481],
+ },
+ {
+ name: "Hadley (IL)",
+ coordinates: [-87.7305, 42.1056],
+ },
+ {
+ name: "Idaho Educational Services for the Deaf and the Blind",
+ coordinates: [-114.71018377937226, 42.930033266556364],
+ },
+ {
+ name: "Illinois School for the Visually Impaired",
+ coordinates: [-90.21798754611584, 39.73565543633133],
+ },
+ {
+ name: "Indiana School for the Blind and Visually Impaired",
+ coordinates: [-86.08515046145114, 39.83401516509762],
+ },
+ {
+ name: "Iowa Educational Services for the Blind and Visually Impaired",
+ coordinates: [-95.82260501904825, 41.22588929543891],
+ },
+ {
+ name: "Kansas State School for the Blind",
+ coordinates: [-94.6395, 39.11653],
+ },
+ {
+ name: "Kentucky School for the Blind",
+ coordinates: [-85.713383, 38.255933],
+ },
+ {
+ name: "Louisiana School for the Visually Impaired",
+ coordinates: [-91.188055, 30.393055],
+ },
+ {
+ name: "Maryland School for the Blind",
+ coordinates: [-76.536111, 39.3675],
+ },
+ {
+ name: "Missouri School for the Blind",
+ coordinates: [-90.245, 38.608333],
+ },
+ {
+ name: "Perkins School for the Blind (MA)",
+ coordinates: [-71.1755, 42.362],
+ },
+ {
+ name: "Vermont Association for the Blind and Visually Impaired",
+ coordinates: [-73.150000, 44.466667],
+ },
+ {
+ name: "Visually Impaired Preschool Services (KY + IN)",
+ coordinates: [-85.68384087502888, 38.20048802883136],
+ },
+ ];
- var marker1 = new tt.Marker().setLngLat(location1).addTo(map);
- var marker2 = new tt.Marker().setLngLat(location2).addTo(map);
- var marker3 = new tt.Marker().setLngLat(location3).addTo(map);
- var marker4 = new tt.Marker().setLngLat(location4).addTo(map);
- var marker5 = new tt.Marker().setLngLat(location5).addTo(map);
- var marker6 = new tt.Marker().setLngLat(location6).addTo(map);
- var marker7 = new tt.Marker().setLngLat(location7).addTo(map);
-
- var popup1 = new tt.Popup({
- offset: popupOffset,
- closeButton: false,
- }).setText("California School for the Blind");
- var popup2 = new tt.Popup({
- offset: popupOffset,
- closeButton: false,
- }).setText("Texas School for the Blind and Visually Impaired");
- var popup3 = new tt.Popup({
- offset: popupOffset,
- closeButton: false,
- }).setText("Kansas School for the Blind");
- var popup4 = new tt.Popup({
- offset: popupOffset,
- closeButton: false,
- }).setText("Illinois School for the Visually Impaired");
- var popup5 = new tt.Popup({
- offset: popupOffset,
- closeButton: false,
- }).setText("Arizona State School for the Deaf and the Blind");
- var popup6 = new tt.Popup({
- offset: popupOffset,
- closeButton: false,
- }).setText(
- "HeZe Special Education Center (菏泽市特殊教育中心)"
- );
- var popup7 = new tt.Popup({
- offset: popupOffset,
- closeButton: false,
- }).setText(
- "Vermont Association For The Blind And Visually Impaired"
- );
-
- marker1.setPopup(popup1);
- marker2.setPopup(popup2);
- marker3.setPopup(popup3);
- marker4.setPopup(popup4);
- marker5.setPopup(popup5);
- marker6.setPopup(popup6);
- marker7.setPopup(popup7);
- }
-
- addMarker(map);
+ const tt = window.tt;
+ locations.forEach((location) => {
+ let marker = new tt.Marker()
+ .setLngLat(location.coordinates)
+ .addTo(map);
+ let popup = new tt.Popup({
+ offset: 25,
+ closeButton: false,
+ }).setText(location.name);
+ marker.setPopup(popup);
});
+ }
+ });
- return { mapRef };
- },
+ return { mapRef };
+ },
};
-
+
diff --git a/src/pages/Impact/Impact.vue b/src/pages/Impact/Impact.vue
index a64824c9..2821c968 100644
--- a/src/pages/Impact/Impact.vue
+++ b/src/pages/Impact/Impact.vue
@@ -8,18 +8,32 @@ import PressList from "./PressList/PressList.vue";
import OurReach from "./OurReach/OurReach.vue";
import CollaboratingSchools from "./CollaboratingSchools/CollaboratingSchools.vue";
import ImpactInAction from "./ImpactInAction/ImpactInAction.vue";
+
+import { useDeviceType } from "../../Utilities/checkDeviceType";
+const { isMobile, isTablet } = useDeviceType();
+
+
-
-
+
+
-
-
-
+
-
+
+
+
+
-
+
\ No newline at end of file
diff --git a/src/pages/Impact/ImpactInAction/ImpactInAction.vue b/src/pages/Impact/ImpactInAction/ImpactInAction.vue
index d523dee0..c4fc0f6c 100644
--- a/src/pages/Impact/ImpactInAction/ImpactInAction.vue
+++ b/src/pages/Impact/ImpactInAction/ImpactInAction.vue
@@ -3,7 +3,7 @@ import Carousel from "./Carousel.vue";
-
+
diff --git a/src/pages/Impact/OurReach/OurReach.vue b/src/pages/Impact/OurReach/OurReach.vue
index 84fe7a67..41a6e8cc 100644
--- a/src/pages/Impact/OurReach/OurReach.vue
+++ b/src/pages/Impact/OurReach/OurReach.vue
@@ -5,7 +5,7 @@
OUR REACH
@@ -32,7 +32,7 @@
class="mx-auto relative -top-12"
/>
-
1,000 +
+
5,000+
Blind students impacted
@@ -51,7 +51,7 @@
alt="Problems Solved Icon"
class="mx-auto relative -top-12"
/>
-
20,000 +
+
100,000+
Problems solved
@@ -69,7 +69,7 @@
alt="Collaborating Schools Icon"
class="mx-auto relative -top-12"
/>
-
7 +
+
19+
Collaborating schools for the blind
diff --git a/src/pages/OurProjects/OurProjects.vue b/src/pages/OurProjects/OurProjects.vue
index cd53d683..a8aa0f86 100644
--- a/src/pages/OurProjects/OurProjects.vue
+++ b/src/pages/OurProjects/OurProjects.vue
@@ -8,11 +8,23 @@ import HaveYouHeard from "./Events/HaveYouHeard/HaveYouHeard.vue";
import KatyYouthHacks from "./Events/KatyYouthHacks/KatyYouthHacks.vue";
import SocialMedia from "./Social/SocialMedia.vue";
import Footer from "../../components/Footer/Footer.vue";
+
+import { useDeviceType } from "../../Utilities/checkDeviceType";
+const { isMobile, isTablet } = useDeviceType();
+
-