add maps and improve link copy

This commit is contained in:
kevin 2020-06-03 01:28:19 +02:00
parent 180876bde6
commit f8cb636508
12 changed files with 17 additions and 2 deletions

View File

@ -70,11 +70,11 @@
<p id="wa-link" class="mb-5"></p> <p id="wa-link" class="mb-5"></p>
<div class="row align-items-center justify-content-center"> <div class="row align-items-center justify-content-center">
<div class="col-sm-8 text-right mb-4 pb-sm-0"> <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>
<div class="col-sm-4 text-center text-sm-left"> <div class="col-sm-4 text-center text-sm-left">
<span id="new-url">to share it !</span> <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> </div>
<div class="row start-area justify-content-center mt-5"> <div class="row start-area justify-content-center mt-5">
@ -128,6 +128,10 @@
document.getElementById('new-url').style.display = 'none'; document.getElementById('new-url').style.display = 'none';
document.getElementById('url-copied').style.display = 'inline'; 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(){ function play(){

Binary file not shown.

After

(image error) Size: 231 B

Binary file not shown.

After

(image error) Size: 300 KiB

Binary file not shown.

After

(image error) Size: 162 KiB

Binary file not shown.

After

(image error) Size: 311 KiB

Binary file not shown.

After

(image error) Size: 410 KiB

Binary file not shown.

After

(image error) Size: 206 KiB

Binary file not shown.

After

(image error) Size: 36 KiB

Binary file not shown.

After

(image error) Size: 291 KiB

Binary file not shown.

After

(image error) Size: 729 KiB

Binary file not shown.

After

(image error) Size: 307 KiB

View File

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