Switch to blue map

HACC-2023 · Nov 12, 2023 · 2999c54 · 2999c54
1 parent 442d2f9
commit 2999c54
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/my-app/src/components/map/LocationAggregatorMapIndex.jsx b/my-app/src/components/map/LocationAggregatorMapIndex.jsx
@@ -102,7 +102,7 @@ const LocationAggregatorMap = ({
         <div>
           <h1 className="font-semibold text-xs ms-2 text-gray-100">Select Island</h1>
           <select
-            className="select my-1 select-sm bg-[#292929] text-gray-100"
+            className="select my-1 select-sm bg-[#1f3347] text-gray-100"
             onChange={(e) => {
               const mapInfo = JSON.parse(e.target.value);
               onSelectIsland({
@@ -123,7 +123,7 @@ const LocationAggregatorMap = ({
         <div>
           <h1 className="font-semibold text-xs ms-2 text-gray-100">Select Data Visualization</h1>
           <select
-            className="select my-1 select-sm bg-[#292929] text-gray-100"
+            className="select my-1 select-sm bg-[#1f3347] text-gray-100"
             onChange={(e) => {
               const vis = e.target.value;
               setLayers(mapVisLayers[vis]);
@@ -149,7 +149,7 @@ const LocationAggregatorMap = ({
             style={{ width: "100%", height: "100%" }}
             controller={true}
             mapboxAccessToken={process.env.NEXT_PUBLIC_MAPBOX_TOKEN}
-            mapStyle="mapbox://styles/mapbox/dark-v11"
+            mapStyle="mapbox://styles/giorgio808/cloro3xca005y01pq4dkc11ib"
             onLoad={() => setDoneLoading(true)}
           />
         </DeckGL>

diff --git a/my-app/src/pages/index.jsx b/my-app/src/pages/index.jsx
@@ -50,7 +50,7 @@ const Home = () => {
         className="relative bg-cover bg-center h-screen bg-fixed"
         style={{ backgroundImage: `url(${bg.src})` }}
       >
-        <div className="absolute inset-0 bg-gradient-to-b from-[#00000000] via-[#00000000] to-[#111]" />
+        <div className="absolute inset-0 bg-gradient-to-b from-[#00000000] via-[#00000000] to-[#0d1d24]" />
         <div className="text-right fixed top-10 right-3 z-20">
           <Link href="/auth/credentials-signin">
             <span className="text-white text-sm font-bold px-6 py-3 rounded-xl backdrop-blur hover:bg-sky-400 hover:bg-opacity-30 transition-all tracking-wide">
@@ -96,8 +96,8 @@ const Home = () => {
 
         </div>
       </div>
-      <div id="mapSection" className="bg-[#111] px-5 md:px-10 h-screen z-20">
-        <section className="rounded-lg px-20 py-10">
+      <div id="mapSection" className="bg-gradient-to-bl from-[#0d1d24] via-[#142329] to-[#0d1d24] px-5 md:px-10 h-screen z-20">
+        <section className="rounded-lg px-20 py-10 backdrop-blur-2xl shadow">
           <LocationAggregatorMap data={coordinates} />
         </section>
       </div>