html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" >
<meta charset="utf-8">
</head>
<body>
<div id="container">
<div id="bda">
<span style="left:5%;animation-delay:3s;animation:anim2 5s ease-in infinite;">💚</span>
<span style="left:40%;animation-delay:4s;animation:anim2 7s ease-out infinite;">⚡</span>
<span style="left:65%;animation-delay:2s;animation:anim2 16s ease-in-out infinite;" >🌺</span>
<span style="left:80%;animation-delay:3s;animation:anim2 8s linear infinite;" >❄</span>
<span style="left:20%;animation-delay:3s;animation:anim2 9s ease-in infinite;">👍</span>
<span style="left:50%;animation-delay:4s;animation:anim2 10s ease-out infinite;">🍁</span>
<span style="left:60%;animation-delay:2s;animation:anim2 11s ease-in-out infinite;" >🎈</span>
<span style="left:85%;animation-delay:5s;animation:anim2 6s linear infinite;" >🌼</span>
</div>
<div id="wContainer">
<div id="topBar">
<h3 id="levelDiv"><span id="level">Level <span id="levelNum">1</span></span><span id="coinDiv"><span id="coin">0</span><span id="coinSign">💰</span></span></h3>
<div id="wcont">
<div class="word">
<!--<div class="wld">.</div>
<div class="wld">.</div>-->
</div>
<div class="word"></div>
<div class="word"></div>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
body {
margin:0;
background: #fff;
font-family: arial;
user-select:none;
}
#buymeacoffee img {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
::-webkit-scrollbar {
display: none;
}
button {
cursor:pointer;
}
#container {
position:absolute;
background:transparent;
z-index:-2;
overflow:hidden;
background-color: #42b0e5;
/*background-image:URL(https://bdsports.000webhostapp.com/wsnd/9.jpg);*/
background-size:cover;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
window.onload = function(){
"use strict";
function _s(x){
return document.getElementById(x);
}
var vw = window.innerWidth || 360;
var vh = window.innerHeight || 560;
var w = (vw > 400) ? 400 : vw;
var h = (vh > 700) ? 700 : vh;
var ll = (vw-w)/2;
var ltp = (vh-h)/2;
_s("container").style.backgroundImage = "url(https://bdsports.000webhostapp.com/wsnd/9.jpg)";
var nextBtn = _s("nextBtn");
var completeDiv = _s("over");
var levelDiv = _s("levelDiv");
var myDomain = "https://bdsports.000webhostapp.com/";
var canPlay = false;
var sounds = {
"levelComplete" : new Audio(),
"levelStart" : new Audio(),
"right" : new Audio(),
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Laufen