-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
95 lines (84 loc) · 4.8 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
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]> <html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Heldentaufe Online BETA</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="img/app.png">
<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/styles.min.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<div id="loading">
<img src="img/banner.jpg" style="width:900px;" />
<div id="loadingStatus" style="position:absolute;top:0;right:0;width:900px;height:200px;background-color:black;opacity:0.6;"></div>
<br />
<p class="line1"></p>
<p class="line2"></p>
</div>
<div id="errorScreen">
<br /><br />
<p class="line1">Dein Browser hat Javascript nicht aktiviert. <b>Heldentaufe Online</b> kann ohne Javascript nicht gestartet werden.</p>
<p class="line2"><a href="http://www.enable-javascript.com/de/" target="_blank">Hier</a> findest du eine Anleitung wie du Javascript aktivieren kannst.</p>
<p><a href="http://www.heldentaufe.ch">www.heldentaufe.ch</a></p>
</div>
<div id="container" style="min-width: 940px; width: calc(100% - 40px); min-height: 500px; position: relative; padding: 20px; display: none;">
<div id="boards" class="clearfix" style="width: 100%; min-width: 940px; margin-bottom: 10px; position: relative;">
<div id="surfaceBoard" style="float: left; width: 500px; margin-right: 10px; overflow: hidden;"></div>
<div id="dungeonBoard" style="float: left; width: 300px; margin-right: 10px; overflow: hidden;"></div>
<div id="monsterCards" style="float: left; width: 120px; overflow: hidden;"></div>
<div id="defendingCharacter" class="clearfix" style="z-index: 103; position:absolute; left:0; right:0; top:0; width:400px; display: none;margin-left: auto;margin-right: auto;"></div>
<div id="alchemyButton" class="tabButton shadowed clickable">
<img src="img/symbol_potion.png" />
</div>
<div id="helpButton" class="tabButton shadowed clickable">
<img src="img/symbol_tile.png" />
</div>
<div id="contactButton" class="tabButton shadowed clickable">
<img src="img/symbol_mail.png" />
</div>
<a id="kickstarterButton" class="tabButton shadowed clickable" href="http://www.heldentaufe.ch/preorder.html" target="_blank">
<img src="img/symbol_kickstarter.png" />
</a>
<a id="githubButton" class="tabButton shadowed clickable" href="https://github.com/kalinbas/heldentaufe" target="_blank">
<img src="img/symbol_github.png" />
</a>
</div>
<div id="players" class="clearfix" style="padding: 10px; border-radius: 10px;">
<div id="otherPlayers" class="clearfix" style="float: left; margin-top: 50px; width: 250px;"></div>
<div style="float: left; width: calc(100% - 350px);">
<div id="currentPlayer" class="clearfix" style="margin: 0 auto; width: 560px;"></div>
</div>
<div id="stepButton" style="float: right; width: 100px;"></div>
</div>
<div id="tutorial"></div>
<div id="fade"></div>
<div id="overlay"></div>
</div>
<script src="js/vendor/jquery-1.11.1.min.js"></script>
<script src="js/vendor/kinetic-v5.1.0.min.js"></script>
<script src="js/vendor/jquery.i18n.properties-min-1.0.9.js"></script>
<script src="js/scripts.min.js"></script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-56332455-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>