add image map for front page

diff --git a/front-page.php b/front-page.php
index 910a1a0..d60418f 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -5,7 +5,12 @@
         <div id="portal">
             <div class="row">
                 <div class="small-12 medium-6 columns">
-                    <img src="<?php bloginfo('template_url');?>/assets/up-regions-map.png">
+                    <img src="<?php bloginfo('template_url');?>/assets/up-regions-map.png" usemap="#up-region-map">
+                        <map name="up-region-map">
+                        <area shape="poly" coords="178,1,143,6,120,25,98,52,59,76,43,75,0,99,16,111,25,127,75,145,114,170,144,172,181,76,153,63,132,80,131,47,154,20,180,2,176,5" target="_blank" href="http://www.paddlelakesuperior.org/" />
+                        <area shape="poly" coords="182,76,211,118,234,110,243,120,254,115,258,120,292,87,314,82,314,184,297,174,284,183,280,197,256,219,254,213,265,196,266,188,257,185,241,212,232,200,188,271,179,270,182,254,191,240,185,233,170,244,177,210,152,191,152,176,141,172,179,77,188,85" target="_blank" href="http://www.hiawathawatertrail.org/index.html" />
+                        <area shape="poly" coords="315,83,347,81,365,72,389,73,382,93,381,112,401,118,413,111,421,118,433,109,443,110,453,105,454,122,459,139,452,149,467,158,469,167,477,173,492,175,498,163,505,166,510,174,514,179,512,190,501,183,492,187,478,177,464,183,445,182,418,175,410,178,411,198,403,198,383,185,363,170,345,169,338,179,328,189,311,184,313,83,325,88,326,88,322,88" target="_blank" href="http://euprpdc.maps.arcgis.com/apps/MapTour/index.html?appid=f5865a5c46dd438c8cbf9c13158ef303" />
+                        </map>
                 </div>
                 <div class="small-12 medium-6 text-center columns">
                     <?php if(have_posts()) : while(have_posts()): the_post();?>
@@ -14,7 +19,7 @@
                     <p><?php _e('Sorry, no results found.');?></p>
                     <?php endif;?>
                 </div>
-                
+
             </div>
         </div>
         <div class="row" data-equalizer data-options="equalize_on_stack: false">
@@ -22,6 +27,6 @@
             get_template_part('parts/glm-blocks');
             ?>
         </div>
-        
+
     </div>
 <?php get_footer(); ?>