-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (41 loc) · 2.77 KB
/
index.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html>
<head>
<script src="resources/js/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href = "resources/css/style.css" ?>
<link rel="icon" type="image/png" href="favicon.ico">
</head>
<audio id="player" loop>
<source src="resources/aud/silence.mp3" type="audio/mp3">
</audio>
<body style="background-image:url('resources/img/nae.png')">
<h1 style = "color:white"> Welcome to the Skeleton Bones Ghoulie (Adam Sandler) Fun-house bonanaza </h1>
<h2 style = "color:white"> below you can see pictured is a picture of the hosue that belogns to adam sandler and it has a cool doorway and a tree and also a nice light. wow adam sandler sure has a nice picturesque suburban family home, that is so good for him im so good he's doing well and is alive nad having a fun time here in the land we call "the real world". anyway im so excited for this new adventure that we are about to be having here on this planet earth. anyway i suggest you go on down and meet the big guy yourself, hover over him to get started</h2>
<h1>
<div id="container">
<div id="animate" style='top:800px'>
<div id = "animateHead" style='top:0px'><img src="resources/img/adamHead.png">
</div>
<div id ="animateMouth" style='top:0px'>
<img src="resources/img/adamMouth.png" alt="adam sandler finds an abandoned shoe in the woods">
</div>
<audio id = 'shampoo' loop><source src='resources/aud/shampoo.mp3' type="audio/mpeg"></audio>
<audio id = 'voice' loop><source src='resources/aud/garble.mp3' type="audio/mpeg"></audio>
<div id="speechBubble" onmouseover="playAudio()" onmouseleave ="pauseAudio('voice')" align='right' style='top:-20px; left:300px'>
<button id="talkButton" onclick=initiateConversation()>TALK TO THE SANDMAN</button>
<div id="speechElems">
<img src="resources/img/speech.png" align = 'right' style = 'position:absolute; left:0px'>
<p id="speechText" align = 'left' style = 'position:absolute; left:20px; right:10px' >Hey, my name is Adam Sandler. Lovely to meet you user:26jPk</p>
</div>
</div>
<div id="trueFalseButtons" align='right' style='width:600px; height:300px; bottom:20px; left:600px; visibility:hidden'>
<button onclick="acceptQ()" align='right' align='bottom' style='left:600px; top:200px; position:absolute' top>YES</button>
<button onclick="denyQ()" align='right' align='bottom' style='left:650px; top:200px; position:absolute' top>NO</button>
</div>
</div>
</div>
</h1>
<h2 style = "color:white"> wow that sure was a cool fun nice adventure we just had there with world renowned internet celebrity, adam sandles. woosh, i am pooped, so glad thats over. yes siree. i am ready to go to bed and have a good time. </h2>
<script src="resources/js/sandler.js"></script>
</body>
</html>