Bug fixes for Grunt (RocketMap#579)

* Added npm and grunt, added node_modules/ to git ignore

* Adjusted side to the left

* Updated Grunt to minify CSS and JS, references on maps.html updated

* Added minified css and js to gitignore

* changed to having dist/ folder instead

* Fixed grunt issues, adjusted some js

Gruntfile.js

@@ -42,14 +42,14 @@ module.exports = function(grunt) {
   			options: { livereload: true }
   		},
   		js: {
-  			files: ['**/*.js', '!node_modules/**/*.js'],
+  			files: ['**/*.js', '!node_modules/**/*.js', '!static/dist/**/*.js'],
   			options: { livereload: true },
         tasks: ['uglify']
   		},
   		css: {
   			files: '**/*.scss',
   			options: { livereload: true },
-  			tasks: ['sass','cssmin']
+  			tasks: ['sass', 'cssmin']
   		}
     },
     cssmin: {

static/js/app.js

@@ -34,6 +34,8 @@
 		$navToggle = document.querySelector('a[href="#nav"]'),
 		$navClose;
 
+	var $overlay = document.querySelector('#trigger-overlay');
+
 	// Event: Prevent clicks/taps inside the nav from bubbling.
 	addEventsListener($nav, 'click touchend', function(event) {
 		event.stopPropagation();

templates/map.html

@@ -41,21 +41,31 @@ <h1><a href="#">GoMap</a></h1>
 		</nav>
 
     <div id="main">
+			<button id="trigger-overlay">Test</button>
       <div id="map"></div>
     </div>
 
+		<div class="overlay overlay-contentscale">
+			<button type="button" class="overlay-close">Close</button>
+			<nav>
+				<ul>
+					<li><a href="#">Login Details Here</a></li>
+				</ul>
+			</nav>
+		</div>
+
   </body>
 
   <!-- Scripts -->
 	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/skel/3.0.1/skel.min.js"></script>
-  <script src="/static/dist/js/app.min.js"></script>
-  <script src="/static/js/vendor/classie.js"></script>
-  <!-- <script src="/static/js/vendor/demo7.js"></script> -->
+  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/skel/3.0.1/skel.min.js"></script>
+  <script type="text/javascript" src="/static/dist/js/app.min.js"></script>
+  <script type="text/javascript" src="/static/js/vendor/classie.js"></script>
+  <script type="text/javascript" src="/static/js/vendor/svg-overlay.js"></script>
 
   <script type="text/javascript">
-      var center_lat = {{lat}};
-      var center_lng = {{lng}};
+    var center_lat = {{lat}};
+    var center_lng = {{lng}};
   </script>
 
   <script async defer src="https://maps.googleapis.com/maps/api/js?key={{ gmaps_key }}&callback=initMap"></script>