html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head><link href="https://fonts.googleapis.com/css?family=Bai+Jamjuree|Charmonman|Slabo+27px|Inconsolata" rel="stylesheet" />
<title>Speary</title>
</head>
<body><audio id="audio" loop autoplay><source src="https://www.partnersinrhyme.com/files/sounds1/MP3/scary_halloween_sounds/laugh/wickedwitchlaugh.mp3" type="audio/mpeg" />
</audio>
<div id="chatBubbleContainer">
<div id="chatBubbleTextBox"> I will come for you... </div>
<div id="leftSideSay"></div></div>
<div class="tombholder">
<div class="tomb">R.I.P.</div></div>
</body>
</html>
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 {
background-color: black;
display:flex;
justify-content:center;
}
.tombholder{
background-color: black;
display:flex;
justify-content:center;
}
.tomb{
width:45vw;
height:50vh;
background-color: #222222;
border-color: #333333;
border-width:5px;
border-style:solid;
top:30vh;
position:relative ;
color: #777777;
font-family:Charmonman;
font-size:x-large;
text-align:center;
}
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
function afterloaded(){
}
window.onload = function(){
document.getElementById("chatBubbleContainer").style.display="none";
document.addEventListener("click",function(){
document.getElementById("audio").play();
document.getElementById("chatBubbleContainer").style.display="flex";
});
/*
setTimeout(function(){
},2000);*/
}
//by speary
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run