From: kevin <k.nguyen@thecodingmachine.com>
Date: Tue, 2 Jun 2020 23:28:19 +0000 (+0200)
Subject: add maps and improve link copy
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=f8cb636508cd8cf1a2761712b98f1a60c7c17c0f;p=libreadventure.git

add maps and improve link copy
---

diff --git a/landing_page/dist/choose-map.html b/landing_page/dist/choose-map.html
index 1ce2bcf..27c4566 100644
--- a/landing_page/dist/choose-map.html
+++ b/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(){
diff --git a/landing_page/dist/static/images/check.png b/landing_page/dist/static/images/check.png
new file mode 100644
index 0000000..14596e0
Binary files /dev/null and b/landing_page/dist/static/images/check.png differ
diff --git a/landing_page/dist/static/images/maps/coders.png b/landing_page/dist/static/images/maps/coders.png
new file mode 100644
index 0000000..4dd017d
Binary files /dev/null and b/landing_page/dist/static/images/maps/coders.png differ
diff --git a/landing_page/dist/static/images/maps/creative.png b/landing_page/dist/static/images/maps/creative.png
new file mode 100644
index 0000000..5c732a3
Binary files /dev/null and b/landing_page/dist/static/images/maps/creative.png differ
diff --git a/landing_page/dist/static/images/maps/dungeon.png b/landing_page/dist/static/images/maps/dungeon.png
new file mode 100644
index 0000000..71a6b3b
Binary files /dev/null and b/landing_page/dist/static/images/maps/dungeon.png differ
diff --git a/landing_page/dist/static/images/maps/fantasy.png b/landing_page/dist/static/images/maps/fantasy.png
new file mode 100644
index 0000000..e9583ac
Binary files /dev/null and b/landing_page/dist/static/images/maps/fantasy.png differ
diff --git a/landing_page/dist/static/images/maps/office.png b/landing_page/dist/static/images/maps/office.png
new file mode 100644
index 0000000..d9925da
Binary files /dev/null and b/landing_page/dist/static/images/maps/office.png differ
diff --git a/landing_page/dist/static/images/maps/pub.png b/landing_page/dist/static/images/maps/pub.png
new file mode 100644
index 0000000..d5d7130
Binary files /dev/null and b/landing_page/dist/static/images/maps/pub.png differ
diff --git a/landing_page/dist/static/images/maps/school.png b/landing_page/dist/static/images/maps/school.png
new file mode 100644
index 0000000..a55dabb
Binary files /dev/null and b/landing_page/dist/static/images/maps/school.png differ
diff --git a/landing_page/dist/static/images/maps/street.png b/landing_page/dist/static/images/maps/street.png
new file mode 100644
index 0000000..8b099bb
Binary files /dev/null and b/landing_page/dist/static/images/maps/street.png differ
diff --git a/landing_page/dist/static/images/maps/tcm.png b/landing_page/dist/static/images/maps/tcm.png
new file mode 100644
index 0000000..0c93f9b
Binary files /dev/null and b/landing_page/dist/static/images/maps/tcm.png differ
diff --git a/landing_page/src/sass/_choose-map.scss b/landing_page/src/sass/_choose-map.scss
index 646f9bd..24ba477 100644
--- a/landing_page/src/sass/_choose-map.scss
+++ b/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;