-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
113 lines (105 loc) · 5.99 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>LoL Personal Counters</title>
<link rel="stylesheet" type="text/css" href="{{.Prefix}}static/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="{{.Prefix}}static/css/awesomplete.css" />
<link rel="stylesheet" type="text/css" href="{{.Prefix}}static/css/style.css">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>
<body>
<!-- header -->
<div class="header row text-center">
<div class="container">
<h3>League of Legends</h3>
<h1>Personal Counters</h1>
</div>
</div>
<div class="container">
<!-- content -->
<div class="content-area col-xs-12 col-sm-offset-1 col-sm-10 col-md-offset-3 col-md-6 col-lg-offset-4 col-lg-4">
{{if .Error}}
<div class="alert alert-danger" role="alert">
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
<span class="sr-only">Error:</span>
Enter a valid {{.Error}}
</div>
{{end}}
<form action="{{.Prefix}}matchup" method="post">
<div class="form-group">
<label for="name">Summoner Name</label>
<div class="input-group">
<input type="text" class="form-control" id="name" name="name" placeholder="Name" aria-describedby="basic-addon1">
<input type="hidden" id="region" name="region" value="NA">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">NA<span class="caret"></span></button>
<ul class="dropdown-menu dropdown-menu-right">
<li><a>BR</a></li>
<li><a>EUNE</a></li>
<li><a>EUW</a></li>
<li><a>JP</a></li>
<li><a>KR</a></li>
<li><a>LAN</a></li>
<li><a>LAS</a></li>
<li><a>NA</a></li>
<li><a>OCE</a></li>
<li><a>RU</a></li>
<li><a>TR</a></li>
</ul>
</div>
</div>
</div>
<div class="form-group">
<label for="enemy">Enemy Champion</label>
<!-- <input type="text" class="form-control" id="enemy" name="enemy" placeholder="Enemy" aria-describedby="basic-addon1"> -->
<input data-list="Aatrox,Ahri,Akali,Alistar,Amumu,Anivia,Annie,Ashe,Aurelion Sol,Azir,Bard,Blitzcrank,Brand,Braum,Caitlyn,Cassiopeia,Chogath,Corki,Darius,Diana,Draven,Dr. Mundo,Ekko,Elise,Evelynn,Ezreal,Fiddlesticks,Fiora,Fizz,Galio,Gangplank,Garen,Gnar,Gragas,Graves,Hecarim,Heimerdinger,Illaoi,Irelia,Janna,Jarvaniv,Jax,Jayce,Jhin,Jinx,Kalista,Karma,Karthus,Kassadin,Katarina,Kayle,Kennen,Khazix,Kindred,Kogmaw,Leblanc,Leesin,Leona,Lissandra,Lucian,Lulu,Lux,Malphite,Malzahar,Maokai,Master Yi,Miss Fortune,Monkeyking,Mordekaiser,Morgana,Nami,Nasus,Nautilus,Nidalee,Nocturne,Nunu,Olaf,Orianna,Pantheon,Poppy,Quinn,Rammus,Reksai,Renekton,Rengar,Riven,Rumble,Ryze,Sejuani,Shaco,Shen,Shyvana,Singed,Sion,Sivir,Skarner,Sona,Soraka,Swain,Syndra,Tahm Kench,Talon,Taric,Teemo,Thresh,Tristana,Trundle,Tryndamere,Twisted Fate,Twitch,Udyr,Urgot,Varus,Vayne,Veigar,Velkoz,Vi,Viktor,Vladimir,Volibear,Warwick,Wukong,Xerath,Xin Zhao,Yasuo,Yorick,Zac,Zed,Ziggs,Zilean,Zyra" type="text" class="awesomplete form-control" id="enemy" name="enemy" placeholder="Enemy" aria-describedby="basic-addon1" autocomplete="off">
</div>
<div class="form-group">
<label for="role">Role</label>
<select class="form-control selectpicker" id="role" name="role">
<option value="Top">Top</option>
<option value="Jungle">Jungle</option>
<option value="Middle">Middle</option>
<option value="ADC">AD Carry</option>
<option value="Support">Support</option>
</select>
</div>
<div class="checkbox" id="save">
<label>
<input type="checkbox" id="save" name="save"> Save Summoner Name
</label>
</div>
<input class="form-control find" type="submit" value="Find">
</form>
</div>
<!-- <div class="spinner-area">
<p>Please wait while we get your match history. If this is your first time using this site, it may take a few minutes. Thank you.</p>
<div class="loader">Loading...</div>
</div> -->
<div class="col-xs-12 text-center footer">
<p>
Figure out your personal counterpick (based on your ranked matches, your champion mastery points, and champion.gg winrates).
</p>
<p class="alert alert-info">
On your first time using this app, the first load will take a few minutes as we are pulling your ranked games to calculate your win rates. Please be patient!
</p>
<p>
From: <a href="http://github.com/yawhide" target="_blank">Yaw Hide</a> & <a href="http://github.com/Ooblah" target="_blank">Ooblah</a>
</p>
</div>
</div>
<script type="text/javascript" src="{{.Prefix}}static/js/awesomplete.min.js"></script>
<script type="text/javascript" src="{{.Prefix}}static/js/promise.min.js"></script>
<script type="text/javascript" src="{{.Prefix}}static/js/fetch.min.js"></script>
<script type="text/javascript">var urlPrefix = "{{.Prefix}}"</script>
<script type="text/javascript" src="{{.Prefix}}static/js/index.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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-47105626-2', 'auto');
ga('send', 'pageview', '/lol-personal-counter');
</script>
</body>
</html>