-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
157 lines (150 loc) · 6.65 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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>TWO-TORIAL's Web Patcher</title>
<link rel="stylesheet" href="css/style.css">
<script>
window.addEventListener('DOMContentLoaded', function() {
// implement radio-style behaviour for categories
for(const input of document.querySelectorAll(".sectionToggle")) {
input.onclick = () => {
for(const el of document.querySelectorAll(".sectionToggle")) {
if(el != input) el.checked = false;
}
}
}
});
</script>
</head>
<body>
<h1>TWO-TORIAL's Web Patcher</h1>
<h3>By the community, for the community!</h3>
<div class="icons">
<a href="bishibashi.html" class="gameicon">
<img src="img/bishibashi.png">
<div>THE ☆ BishiBashi</div>
</a>
<a href="bombergirl.html" class="gameicon">
<img src="img/bombergirl.png">
<div>BomberGirl PC (eacloud)</div>
</a>
<label for="check_chuni" class="gameicon">
<img src="img/aaa_chuni.png">
<div>CHUNITHM</div>
</label>
<input type="checkbox" id="check_chuni" class="sectionToggle"/>
<div class="subsection">
<a href="chuni.html" class="gameicon">
<img src="img/chu/ni01.png">
<div>CHUNITHM</div>
</a>
<a href="chuniplus.html" class="gameicon">
<img src="img/chu/ni02plus.png">
<div>CHUNITHM PLUS</div>
</a>
<a href="chuniair.html" class="gameicon">
<img src="img/chu/ni03air.png">
<div>CHUNITHM AIR</div>
</a>
<a href="chuniairplus.html" class="gameicon">
<img src="img/chu/ni04airplus.png">
<div>CHUNITHM AIR PLUS</div>
</a>
<a href="chunistar.html" class="gameicon">
<img src="img/chu/ni05star.png">
<div>CHUNITHM STAR</div>
</a>
<a href="chunistarplus.html" class="gameicon">
<img src="img/chu/ni06starplus.png">
<div>CHUNITHM STAR PLUS</div>
</a>
<a href="chuniamazon.html" class="gameicon">
<img src="img/chu/ni07amazon.png">
<div>CHUNITHM AMAZON</div>
</a>
<a href="chuniamazonplus.html" class="gameicon">
<img src="img/chu/ni08amazonplus.png">
<div>CHUNITHM AMAZON PLUS</div>
</a>
<a href="chunicrystal.html" class="gameicon">
<img src="img/chu/ni09crystal.png">
<div>CHUNITHM CRYSTAL</div>
</a>
<a href="chunicrystalplus.html" class="gameicon">
<img src="img/chu/ni10crystalplus.png">
<div>CHUNITHM CRYSTAL PLUS</div>
</a>
<a href="chuniparadise.html" class="gameicon">
<div class="image-wrapper">
<img src="img/chu/ni11paradise.png" class="image">
<img src="img/chu/ni11paradiselost.png" class="image-hover">
</div>
<div>CHUNITHM PARADISE (LOST)</div>
</a>
<a href="chuni_hx.html" class="gameicon">
<img src="img/chu/ni11paradiselost.png">
<div>CHUNITHM PARADISE LOST (USA)</div>
</a>
<a href="chusannew.html" class="gameicon">
<img src="img/chu/san12.png">
<div>CHUNITHM NEW!!</div>
</a>
<a href="chusannewplus.html" class="gameicon">
<img src="img/chu/san13newplus.png">
<div>CHUNITHM NEW PLUS!!</div>
</a>
<a href="chusansun.html" class="gameicon">
<img src="img/chu/san14sun.png">
<div>CHUNITHM SUN</div>
</a>
<a href="chusansunplus.html" class="gameicon">
<img src="img/chu/san15sunplus.png">
<div>CHUNITHM SUN PLUS</div>
</a>
<a href="chusanluminous.html" class="gameicon">
<img src="img/chu/san16luminous.png">
<div>CHUNITHM LUMINOUS</div>
</a>
<a href="chusanluminousplus.html" class="gameicon">
<img src="img/chu/san17luminousplus.png">
<div>CHUNITHM LUMINOUS PLUS</div>
</a>
<a href="chusan_hj.html" class="gameicon">
<img src="img/chu/sanhj1.png">
<div>中二节奏 NEW!!</div>
</a>
</div>
<a href="gc4ex.html" class="gameicon">
<img src="img/gc4ex.png">
<div>Groove Coaster 4EX Infinity Highway</div>
</a>
<a href="futuretone.html" class="gameicon">
<img src="img/futuretone.png">
<div>Hatsune Miku: Project DIVA Arcade Future Tone</div>
</a>
<a href="initialdzero.html" class="gameicon">
<img src="img/idz.png">
<div>Initial D Arcade Stage Zero</div>
</a>
<a href="kancolle.html" class="gameicon">
<img src="img/kancolle.png">
<div>Kancolle Arcade</div>
</a>
<a href="taikonotatsujin.html" class="gameicon">
<img src="img/taikonotatsujin.png">
<div>Taiko no Tatsujin</div>
</a>
<a href="waccareverse.html" class="gameicon">
<img src="img/wacca4reverse.png">
<div>WACCA REVERSE</div>
</a>
<a href="amdaemon.html" class="gameicon">
<!-- <img src="img/wacca4reverse.png"> -->
<div>amdaemon</div>
</a>
</div>
<div class="tagline"><em><a href=https://github.com/two-torial/webpatcher/>GitHub Repository</a></em></div>
<div class="tagline"><em>Web-tool by <a href="https://github.com/mon/">mon</a></em></div>
</body>
</html>