From 52536035323747145e3d25a4ce1cedbd4aabe643 Mon Sep 17 00:00:00 2001
From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Mon, 21 Aug 2017 14:31:55 -0400
Subject: [PATCH] testing aspect ratio preservation for IE in the city hover
 map

the svg for the cities map is not rendering properly in IE, testing an svg attr to
resolve this
---
 parts/city-map.php    |  2 +-
 parts/map-section.php | 22 ++++++++++++++++++++--
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/parts/city-map.php b/parts/city-map.php
index bfcead2..4898e94 100644
--- a/parts/city-map.php
+++ b/parts/city-map.php
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 630 400" enable-background="new 0 0 630 400" xml:space="preserve">
+	 viewBox="0 0 630 400" enable-background="new 0 0 630 400" xml:space="preserve" preserveAspectRatio="xMinYMin slice">
 <g id="bkgrd">
 	<rect fill="#EAE8DE" width="630" height="400"/>
 </g>
diff --git a/parts/map-section.php b/parts/map-section.php
index 35427e3..bbb035d 100644
--- a/parts/map-section.php
+++ b/parts/map-section.php
@@ -1,4 +1,22 @@
-
-<div class="small-12 columns area-map">
+<div class="small-12 large-4 columns area-map">
+    <div class="city-info-wrapper">
+        <div class="city-img">
+            img
+        </div>
+        <div class="city-title">
+            
+        </div>
+        <div class="city-content">
+            
+        </div>
+    </div>
+</div>
+<div class="small-12 large-8 columns area-map">
     <?php include 'city-map.php'; ?>
 </div>
+
+<script>
+    jQuery(function(){
+       
+    });
+</script>
-- 
2.17.1