forked from quetzle/smash-apps
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwiiu.html
129 lines (127 loc) · 10.4 KB
/
wiiu.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
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/x-icon" href= "../icon.png"/>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,100italic" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet">
<title>Stage Striking - Smash Bros Wii U</title>
</head>
<body>
<div id="container">
<h1>STAGE STRIKING - SMASH BROS WII U <span class="version">β<img style="display:none"></span></h1>
<div class="row">
<img style="background-image:url('img/1.png')" src="img/blank.png" title="Battlefield"><img style="background-image:url('img/2.png')" src="img/blank.png" title="Big Battlefield"><img style="background-image:url('img/3.png')" src="img/blank.png" title="Final Destination"><img style="background-image:url('img/4.png')" src="img/blank.png" title="Mushroom Kingdom U"><img style="background-image:url('img/5.png')" src="img/blank.png" title="Mario Galaxy">
</div>
<div class="row">
<img style="background-image:url('img/6.png')" src="img/blank.png" title="Delfino Plaza"><img style="background-image:url('img/7.png')" src="img/blank.png" title="Mario Circuit"><img style="background-image:url('img/8.png')" src="img/blank.png" title="Mario Circuit (Brawl)"><img style="background-image:url('img/9.png')" src="img/blank.png" title="Luigi's Mansion"><img style="background-image:url('img/10.png')" src="img/blank.png" title="Jungle Hijinxs"><img style="background-image:url('img/11.png')" src="img/blank.png" title="Kongo Jungle">
</div>
<div class="row">
<img style="background-image:url('img/12.png')" src="img/blank.png" title="Skyloft"><img style="background-image:url('img/13.png')" src="img/blank.png" title="Bridge of Eldin"><img style="background-image:url('img/14.png')" src="img/blank.png" title="Temple"><img style="background-image:url('img/15.png')" src="img/blank.png" title="Pyrosphere"><img style="background-image:url('img/16.png')" src="img/blank.png" title="Norfair"><img style="background-image:url('img/17.png')" src="img/blank.png" title="Port Town Aero Dive">
</div>
<div class="row">
<img style="background-image:url('img/18.png')" src="img/blank.png" title="Woolly World"><img style="background-image:url('img/19.png')" src="img/blank.png" title="Yoshi's Island"><img style="background-image:url('img/20.png')" src="img/blank.png" title="Great Cave Offensive"><img style="background-image:url('img/21.png')" src="img/blank.png" title="Halberd"><img style="background-image:url('img/22.png')" src="img/blank.png" title="Orbital Gate Assault"><img style="background-image:url('img/23.png')" src="img/blank.png" title="Lylat Cruise">
</div>
<div class="row">
<img style="background-image:url('img/24.png')" src="img/blank.png" title="Kalos Pokemon League"><img style="background-image:url('img/25.png')" src="img/blank.png" title="Pokemon Stadium 2"><img style="background-image:url('img/26.png')" src="img/blank.png" title="Onett"><img style="background-image:url('img/27.png')" src="img/blank.png" title="Coliseum"><img style="background-image:url('img/28.png')" src="img/blank.png" title="Castle Siege"><img style="background-image:url('img/29.png')" src="img/blank.png" title="Flat Zone X">
</div>
<div class="row">
<img style="background-image:url('img/30.png')" src="img/blank.png" title="Palutena's Temple"><img style="background-image:url('img/31.png')" src="img/blank.png" title="Skyworld"><img style="background-image:url('img/32.png')" src="img/blank.png" title="Gamer"><img style="background-image:url('img/33.png')" src="img/blank.png" title="Garden of Hope"><img style="background-image:url('img/34.png')" src="img/blank.png" title="Town and City"><img style="background-image:url('img/35.png')" src="img/blank.png" title="Smashville">
</div>
<div class="row">
<img style="background-image:url('img/36.png')" src="img/blank.png" title="Wii Fit Studio"><img style="background-image:url('img/37.png')" src="img/blank.png" title="Boxing Ring"><img style="background-image:url('img/38.png')" src="img/blank.png" title="Gaur Plain"><img style="background-image:url('img/39.png')" src="img/blank.png" title="Duck Hunt"><img style="background-image:url('img/40.png')" src="img/blank.png" title="75 m"><img style="background-image:url('img/41.png')" src="img/blank.png" title="Wrecking Crew">
</div>
<div class="row">
<img style="background-image:url('img/42.png')" src="img/blank.png" title="Pilotwings"><img style="background-image:url('img/43.png')" src="img/blank.png" title="Wuhu Island"><img style="background-image:url('img/44.png')" src="img/blank.png" title="Windy Hill Zone"><img style="background-image:url('img/45.png')" src="img/blank.png" title="Wily Castle"><img style="background-image:url('img/46.png')" src="img/blank.png" title="Pac-land"><img style="background-image:url('img/47.png')" src="img/blank.png" title="Miiverse">
</div>
<div class="row">
<img style="background-image:url('img/48.png')" src="img/blank.png" title="Omega Forms"><img style="background-image:url('img/49.png')" src="img/blank.png" title="Omega Forms - Floating Platform"><img style="background-image:url('img/50.png')" src="img/blank.png" title="Omega Forms - Walls">
</div>
<br>
<div class="text">
Select rules:
<select id="presets">
<option value="none">None</option>
<optgroup label="Singles">
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</optgroup>
<optgroup label="Doubles">
<option value="dsmall">Small</option>
<option value="dmedium">Medium</option>
<option value="dlarge">Large</option>
</optgroup>
</select>
– Input preset: <input type="text" id="code">
– <a href="designerwiiu.html">Preset designer</a>
– <a href="index.html">3DS striker</a>
</div>
<div class="text">
Select the stages you want to ban by clicking on them. Select a preset in the dropdown below or design one in the designer.
</div>
<div class="text">
<a href="../index.html">Smash Apps</a> - <a href="https://github.com/quetzle/smash-apps">Github page</a>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
var separate = [];
var starters = [];
var counterpicks = [];
$(document).ready(function() {
$("img").click(function () {
if ($(this).attr("src") == "img/strike.png") {
$(this).attr("src","img/blank.png");
} else {
$(this).attr("src","img/strike.png");
}
});
$("#code").on('input propertychange paste', function () {
separate = $("#code").val().split("|");
starters = separate[0].split(",").map(Number);
counterpicks = separate[1].split(",").map(Number);
$("img").attr("src","img/strike.png");
$("img").attr("class","no");
for (var i = 0; i < starters.length; i++) {
$("img:eq(" + starters[i] + ")").attr("src","img/blank.png");
$("img:eq(" + starters[i] + ")").attr("class","starter");
}
for (var i = 0; i < counterpicks.length; i++) {
$("img:eq(" + counterpicks[i] + ")").attr("src","img/blank.png");
$("img:eq(" + counterpicks[i] + ")").attr("class","counterpick");
}
});
});
$("#presets").change(function () {
$("img").attr("src","img/blank.png");
$("img").attr("class","none");
var sel = this.value;
if (sel == "small") {
$("img:eq(3), img:eq(4), img:eq(5), img:eq(6), img:eq(7), img:eq(8), img:eq(9), img:eq(10), img:eq(11), img:eq(13), img:eq(14), img:eq(15), img:eq(17), img:eq(18), img:eq(19), img:eq(20), img:eq(21), img:eq(22), img:eq(23), img:eq(24), img:eq(25), img:eq(26), img:eq(27), img:eq(28), img:eq(29), img:eq(30), img:eq(31), img:eq(32), img:eq(33), img:eq(34)").attr("src","img/strike.png");
$("img:eq(1), img:eq(2), img:eq(12)").attr("class","starter");
$("img:eq(16)").attr("class","counterpick");
} else if (sel == "medium") {
$("img:eq(3), img:eq(4), img:eq(5), img:eq(6), img:eq(7), img:eq(8), img:eq(9), img:eq(10), img:eq(11), img:eq(13), img:eq(14), img:eq(15), img:eq(17), img:eq(18), img:eq(20), img:eq(21), img:eq(22), img:eq(23), img:eq(24), img:eq(25), img:eq(26), img:eq(27), img:eq(28), img:eq(29), img:eq(31), img:eq(32), img:eq(33), img:eq(34)").attr("src","img/strike.png");
$("img:eq(1), img:eq(2), img:eq(12)").attr("class","starter");
$("img:eq(16), img:eq(19), img:eq(30)").attr("class","counterpick");
} else if (sel == "large") {
$("img:eq(3), img:eq(4), img:eq(5), img:eq(6), img:eq(7), img:eq(8), img:eq(9), img:eq(10), img:eq(13), img:eq(14), img:eq(15), img:eq(17), img:eq(18), img:eq(20), img:eq(21), img:eq(22), img:eq(23), img:eq(24), img:eq(25), img:eq(27), img:eq(28), img:eq(29), img:eq(31), img:eq(32), img:eq(33), img:eq(34)").attr("src","img/strike.png");
$("img:eq(1), img:eq(2), img:eq(12), img:eq(16)").attr("class","starter");
$("img:eq(11), img:eq(19), img:eq(26), img:eq(30)").attr("class","counterpick");
} else if (sel == "dsmall") {
$("img:eq(3), img:eq(4), img:eq(5), img:eq(6), img:eq(7), img:eq(8), img:eq(9), img:eq(10), img:eq(11), img:eq(13), img:eq(14), img:eq(15), img:eq(17), img:eq(18), img:eq(19), img:eq(20), img:eq(21), img:eq(22), img:eq(23), img:eq(24), img:eq(25), img:eq(26), img:eq(27), img:eq(28), img:eq(29), img:eq(30), img:eq(31), img:eq(32), img:eq(33), img:eq(34)").attr("src","img/strike.png");
$("img:eq(1), img:eq(2), img:eq(12)").attr("class","starter");
$("img:eq(16)").attr("class","counterpick");
} else if (sel == "dmedium") {
$("img:eq(3), img:eq(4), img:eq(6), img:eq(7), img:eq(8), img:eq(9), img:eq(10), img:eq(11), img:eq(13), img:eq(14), img:eq(15), img:eq(17), img:eq(18), img:eq(20), img:eq(21), img:eq(22), img:eq(23), img:eq(24), img:eq(25), img:eq(26), img:eq(27), img:eq(28), img:eq(29), img:eq(31), img:eq(32), img:eq(33), img:eq(34)").attr("src","img/strike.png");
$("img:eq(1), img:eq(2), img:eq(12)").attr("class","starter");
$("img:eq(5), img:eq(16), img:eq(19), img:eq(30)").attr("class","counterpick");
} else if (sel == "dlarge") {
$("img:eq(3), img:eq(4), img:eq(6), img:eq(7), img:eq(8), img:eq(9), img:eq(10), img:eq(13), img:eq(14), img:eq(15), img:eq(17), img:eq(18), img:eq(20), img:eq(21), img:eq(22), img:eq(23), img:eq(24), img:eq(25), img:eq(27), img:eq(26), img:eq(28), img:eq(29), img:eq(31), img:eq(32), img:eq(33), img:eq(34)").attr("src","img/strike.png");
$("img:eq(1), img:eq(2), img:eq(12), img:eq(16)").attr("class","starter");
$("img:eq(5), img:eq(11), img:eq(19), img:eq(30)").attr("class","counterpick");
}
});
</script>
</body>
</html>