-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (76 loc) · 2.95 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<html xml:lang="cs" xmlns="http://www.w3.org/1999/xhtml" lang="cs">
<head>
<title>Puma from Sierra</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style/layout.css"/>
<link rel="stylesheet" type="text/css" media="print" href="style/layout.css"/>
<script type="text/javascript" src="js/drawPuma.js"></script>
<script>
function enableInput() {
let deleteMeEl = document.getElementById("deleteMe")
deleteMeEl.parentNode.removeChild(deleteMeEl)
let riddleEl = document.getElementById("inputDialog")
riddleEl.style.visibility = "visible"
}
</script>
</head>
<body style="position:absolute" onload="enableInput()">
<div>
<div id="deleteMe" style="font-size: 50px">Loading pictures, please wait!</div>
</div>
<div id="inputDialog" style="visibility: hidden; font-size: 40px">
<form>
<!--Note: Font Stint must be used in order to preload it for Pumas canvas fillText calls-->
<span style="font-family: Stint">Zadejte hádanku:</span>
<br>
<input id="riddle" type="text" name="fname" size="80" value="Leze leze po železe nedá pokoj až tam vleze">
<br>
<input type="button" value="OK" id="submit" name="submit" onclick="extractInputAndDrawPumas()"/>
</form>
</div>
<div id="pictures" style="visibility: hidden">
<img src="img/BuffaloBill2.png"/>
<img src="img/Danny.png"/>
<img src="img/delo-TON.png"/>
<img src="img/DostavnikLogo1tr.png"/>
<img src="img/dynamitTon2.png"/>
<img src="img/HeraldMiserablesTON.png"/>
<img src="img/HeraldSenkyrkaTON.png"/>
<img src="img/hodinyVěžTon.png"/>
<img src="img/indian.png"/>
<img src="img/JesseJames.png"/>
<img src="img/krávaTon.png"/>
<img src="img/matFreedom2.png"/>
<img src="img/odpalovac-blesku3.png"/>
<img src="img/PastaTon.png"/>
<img src="img/psaciStroj-TON.png"/>
<img src="img/raketa-verne2.png"/>
<img src="img/robertELee-TON.png"/>
<img src="img/RoburTon.png"/>
<img src="img/RybíTukTon.png"/>
<img src="img/Smoljak1.png"/>
<img src="img/SochaPespodstavecTon.png"/>
<img src="img/sochaSerif2TON.png"/>
<img src="img/sombrero.png"/>
<img src="img/studna1.png"/>
<img src="img/StudnaTon.png"/>
<img src="img/typy.png"/>
<img src="img/velociped-TON2.png"/>
<img src="img/viktoria-TON.png"/>
<img src="img/vojaciSKulometem-TON.png"/>
<img src="img/westernDum02.png"/>
<img src="img/westernDum03.png"/>
<img src="img/westernLincoln-TON.png"/>
<img src="img/westernPistol.png"/>
<img src="img/westernPistolLeft.png"/>
<img src="img/westernRvacka-TON.png"/>
<img src="img/UchoTaháníTon.png"/>
<img src="img/ŠachyTon.png"/>
</div>
<div style="visibility: hidden">
<img id="parchment" src="parchment2.jpg"/>
</div>
<div id="canvases" style="position:absolute; left:0px; top:0px">
</div>
</body>
</html>