changing styles for the county map dropdown decription and county name pills
authorAnthony Talarico <talarico@gaslightmedia.com>
Thu, 21 Mar 2019 16:14:15 +0000 (12:14 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Thu, 21 Mar 2019 16:14:15 +0000 (12:14 -0400)
assets/fonts/Pathout Script.otf [new file with mode: 0755]
assets/fonts/Pathout Script.ttf [new file with mode: 0755]
assets/fonts/Posterizer_KG_Rough-webfont.woff [new file with mode: 0755]
assets/fonts/Posterizer_KG_Rough-webfont.woff2 [new file with mode: 0755]
css/glm-county-map.min.css
sass/front/_map.scss
views/front/map/display.html

diff --git a/assets/fonts/Pathout Script.otf b/assets/fonts/Pathout Script.otf
new file mode 100755 (executable)
index 0000000..9a943f6
Binary files /dev/null and b/assets/fonts/Pathout Script.otf differ
diff --git a/assets/fonts/Pathout Script.ttf b/assets/fonts/Pathout Script.ttf
new file mode 100755 (executable)
index 0000000..06e3c38
Binary files /dev/null and b/assets/fonts/Pathout Script.ttf differ
diff --git a/assets/fonts/Posterizer_KG_Rough-webfont.woff b/assets/fonts/Posterizer_KG_Rough-webfont.woff
new file mode 100755 (executable)
index 0000000..016217b
Binary files /dev/null and b/assets/fonts/Posterizer_KG_Rough-webfont.woff differ
diff --git a/assets/fonts/Posterizer_KG_Rough-webfont.woff2 b/assets/fonts/Posterizer_KG_Rough-webfont.woff2
new file mode 100755 (executable)
index 0000000..c845b42
Binary files /dev/null and b/assets/fonts/Posterizer_KG_Rough-webfont.woff2 differ
index af1dcbc..a20c0ca 100644 (file)
@@ -1 +1 @@
-.isle-royale-label{font-size:16px}.isle-royale-label .isle-royale-arrow{position:absolute;top:-40px;left:0;width:100%;font-size:26px;height:100%}.area-label{color:white;border-radius:6px;padding:5px 10px !important;box-shadow:2px 4px 5px 0 rgba(0,0,0,0.5);font-weight:bold !important}.leaflet-pane.leaflet-marker-pane div:nth-child(8) .area-label{background:#5E8F72 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(9) .area-label{background:#1c1c1c !important}.leaflet-pane.leaflet-marker-pane div:nth-child(10) .area-label{background:#65C6F4 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(11) .area-label{background:#587386 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(12) .area-label{background:#696969 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(13) .area-label{background:#8F5E6D !important}.leaflet-pane.leaflet-marker-pane div:nth-child(14) .area-label{background:white !important;color:black !important;font-weight:bold}.leaflet-pane.leaflet-marker-pane div:nth-child(15) .area-label{background:#685E8F !important}.leaflet-pane.leaflet-marker-pane div:nth-child(16) .area-label{background:#F59E00 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(17) .area-label{background:#F47165 !important}#glm-county-description{background:white;border-radius:7px;height:150px;width:400px;position:absolute;z-index:999;left:40%;top:10px}#glm-county-description .county-description-title{padding-top:5px;font-weight:bold;font-size:16px;background:#668194;color:white;border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:5px;text-transform:uppercase}#glm-county-description .glm-county-map-top-list{display:block !important;padding:0 5px}#glm-county-description .glm-county-map-top-list li{margin:0 !important;text-align:left;padding:0 5px !important;list-style:disc !important}
+@font-face{font-family:'posterizer';src:url("../../assets/fonts/Posterizer_KG_Rough-webfont.woff")}@font-face{font-family:'pathout';src:url("../../assets/fonts/Pathout Script.otf");src:url("../../assets/fonts/Pathout Script.ttf")}.isle-royale-label{font-size:16px}.isle-royale-label .isle-royale-arrow{position:absolute;top:-40px;left:0;width:100%;font-size:26px;height:100%}.area-label{color:white;border-radius:6px;padding:5px 10px !important;box-shadow:2px 4px 5px 0 rgba(0,0,0,0.5);font-weight:bold !important;font-family:'Lato';font-size:14px}.leaflet-pane.leaflet-marker-pane div:nth-child(8) .area-label{background:#eb552f !important}.leaflet-pane.leaflet-marker-pane div:nth-child(9) .area-label{background:#1c1c1c !important}.leaflet-pane.leaflet-marker-pane div:nth-child(10) .area-label{background:#2fc4eb !important}.leaflet-pane.leaflet-marker-pane div:nth-child(11) .area-label{background:#587386 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(12) .area-label{background:#696969 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(13) .area-label{background:#7dc240 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(14) .area-label{background:white !important;color:black !important;font-weight:bold}.leaflet-pane.leaflet-marker-pane div:nth-child(15) .area-label{background:#685E8F !important}.leaflet-pane.leaflet-marker-pane div:nth-child(16) .area-label{background:#F59E00 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(17) .area-label{background:#eb552f !important}.leaflet-pane.leaflet-marker-pane div:nth-child(18) .area-label{background:#eb552f !important}.leaflet-pane.leaflet-marker-pane div:nth-child(19) .area-label{background:#0056f5 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(20) .area-label{background:#f59e00 !important}.leaflet-pane.leaflet-marker-pane div:nth-child(21) .area-label{background:#8f0056 !important}#glm-county-description{background:#ebf2ee;border-radius:7px;height:165px;width:400px;position:absolute;z-index:999;left:40%;top:10px;font-family:'Lato';text-align:left}#glm-county-description .glm-counties-default{padding:5px;line-height:1.1;font-size:16px}#glm-county-description .county-description-title{padding:5px;font-size:18px;background:#668194;color:white;border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:5px;text-transform:uppercase;text-align:center;font-family:'posterizer'}#glm-county-description .glm-county-map-top-list{display:block !important;padding:5px;text-align:center}#glm-county-description .glm-county-map-top-list li{margin:0 !important;padding:0 5px !important;list-style:disc !important}
index 9162123..bb49976 100644 (file)
@@ -1,37 +1,12 @@
-// #area-map-container{
-//     padding: 0 10px;
-//     text-align: center;
-//     margin-bottom: 25px;
-//     width: 100%;
-//     margin: 0 auto;
-//     position: relative;
-//     // left: -7%;
-//     #area-map{
-//         z-index: 0;
-//         height: 550px;
-//         box-shadow: 0 -5px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
-//     }
-// }
-// .glm-theme-map-label{
-//     display: block;
-//     width: 105px;
-// }
-
-// @media (max-width: 1024px){
-//     #area-map-container{
-//         overflow: hidden;
-//         min-height: 420px;
-//         #area-map{
-//             position: relative;
-//             #area-map{
-//                 // scale: .7;
-//                 // transform: translateX(-78%);
-//                 // max-width: none;
-//                 // position: absolute;
-//             }
-//         }
-//     }
-// }
+@font-face{
+    font-family: 'posterizer';
+    src: url('../../assets/fonts/Posterizer_KG_Rough-webfont.woff');
+}
+@font-face{
+    font-family: 'pathout';
+    src: url('../../assets/fonts/Pathout\ Script.otf');
+    src: url('../../assets/fonts/Pathout\ Script.ttf');
+}
 .isle-royale-label{
     font-size: 16px;
     .isle-royale-arrow{
     padding: 5px 10px !important;
     box-shadow: 2px 4px 5px 0 rgba(0,0,0, .5);
     font-weight: bold !important;
+    font-family: 'Lato';
+    font-size: 14px;
 }
 .leaflet-pane.leaflet-marker-pane div:nth-child(8) {
    .area-label{
-        background: #5E8F72 !important;
+        background: #eb552f !important;
 
     }
 }
@@ -65,7 +42,7 @@
 
  .leaflet-pane.leaflet-marker-pane div:nth-child(10) {
     .area-label{
-         background: #65C6F4 !important;
+         background: #2fc4eb !important;
 
      }
  }
@@ -84,7 +61,7 @@
  }
  .leaflet-pane.leaflet-marker-pane div:nth-child(13) {
     .area-label{
-         background:    #8F5E6D !important;
+         background:    #7dc240 !important;
 
      }
  }
  }
  .leaflet-pane.leaflet-marker-pane div:nth-child(17) {
     .area-label{
-         background:      #F47165 !important;
+         background:      #eb552f !important;
+     }
+ }
+ .leaflet-pane.leaflet-marker-pane div:nth-child(18) {
+    .area-label{
+         background:       #eb552f !important;
+     }
+ }
+ .leaflet-pane.leaflet-marker-pane div:nth-child(19) {
+    .area-label{
+         background:       #0056f5 !important;
+     }
+ }
+
+ .leaflet-pane.leaflet-marker-pane div:nth-child(20) {
+    .area-label{
+         background:        #f59e00 !important;
+     }
+ }
+ .leaflet-pane.leaflet-marker-pane div:nth-child(21) {
+    .area-label{
+         background:        #8f0056 !important;
      }
  }
 #glm-county-description{
-    background: white;
+    background: lighten(#5E8F72, 47%);
     border-radius: 7px;
-    height: 150px;
+    height: 165px;
     width: 400px;
     position: absolute;
     z-index: 999;
     left: 40%;
     top: 10px;
-    .county-description-title{
-        padding-top: 5px;
-        font-weight: bold;
+    font-family: 'Lato';
+    text-align: left;
+    .glm-counties-default{
+        padding: 5px;
+        line-height: 1.1;
         font-size: 16px;
+    }
+    .county-description-title{
+        padding: 5px;
+        font-size: 18px;
         background: #668194;
         color: white;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
         margin-bottom: 5px;
         text-transform: uppercase;
+        text-align: center;
+        font-family: 'posterizer';
     }
     .glm-county-map-top-list{
         display: block !important;
-        padding: 0 5px;
+        padding: 5px;
+        text-align: center;
         li{
             margin: 0 !important;
-            text-align: left;
             padding: 0 5px !important;
             list-style: disc !important;
         }
index 2f15461..dfd3c80 100644 (file)
             }).appendTo( $("#area-map"));
 
             var countyDescriptionTitle = $("<div />", {
-                text: "Welome to the U.P",
+                text: "Counties of the Upper Peninsula",
                 class: "county-description-title"
             }).appendTo(countyDescription);
 
             $("li.counties-menu").on("hover", function(e){  
                 countyDescription.html("");
                 countyMapTopList.html("");
-                $("<div> default UP data here </div>").appendTo(countyMapTopList);
+             
                 countyDescription.append(countyDescriptionTitle)
+                $("<div class='glm-counties-default'> The Upper Peninsula of Michigan is made up of fifteen counties that are common in their wealth of beauty and tranquility, yet uniquely individual in their offerings to the visitor. Hover or click on each county for a sampling of what they offer. </div>").insertAfter(countyDescriptionTitle);
                 countyDescription.append(countyMapTopList)
             });
             new L.Marker([47.30, -89.85], {
             Mackinac : {
                 title : "Home Of",
                 list : [
-                    " Mackinac Island",
-                    " Mackinac Bridge",
-                    " Les Cheneaux Islands",
-                    " St Ignace Huron Boardwalk",
-                    " Cut River Bridge"
+                    " Mackinac Island",
+                    " Mackinac Bridge",
+                    " Les Cheneaux Islands",
+                    " St Ignace Huron Boardwalk",
+                    " Cut River Bridge"
                 ]
             },
             Chippewa : {
                 title : "Home Of",
                 list : [
-                    " Soo Locks",
-                    " Soo Locks Boat Tours",
-                    " Kewadin Casinos",
-                    " Great Lakes Shipwreck Museum",
-                    " Drummond Island"
+                    " Soo Locks",
+                    " Soo Locks Boat Tours",
+                    " Kewadin Casinos",
+                    " Great Lakes Shipwreck Museum",
+                    " Drummond Island"
                 ]
             },
             Luce : {
                 title : "Home Of",
                 list : [
-                    " Tahquamenon Falls State Park",
-                    " Crisp Point Lighthouse",
-                    " Tahquamenon Logging Museum",
-                    " Oswald's Bear Ranch",
-                    " Tahquamenon Falls Riverboat Tour & Toonerville Trolley"
+                    " Tahquamenon Falls State Park",
+                    " Crisp Point Lighthouse",
+                    " Tahquamenon Logging Museum",
+                    " Oswald's Bear Ranch",
+                    " Tahquamenon Falls Riverboat Tour & Toonerville Trolley"
                 ]
             },
             Alger : {
                 title : "Home Of",
                 list : [
-                    " Pictured Rocks National Lakeshore",
-                    " Grand Island",
-                    " Many Waterfalls",
-                    " Pictured Rocks Boat Cruises",
-                    " Glass Bottom Shipwreck Tours"
+                    " Pictured Rocks National Lakeshore",
+                    " Grand Island",
+                    " Many Waterfalls",
+                    " Pictured Rocks Boat Cruises",
+                    " Glass Bottom Shipwreck Tours"
                 ]
             },
             Marquette : {
                 title : "Home Of",
                 list : [
-                    " Marquette Harbor Light",
-                    " Presque Isle Park",
-                    " Michigan Iron Industry Museum",
-                    " US Ski & Snowboard Hall of Fame...",
-                    " Waterfront Park & Downtown Nightlife"
+                    " Marquette Harbor Light",
+                    " Presque Isle Park",
+                    " Michigan Iron Industry Museum",
+                    " US Ski & Snowboard Hall of Fame...",
+                    " Waterfront Park & Downtown Nightlife"
                 ]
             },
             Baraga : {
                 title : "Home Of",
                 list : [
-                    " Canyon Falls",
-                    " Sturgeon River Gorge",
-                    " Historic Alberta Village",
-                    " Bishop Baraga Shrine",
-                    " Mount Arvon"
+                    " Canyon Falls",
+                    " Sturgeon River Gorge",
+                    " Historic Alberta Village",
+                    " Bishop Baraga Shrine",
+                    " Mount Arvon"
                 ]
             },
             Houghton : {
                 title : "Home Of",
                 list : [
-                    " Michigan Technological University",
-                    " Keweenaw National Historical Park",
-                    " Portage Canal",
-                    " Laurium Manor Inn",
-                    " AE Seaman Mineral Museum"
+                    " Michigan Technological University",
+                    " Keweenaw National Historical Park",
+                    " Portage Canal",
+                    " Laurium Manor Inn",
+                    " AE Seaman Mineral Museum"
                 ]
             },
             Keweenaw : {
                 title : "Home Of",
                 list : [
-                    " Brockway Mountain Drive",
-                    " Isle Royale National Park",
-                    " Fort Wilkins State Park",
-                    " Estivant Pines",
-                    " Eagle Harbor Lighthouse"
+                    " Brockway Mountain Drive",
+                    " Isle Royale National Park",
+                    " Fort Wilkins State Park",
+                    " Estivant Pines",
+                    " Eagle Harbor Lighthouse"
                 ]
             },
             Gogebic : {
                 title : "Home Of",
                 list : [
-                    " Lake Gogebic",
-                    " Copper Peak",
-                    " Copper Peak",
-                    " 3 Ski Resorts",
-                    " Sylvania Wilderness Area"
+                    " Lake Gogebic",
+                    " Copper Peak",
+                    " Copper Peak",
+                    " 3 Ski Resorts",
+                    " Sylvania Wilderness Area"
                 ]
             },
             Ontonagon : {
                 title : "Home Of",
                 list : [
-                    " Porcupine Mountains Wilderness State Park",
-                    " More than 100 waterfalls",
-                    " Old Victoria Restoration",
-                    " Adventure Mine",
-                    " Lake Gogebic"
+                    " Porcupine Mountains Wilderness State Park",
+                    " More than 100 waterfalls",
+                    " Old Victoria Restoration",
+                    " Adventure Mine",
+                    " Lake Gogebic"
                 ]
             },
             Schoolcraft : {
                 title : "Home Of",
                 list : [
-                    " Kitch-iti-Kipi",
-                    " Manistique East Breakwater Light",
-                    " Seul Choix Point Lighthouse",
-                    " Siphon Bridge",
-                    " Seney National Wildlife Refuge"
+                    " Kitch-iti-Kipi",
+                    " Manistique East Breakwater Light",
+                    " Seul Choix Point Lighthouse",
+                    " Siphon Bridge",
+                    " Seney National Wildlife Refuge"
                 ]
             },
             Iron : {
                 title : "Home Of",
                 list : [
-                    " Young's Golf Recreation & Restaurant",
-                    " Chicagon Lake",
-                    " UP Championship Rodeo",
-                    " Iron County Historical Museum",
-                    " Michigamme Reservoir"
+                    " Young's Golf Recreation & Restaurant",
+                    " Chicagon Lake",
+                    " UP Championship Rodeo",
+                    " Iron County Historical Museum",
+                    " Michigamme Reservoir"
                 ]
             },
             Dickinson : {
                 title : "Home Of",
                 list : [
-                    " Pine Mountain Ski Jump",
-                    " Piers Gorge",
-                    " Timberstone Golf Course",
-                    " World War II Glider/Cornish Pump Mining Museum",
-                    " Iron Mountain Iron Mine"
+                    " Pine Mountain Ski Jump",
+                    " Piers Gorge",
+                    " Timberstone Golf Course",
+                    " World War II Glider/Cornish Pump Mining Museum",
+                    " Iron Mountain Iron Mine"
                 ]
             },
             Menominee : {
                 title : "Home Of",
                 list : [
-                    " Menominee Historic Waterfront Downtown",
-                    " Island Resort & Casino",
-                    " Menominee North Pier Light",
-                    " IXL Historical Museum",
-                    " Pemene Falls"
+                    " Menominee Historic Waterfront Downtown",
+                    " Island Resort & Casino",
+                    " Menominee North Pier Light",
+                    " IXL Historical Museum",
+                    " Pemene Falls"
                 ]
             },
             Delta : {
                 title : "Home Of",
                 list : [
-                    " Walleye Capital of the World",
-                    " Sand Point Lighthouse",
-                    " UP State Fair",
-                    " Fayette Historic State Park",
-                    " Great Golfing"
+                    " Walleye Capital of the World",
+                    " Sand Point Lighthouse",
+                    " UP State Fair",
+                    " Fayette Historic State Park",
+                    " Great Golfing"
                 ]
             }
         }