-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
56 lines (54 loc) · 2.6 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
<!DOCTYPE html><!--HTML5 doctype-->
<html>
<head>
<script>
(function () {
if ("-ms-user-select" in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/))
{
var width = window.innerWidth;
var height = window.innerHeight;
var msViewportStyle = document.createElement("style");
msViewportStyle.appendChild(
document.createTextNode(" @media screen and (orientation: landscape) {@-ms-viewport{width:auto!important}}")
);
msViewportStyle.appendChild(
document.createTextNode(" @media screen and (orientation: portrait) {@-ms-viewport{width:auto!important;height:" + width + "px! important}}")
);
document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
}
})();
</script>
<title>Demo - CSS Animation</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<link href="css/fonts.css" rel="stylesheet" type="text/css" charset="utf-8" />
<link href="css/main.css" rel="stylesheet" type="text/css">
<script src="intelxdk.js"></script>
<script src="js/main.js" type="text/javascript"></script>
</head>
<body>
<div class="masthead">
<img class="logo" src="images/logo.png"/>
</div>
<div class="content">
<div class="uppercontent" id="uppercontentid">
<div class="ball" id="ballid">
<div class="animation">
<div class="face" id="faceid">
<div class="eyes" id="firsteye"></div>
<div class="eyes" id="secondeye"></div>
<div class="mouth" id="mouthid"></div>
</div>
<div class="shadow"></div>
</div>
</div>
</div>
<div class="button" id="happybutton" onclick="happy()">Happy</div>
<div class="button" id="sadbutton" onclick="sad()">Sad</div>
<div class="button" id="madbutton" onclick="mad()">Mad</div>
<div class="button" id="shockedbutton" onclick="shocked()">Shocked</div>
<div class="button" id="scaredbutton" onclick="scared()">Scared</div>
<div class="button" id="elatedbutton" onclick="elated()">Elated</div>
</div>
</body>
</html>