From 8d9176ccaf3255474aee12b2e8e33446bc32028f Mon Sep 17 00:00:00 2001
From: Pablo <42.pablo.ms@gmail.com>
Date: Sat, 14 Mar 2020 18:43:29 +0100
Subject: [PATCH] Lazyload map

---
 css/main.css |  1 +
 index.html   | 12 ++++++++----
 js/main.js   | 10 ----------
 3 files changed, 9 insertions(+), 14 deletions(-)
 delete mode 100644 js/main.js

diff --git a/css/main.css b/css/main.css
index 7ffe5ea..c93daeb 100644
--- a/css/main.css
+++ b/css/main.css
@@ -513,6 +513,7 @@ nav ul li ul li a {
 #map {
   height: 300px;
   width: 80%;
+  border: 0;
   display: block;
   margin-left: auto;
   margin-right: auto
diff --git a/index.html b/index.html
index 2c325bd..b50fa98 100644
--- a/index.html
+++ b/index.html
@@ -26,7 +26,6 @@
 		<link rel="stylesheet" type="text/css" href="css/main.css">
     <link href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap" rel="stylesheet">
     
-		<script src="js/main.js"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@13.0.1/dist/lazyload.min.js"></script>
   </head>
@@ -326,7 +325,7 @@
           
           <h4>How do I become a member?</h4>
           <hr>
-          
+
           <p>You become a member by either coming to our physical hackerspace often<br><br>
           If you've been coming a lot to the space, it's likely that you will be asked to become a formal member.<br><br>
           <b>Even if you are not a member, if the lights are on, you are free to come and hack inside.</b>
@@ -352,7 +351,7 @@
       </div>
 
       <div class="map">
-        <iframe id="map" frameborder="0" style="border:0" allowfullscreen></iframe>
+        <iframe id="map" class="lazy" data-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1580.5054989176758!2d-0.9796837724532329!3d37.60190018337746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd6341863c83cf8f%3A0xe24278be476b56b8!2sFOSC!5e0!3m2!1ses!2ses!4v1544058887076"" frameborder="0" allowfullscreen></iframe>
       </div>
 
     </div>
@@ -372,7 +371,12 @@
       </div>
     </footer>
 
-    <!-- With the DOM ready, swap all icons -->
+    <!-- With the DOM ready, lazyload all pics and swap all icons -->
+    <script>
+      var lazyLoadInstance = new LazyLoad({
+        elements_selector: ".lazy"
+      }); 
+    </script>
     <script src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script>
   </body>
 
diff --git a/js/main.js b/js/main.js
deleted file mode 100644
index b8780c3..0000000
--- a/js/main.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function loadMap() {
-    var site = "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1580.5054989176758!2d-0.9796837724532329!3d37.60190018337746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd6341863c83cf8f%3A0xe24278be476b56b8!2sFOSC!5e0!3m2!1ses!2ses!4v1544058887076";
-    document.getElementById('map').src = site;
-}
-
-document.addEventListener("DOMContentLoaded", function() {
-    var lazyLoadInstance = new LazyLoad({
-        elements_selector: ".lazy"
-      }); 
-})
\ No newline at end of file