add maps and improve link copy

landing_page/dist/choose-map.html

@@ -70,11 +70,11 @@
         <p id="wa-link" class="mb-5"></p>
         <div class="row align-items-center justify-content-center">
             <div class="col-sm-8 text-right mb-4 pb-sm-0">
-                <button class="copy-btn" onclick="copyToClipboard()">COPY MAP <small>URL TO CLIPBOARD</small></button>
+                <button class="copy-btn" onclick="copyToClipboard()">COPY MAP URL<small> TO CLIPBOARD</small></button>
             </div>
             <div class="col-sm-4 text-center text-sm-left">
                 <span id="new-url">to share it !</span>
-                <span id="url-copied" style="display: none">done !</span>
+                <span id="url-copied"><img src="static/images/check.png">Link copied !</span>
             </div>
         </div>
         <div class="row start-area justify-content-center mt-5">
@@ -128,6 +128,10 @@
 
         document.getElementById('new-url').style.display = 'none';
         document.getElementById('url-copied').style.display = 'inline';
+        setTimeout(function(){
+            document.getElementById('new-url').style.display = 'inline';
+            document.getElementById('url-copied').style.display = 'none';
+        }, 2000);
     }
 
     function play(){

landing_page/src/sass/_choose-map.scss

@@ -21,6 +21,17 @@ body.choose-map{
     text-decoration: underline;
   }
 
+  #url-copied{
+    display: none;
+    font-size: 20px;
+
+    img{
+      height: 20px;
+      display: inline-block;
+      margin-right: 10px;
+    }
+  }
+
   .copy-btn{
     font-family: "Karmatic Arcade";
     font-size: 30px;