-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (116 loc) · 5.42 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<!--
Welcome to this page fellow tankers!
This hobby project of mine is build mainly using HTML 5 technologies, such as jQuery, CSS3
as well as utilizing the awesomeness of the unofficial World Of Tanks open api (https://github.com/thunder-spb/wot-api-description)
if you want to get in contact or help me make this site better, check out the development blog (http://saywotstats.blogspot.se/), or you can check me on Github (https://bitbucket.org/DaWoody),
cheers!
//Johan
-->
<html lang="en">
<head>
<title>SAY WOT? - STATS</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Showing player statstics for World of Tanks">
<meta name="keywords" content="world of tanks, world, of , tanks, statistics, say, wot, stats, saywotstats, statistics, tanker, player, statistics, effiency, wn7">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="images/wot_stats_icon.png">
</head>
<body>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-K7KNMK"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K7KNMK');</script>
<!-- End Google Tag Manager -->
<div id="wrapper">
<section id="header_section">
<header>
<div id="wot_stats_version_link">
<!-- Here data will be inserted -->
</div>
<div id="wot_stats_version_info">
<!-- Here data will be inserted -->
</div>
<hgroup>
<h1>
SAY WOT?
</h1>
<h1 id="header_stats">
STATS
</h1>
<hgroup>
</header>
</section>
<noscript>
<section>
<h1>You don't have javascript activated, and since this site is based primarily on javascript technologies, it means it won't work... at all...so if you want to get some awesome stats-stuff, go activate javascript or get a better browser, cheers! ;)</h1>
</section>
</noscript>
<section id="first_load_message_div" class="loading">
<h2>Loading tank data...</h2>
<h4 class="error_span"></h4>
</section>
<section id="search_player_form_section" class="hidden">
<form action="#" method="post">
<label for="tanker_name">Tanker Name</label>
<input name="tanker_name" type="text">
<input id="submit_btn" type="submit" value="Get stats">
</form>
</section>
<section id="player_stats_container">
<section id="player_general_information">
<!-- Here data will be inserted -->
</section>
<section id="player_total_recent_stats_container">
<div class="group">
<div id="recent_stats">
<!-- Here data will be inserted -->
</div>
<div id="older_stats">
<!-- Here data will be inserted -->
</div>
</div>
<div id="total_stats_wrapper">
<div id="total_stats">
<!-- Here data will be inserted -->
</div>
</div>
</section>
</section>
<section id="player_no_access" class="hidden">
<h3>Sorry but the player you searched for did not recieve an ok from the recent data API server. In short it means that this player can not access his/hers latest statistics.</h3>
</section>
<section id="server_version_about_section">
<div id="server_about_wrapper" class="group">
<div id="server_selection">
<select>
<option value="eu">Server EU</option>
<option value="us">Server NA</option>
<option value="ru">Server RU</option>
<option value="kr">Server KR</option>
</select>
</div>
<div id="about_link">About</div>
<section id="save_player_search">
<form>
<input type="checkbox" />
<h4>Save search</h4>
</form>
</section>
</div>
</section>
<footer id="about">
In august 2013, after some coffee, less to do on work (during summer holidays ofc;) and ideas on how kittens drive tanks, as my cool alter-ego <a href="https://bitbucket.org/DaWoody">DaWoody</a>, utilizing the awesomeness of WOT open <a href="https://github.com/thunder-spb/wot-api-description">API's</a> (kudos to all who deserve it ;)), I decided to make my own statistics gathering web-engine for the game <a href="http://www.worldoftanks.com">World of Tanks</a>, by <a href="http://www.wargaming.com">Wargaming</a>. Say Wot?-Stats is the result. I need to give a thanks to <a href="http://www.vbaddict.net/wot.php">vBAddict</a>, for providing good expected values for the different tanks, which in turn is needed for the WN8-calculations, cheers! Good to know: if a player gets the value "NaN" showing up, it means that the calculations are trying to get a result from values that doesn't exist yet, for example if the player you want to check out haven't played any recent games, or any games at all.. you will probably see the "NaN" text showing up somewhere in the statistics section. Also if u want to follow the development of this site or have any good ideas on how to make this more, fun, better or whatever join the conversation on the <a href="http://saywotstats.blogspot.se/">development blog</a>, cheers! //DaWoody.
</footer>
</div><!-- #wrapper -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="wot_stats.js"></script>
<script src="wot_stats_functions.js"></script>
<script src="wot_stats_style_functions.js"></script>
<script src="wot_stats_form.js"></script>
</body>
</html>