add maps and improve link copy
authorkevin <k.nguyen@thecodingmachine.com>
Tue, 2 Jun 2020 23:28:19 +0000 (01:28 +0200)
committerkevin <k.nguyen@thecodingmachine.com>
Tue, 2 Jun 2020 23:28:19 +0000 (01:28 +0200)
12 files changed:
landing_page/dist/choose-map.html
landing_page/dist/static/images/check.png [new file with mode: 0644]
landing_page/dist/static/images/maps/coders.png [new file with mode: 0644]
landing_page/dist/static/images/maps/creative.png [new file with mode: 0644]
landing_page/dist/static/images/maps/dungeon.png [new file with mode: 0644]
landing_page/dist/static/images/maps/fantasy.png [new file with mode: 0644]
landing_page/dist/static/images/maps/office.png [new file with mode: 0644]
landing_page/dist/static/images/maps/pub.png [new file with mode: 0644]
landing_page/dist/static/images/maps/school.png [new file with mode: 0644]
landing_page/dist/static/images/maps/street.png [new file with mode: 0644]
landing_page/dist/static/images/maps/tcm.png [new file with mode: 0644]
landing_page/src/sass/_choose-map.scss

index 1ce2bcf333217d0f71fed0359fe52d550728fe8a..27c45665bd3686f4f513cf1582cba5c52fe34703 100644 (file)
         <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">
 
         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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
index 0000000..0c93f9b
Binary files /dev/null and b/landing_page/dist/static/images/maps/tcm.png differ
index 646f9bd43b4a50b30c84f81c8b5738f87e2ea668..24ba477bae39f563dbed4da88c143fba12ac8049 100644 (file)
@@ -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;