Add folders to index.html

This commit is contained in:
Will Toohey 2022-07-02 11:00:19 +10:00
parent 0057364e14
commit f328014be7
12 changed files with 268 additions and 313 deletions

View File

@ -9,15 +9,25 @@
font-style: normal; font-style: normal;
} }
.icons { .icons, .subsection {
display: flex; display: grid;
flex-wrap: wrap; grid-template-columns: repeat(auto-fit, 180px);
grid-auto-flow: dense;
align-items: stretch; align-items: stretch;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
} }
.subsection {
grid-column: 1 / -1;
background-color: #a2a2a2;
margin: unset;
/* I don't understand anything */
margin-right: -15px;
padding-right: 15px;
}
.gameicon, .gameicon,
.patchContainer { .patchContainer {
border-radius: 2px; border-radius: 2px;
@ -37,6 +47,20 @@
justify-content: center; justify-content: center;
} }
label.gameicon {
cursor: pointer;
background: #fffcf0;
}
input.sectionToggle,
input.sectionToggle + div {
display: none;
}
input:checked.sectionToggle + div {
display: grid;
}
.gameicon:hover, .gameicon:hover,
.dragover { .dragover {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
@ -52,15 +76,11 @@
margin-top: 5px; margin-top: 5px;
} }
.gameicon>div>div {
margin-top: auto;
margin-bottom: auto;
}
.gameicon>div { .gameicon>div {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center;
} }
.fileInput { .fileInput {
@ -323,4 +343,4 @@ input[type=checkbox]:checked ~ ul > li.patch-on {
} }
input[type=checkbox]:checked ~ ul > li.patch-off { input[type=checkbox]:checked ~ ul > li.patch-off {
display: list-item; display: list-item;
} }

BIN
img/aaa_beatstream.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

BIN
img/aaa_chuni.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

BIN
img/aaa_ddr.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
img/aaa_gitadora.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

BIN
img/aaa_iidx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

BIN
img/aaa_jubeat.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

BIN
img/aaa_museca.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
img/aaa_popn.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

BIN
img/aaa_reflec.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

BIN
img/aaa_sdvx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -4,460 +4,395 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>BEMANI DLL Patching Tools</title> <title>BEMANI DLL Patching Tools</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="https://livejs.com/live.js"></script>
</head> </head>
<body> <body>
<h1>Pick a game!</h1> <h1>Pick a game!</h1>
<div class="icons"> <div class="icons">
<a href="beatstream1.html" class="gameicon"> <label for="check_beatstream" class="gameicon">
<div> <img src="img/aaa_beatstream.png">
<div>BeatStream</div>
</label>
<input type="checkbox" id="check_beatstream" class="sectionToggle"/>
<div class="subsection">
<a href="beatstream1.html" class="gameicon">
<img src="img/beatstream.png"> <img src="img/beatstream.png">
<div>BeatStream</div> <div>BeatStream</div>
</div> </a>
</a> <a href="beatstream2.html" class="gameicon">
<a href="beatstream2.html" class="gameicon">
<div>
<img src="img/beatstream2.png"> <img src="img/beatstream2.png">
<div>BeatStream<br>アニムトライヴ</div> <div>BeatStream<br>アニムトライヴ</div>
</div> </a>
</a> </div>
<a href="bombergirl.html" class="gameicon"> <a href="bombergirl.html" class="gameicon">
<div> <img src="img/bombergirl.png">
<img src="img/bombergirl.png"> <div>BomberGirl PC (eacloud)</div>
<div>BomberGirl PC (eacloud)</div>
</div>
</a> </a>
<a href="chuni.html" class="gameicon">
<div> <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/chuni.png"> <img src="img/chuni.png">
<div>CHUNITHM</div> <div>CHUNITHM</div>
</div> </a>
</a> <a href="chuniplus.html" class="gameicon">
<a href="chuniplus.html" class="gameicon">
<div>
<img src="img/chuniplus.jpg"> <img src="img/chuniplus.jpg">
<div>CHUNITHM PLUS</div> <div>CHUNITHM PLUS</div>
</div> </a>
</a> <a href="chuniair.html" class="gameicon">
<a href="chuniair.html" class="gameicon">
<div>
<img src="img/chuniair.png"> <img src="img/chuniair.png">
<div>CHUNITHM AIR</div> <div>CHUNITHM AIR</div>
</div> </a>
</a> <a href="chunistar.html" class="gameicon">
<a href="chunistar.html" class="gameicon">
<div>
<img src="img/chunistar.png"> <img src="img/chunistar.png">
<div>CHUNITHM STAR</div> <div>CHUNITHM STAR</div>
</div> </a>
</a> <a href="chuniamazon.html" class="gameicon">
<a href="chuniamazon.html" class="gameicon">
<div>
<img src="img/chuniamazon.png"> <img src="img/chuniamazon.png">
<div>CHUNITHM AMAZON</div> <div>CHUNITHM AMAZON</div>
</div> </a>
</a> <a href="chunicrystal.html" class="gameicon">
<a href="chunicrystal.html" class="gameicon">
<div>
<img src="img/chunicrystal.png"> <img src="img/chunicrystal.png">
<div>CHUNITHM CRYSTAL</div> <div>CHUNITHM CRYSTAL</div>
</div> </a>
</a> <a href="chuniparadise.html" class="gameicon">
<a href="chuniparadise.html" class="gameicon">
<div>
<img src="img/chuniparadise.png"> <img src="img/chuniparadise.png">
<div>CHUNITHM PARADISE</div> <div>CHUNITHM PARADISE</div>
</div> </a>
</a> <a href="chusan.html" class="gameicon">
<a href="chusan.html" class="gameicon">
<div>
<img src="img/chusan.png"> <img src="img/chusan.png">
<div>CHUNITHM NEW!!</div> <div>CHUNITHM NEW!!</div>
</div> </a>
</a> </div>
<a href="resort_anthem.html" class="gameicon">
<div> <label for="check_iidx" class="gameicon">
<img src="img/aaa_iidx.png">
<div>beatmania IIDX</div>
</label>
<input type="checkbox" id="check_iidx" class="sectionToggle"/>
<div class="subsection">
<a href="resort_anthem.html" class="gameicon">
<img src="img/resort_anthem.png"> <img src="img/resort_anthem.png">
<div>beatmania IIDX 18 Resort Anthem</div> <div>beatmania IIDX 18 Resort Anthem</div>
</div> </a>
</a> <a href="lincle.html" class="gameicon">
<a href="lincle.html" class="gameicon">
<div>
<img src="img/lincle.png"> <img src="img/lincle.png">
<div>beatmania IIDX 19 Lincle</div> <div>beatmania IIDX 19 Lincle</div>
</div> </a>
</a> <a href="tricoro.html" class="gameicon">
<a href="tricoro.html" class="gameicon">
<div>
<img src="img/tricoro.png"> <img src="img/tricoro.png">
<div>beatmania IIDX 20 tricoro</div> <div>beatmania IIDX 20 tricoro</div>
</div> </a>
</a> <a href="spada.html" class="gameicon">
<a href="spada.html" class="gameicon">
<div>
<img src="img/spada.png"> <img src="img/spada.png">
<div>beatmania IIDX 21 SPADA</div> <div>beatmania IIDX 21 SPADA</div>
</div> </a>
</a> <a href="pendual.html" class="gameicon">
<a href="pendual.html" class="gameicon">
<div>
<img src="img/pendual.png"> <img src="img/pendual.png">
<div>beatmania IIDX 22 PENDUAL</div> <div>beatmania IIDX 22 PENDUAL</div>
</div> </a>
</a> <a href="copula.html" class="gameicon">
<a href="copula.html" class="gameicon">
<div>
<img src="img/copula.png"> <img src="img/copula.png">
<div>beatmania IIDX 23 copula</div> <div>beatmania IIDX 23 copula</div>
</div> </a>
</a> <a href="sinobuz.html" class="gameicon">
<a href="sinobuz.html" class="gameicon">
<div>
<img src="img/sinobuz.png"> <img src="img/sinobuz.png">
<div>beatmania IIDX 24 SINOBUZ</div> <div>beatmania IIDX 24 SINOBUZ</div>
</div> </a>
</a> <a href="ballerz.html" class="gameicon">
<a href="ballerz.html" class="gameicon">
<div>
<img src="img/ballerz.png"> <img src="img/ballerz.png">
<div>beatmania IIDX 25 CANNON BALLERS</div> <div>beatmania IIDX 25 CANNON BALLERS</div>
</div> </a>
</a> <a href="rootage.html" class="gameicon">
<a href="rootage.html" class="gameicon">
<div>
<img src="img/rootage.png"> <img src="img/rootage.png">
<div>beatmania IIDX 26 Rootage</div> <div>beatmania IIDX 26 Rootage</div>
</div> </a>
</a> <a href="heroicverse.html" class="gameicon">
<a href="heroicverse.html" class="gameicon">
<div>
<img src="img/heroicverse.png"> <img src="img/heroicverse.png">
<div>beatmania IIDX 27 HEROIC VERSE</div> <div>beatmania IIDX 27 HEROIC VERSE</div>
</div> </a>
</a> <a href="bistrover.html" class="gameicon">
<a href="bistrover.html" class="gameicon">
<div>
<img src="img/bistrover.png"> <img src="img/bistrover.png">
<div>beatmania IIDX 28 BISTROVER</div> <div>beatmania IIDX 28 BISTROVER</div>
</div> </a>
</a> </div>
<a href="ddrx.html" class="gameicon">
<div> <label for="check_ddr" class="gameicon">
<img src="img/aaa_ddr.png">
<div>Dance Dance Revolution</div>
</label>
<input type="checkbox" id="check_ddr" class="sectionToggle"/>
<div class="subsection">
<a href="ddrx.html" class="gameicon">
<img src="img/ddrx.png"> <img src="img/ddrx.png">
<div>Dance Dance Revolution X</div> <div>Dance Dance Revolution X</div>
</div> </a>
</a> <a href="ddrx2.html" class="gameicon">
<a href="ddrx2.html" class="gameicon">
<div>
<img src="img/ddrx2.png"> <img src="img/ddrx2.png">
<div>Dance Dance Revolution X2</div> <div>Dance Dance Revolution X2</div>
</div> </a>
</a> <a href="ddrx3.html" class="gameicon">
<a href="ddrx3.html" class="gameicon">
<div>
<img src="img/ddrx3.png"> <img src="img/ddrx3.png">
<div>Dance Dance Revolution X3</div> <div>Dance Dance Revolution X3</div>
</div> </a>
</a> <a href="ddr2013.html" class="gameicon">
<a href="ddr2013.html" class="gameicon">
<div>
<img src="img/ddr2013.png"> <img src="img/ddr2013.png">
<div>Dance Dance Revolution 2013</div> <div>Dance Dance Revolution 2013</div>
</div> </a>
</a> <a href="ddr2014.html" class="gameicon">
<a href="ddr2014.html" class="gameicon">
<div>
<img src="img/ddr2014.png"> <img src="img/ddr2014.png">
<div>Dance Dance Revolution 2014</div> <div>Dance Dance Revolution 2014</div>
</div> </a>
</a> <a href="ddra.html" class="gameicon">
<a href="ddra.html" class="gameicon">
<div>
<img src="img/ddra.png"> <img src="img/ddra.png">
<div>Dance Dance Revolution A</div> <div>Dance Dance Revolution A</div>
</div> </a>
</a> <a href="ddra20.html" class="gameicon">
<a href="ddra20.html" class="gameicon">
<div>
<img src="img/ddra20.png"> <img src="img/ddra20.png">
<div>Dance Dance Revolution A20</div> <div>Dance Dance Revolution A20</div>
</div> </a>
</a> <a href="ddra20+.html" class="gameicon">
<a href="ddra20+.html" class="gameicon">
<div>
<img src="img/ddra20+.png"> <img src="img/ddra20+.png">
<div>Dance Dance Revolution A20 Plus</div> <div>Dance Dance Revolution A20 Plus</div>
</div> </a>
</a> </div>
<a href="gc4ex.html" class="gameicon"> <a href="gc4ex.html" class="gameicon">
<div> <img src="img/gc4ex.png">
<img src="img/gc4ex.png"> <div>Groove Coaster 4EX Infinity Highway</div>
<div>Groove Coaster 4EX Infinity Highway</div>
</div>
</a> </a>
<a href="gfdmv4.html" class="gameicon">
<div> <label for="check_gitadora" class="gameicon">
<img src="img/aaa_gitadora.png">
<div>GuitarFreaks / DrumMania / GITADORA</div>
</label>
<input type="checkbox" id="check_gitadora" class="sectionToggle"/>
<div class="subsection">
<a href="gfdmv4.html" class="gameicon">
<img src="img/gfdmv4.png"> <img src="img/gfdmv4.png">
<div>GuitarFreaks & DrumMania V4 RockxRock</div> <div>GuitarFreaks & DrumMania V4 RockxRock</div>
</div> </a>
</a> <a href="gfdmv5.html" class="gameicon">
<a href="gfdmv5.html" class="gameicon">
<div>
<img src="img/gfdmv5.png"> <img src="img/gfdmv5.png">
<div>GuitarFreaks & DrumMania V5 Rock to Infinity</div> <div>GuitarFreaks & DrumMania V5 Rock to Infinity</div>
</div> </a>
</a> <a href="gfdmv6.html" class="gameicon">
<a href="gfdmv6.html" class="gameicon">
<div>
<img src="img/gfdmv6.png"> <img src="img/gfdmv6.png">
<div>GuitarFreaks & DrumMania V6 BLAZING!!!!</div> <div>GuitarFreaks & DrumMania V6 BLAZING!!!!</div>
</div> </a>
</a> <a href="gfdmv7.html" class="gameicon">
<a href="gfdmv7.html" class="gameicon">
<div>
<img src="img/gfdmv7.png"> <img src="img/gfdmv7.png">
<div>GuitarFreaks & DrumMania V7</div> <div>GuitarFreaks & DrumMania V7</div>
</div> </a>
</a> <a href="gfdmv8.html" class="gameicon">
<a href="gfdmv8.html" class="gameicon">
<div>
<img src="img/gfdmv8.png"> <img src="img/gfdmv8.png">
<div>GuitarFreaks & DrumMania V8</div> <div>GuitarFreaks & DrumMania V8</div>
</div> </a>
</a> <a href="gfdmxg2.html" class="gameicon">
<a href="gfdmxg2.html" class="gameicon">
<div>
<img src="img/gfdmxg2.png"> <img src="img/gfdmxg2.png">
<div>GuitarFreaks & DrumMania XG2</div> <div>GuitarFreaks & DrumMania XG2</div>
</div> </a>
</a> </a>
</a> <a href="gfdmxg3.html" class="gameicon">
<a href="gfdmxg3.html" class="gameicon">
<div>
<img src="img/gfdmxg3.png"> <img src="img/gfdmxg3.png">
<div>GuitarFreaks & DrumMania XG3</div> <div>GuitarFreaks & DrumMania XG3</div>
</div> </a>
</a> <a href="gitadoraod.html" class="gameicon">
<a href="gitadoraod.html" class="gameicon">
<div>
<img src="img/od.png"> <img src="img/od.png">
<div>GITADORA OverDrive</div> <div>GITADORA OverDrive</div>
</div> </a>
</a> <a href="gitadoratb.html" class="gameicon">
<a href="gitadoratb.html" class="gameicon">
<div>
<img src="img/tb.png"> <img src="img/tb.png">
<div>GITADORA Tri-Boost</div> <div>GITADORA Tri-Boost</div>
</div> </a>
</a> <a href="gitadoratbre.html" class="gameicon">
<a href="gitadoratbre.html" class="gameicon">
<div>
<img src="img/tbre.png"> <img src="img/tbre.png">
<div>GITADORA Tri-Boost Re:EVOLVE</div> <div>GITADORA Tri-Boost Re:EVOLVE</div>
</div> </a>
</a> <a href="gitadoramatixx.html" class="gameicon">
<a href="gitadoramatixx.html" class="gameicon">
<div>
<img src="img/matixx.png"> <img src="img/matixx.png">
<div>GITADORA Matixx</div> <div>GITADORA Matixx</div>
</div> </a>
</a> <a href="gitadoraexchain.html" class="gameicon">
<a href="gitadoraexchain.html" class="gameicon">
<div>
<img src="img/exchain.png"> <img src="img/exchain.png">
<div>GITADORA EXCHAIN</div> <div>GITADORA EXCHAIN</div>
</div> </a>
</a> <a href="gitadoranextage.html" class="gameicon">
<a href="gitadoranextage.html" class="gameicon">
<div>
<img src="img/nextage.png"> <img src="img/nextage.png">
<div>GITADORA NEX+AGE</div> <div>GITADORA NEX+AGE</div>
</div> </a>
</a> </div>
<a href="futuretone.html" class="gameicon"> <a href="futuretone.html" class="gameicon">
<div> <img src="img/futuretone.png">
<img src="img/futuretone.png"> <div>Hatsune Miku: Project DIVA Arcade Future Tone</div>
<div>Hatsune Miku: Project DIVA Arcade Future Tone</div>
</div>
</a> </a>
<a href="hellopopn.html" class="gameicon">
<div> <label for="check_jubeat" class="gameicon">
<img src="img/hellopopn.png"> <img src="img/aaa_jubeat.png">
<div>Hello! Pop'n Music</div> <div>jubeat</div>
</div> </label>
</a> <input type="checkbox" id="check_jubeat" class="sectionToggle"/>
<a href="jubeatripples.html" class="gameicon"> <div class="subsection">
<div> <a href="jubeatripples.html" class="gameicon">
<img src="img/ripples.png"> <img src="img/ripples.png">
<div>jubeat ripples</div> <div>jubeat ripples</div>
</div> </a>
</a> <a href="jubeatknit.html" class="gameicon">
<a href="jubeatknit.html" class="gameicon">
<div>
<img src="img/knit.png"> <img src="img/knit.png">
<div>jubeat knit</div> <div>jubeat knit</div>
</div> </a>
</a> <a href="jubeatcopious.html" class="gameicon">
<a href="jubeatcopious.html" class="gameicon">
<div>
<img src="img/copious.png"> <img src="img/copious.png">
<div>jubeat copious</div> <div>jubeat copious</div>
</div> </a>
</a> <a href="jubeatsaucer.html" class="gameicon">
<a href="jubeatsaucer.html" class="gameicon">
<div>
<img src="img/saucer.png"> <img src="img/saucer.png">
<div>jubeat saucer</div> <div>jubeat saucer</div>
</div> </a>
</a> <a href="jubeatsaucerfulfill.html" class="gameicon">
<a href="jubeatsaucerfulfill.html" class="gameicon">
<div>
<img src="img/saucerfulfill.png"> <img src="img/saucerfulfill.png">
<div>jubeat saucer fulfill</div> <div>jubeat saucer fulfill</div>
</div> </a>
</a> <a href="jubeatprop.html" class="gameicon">
<a href="jubeatprop.html" class="gameicon">
<div>
<img src="img/prop.png"> <img src="img/prop.png">
<div>jubeat prop</div> <div>jubeat prop</div>
</div> </a>
</a> <a href="jubeatqubell.html" class="gameicon">
<a href="jubeatqubell.html" class="gameicon">
<div>
<img src="img/qubell.png"> <img src="img/qubell.png">
<div>jubeat Qubell</div> <div>jubeat Qubell</div>
</div> </a>
</a> <a href="jubeatclan.html" class="gameicon">
<a href="jubeatclan.html" class="gameicon">
<div>
<img src="img/clan.png"> <img src="img/clan.png">
<div>jubeat clan</div> <div>jubeat clan</div>
</div> </a>
</a> <a href="jubeatfesto.html" class="gameicon">
<a href="jubeatfesto.html" class="gameicon">
<div>
<img src="img/festo.png"> <img src="img/festo.png">
<div>jubeat festo</div> <div>jubeat festo</div>
</div> </a>
</a> </div>
<a href="museca1.html" class="gameicon">
<div> <label for="check_museca" class="gameicon">
<img src="img/aaa_museca.png">
<div>MÚSECA</div>
</label>
<input type="checkbox" id="check_museca" class="sectionToggle"/>
<div class="subsection">
<a href="museca1.html" class="gameicon">
<img src="img/museca1.png"> <img src="img/museca1.png">
<div>MÚSECA</div> <div>MÚSECA</div>
</div> </a>
</a> <a href="museca2.html" class="gameicon">
<a href="museca2.html" class="gameicon">
<div>
<img src="img/museca2.png"> <img src="img/museca2.png">
<div>MÚSECA 1+1/2</div> <div>MÚSECA 1+1/2</div>
</div> </a>
</a> </div>
<a href="nostalgiaop2.html" class="gameicon"> <a href="nostalgiaop2.html" class="gameicon">
<div> <img src="img/op2.png">
<img src="img/op2.png"> <div>Nostalgia Op.2</div>
<div>Nostalgia Op.2</div>
</div>
</a> </a>
<a href="popn19tunestreet.html" class="gameicon">
<div> <label for="check_popn" class="gameicon">
<img src="img/aaa_popn.png">
<div>pop'n music</div>
</label>
<input type="checkbox" id="check_popn" class="sectionToggle"/>
<div class="subsection">
<a href="hellopopn.html" class="gameicon">
<img src="img/hellopopn.png">
<div>Hello! Pop'n Music</div>
</a>
<a href="popn19tunestreet.html" class="gameicon">
<img src="img/tunestreet.png"> <img src="img/tunestreet.png">
<div>pop'n music 19 Tune Street</div> <div>pop'n music 19 Tune Street</div>
</div> </a>
</a> <a href="popn20fantasia.html" class="gameicon">
<a href="popn20fantasia.html" class="gameicon">
<div>
<img src="img/fantasia.png"> <img src="img/fantasia.png">
<div>pop'n music 20 fantasia</div> <div>pop'n music 20 fantasia</div>
</div> </a>
</a> <a href="popn21sunnypark.html" class="gameicon">
<a href="popn21sunnypark.html" class="gameicon">
<div>
<img src="img/sunny.png"> <img src="img/sunny.png">
<div>pop'n music 21 Sunny Park</div> <div>pop'n music 21 Sunny Park</div>
</div> </a>
</a> <a href="popn22lapistoria.html" class="gameicon">
<a href="popn22lapistoria.html" class="gameicon">
<div>
<img src="img/lapis.png"> <img src="img/lapis.png">
<div>pop'n music 22 Lapistoria</div> <div>pop'n music 22 Lapistoria</div>
</div> </a>
</a> <a href="popn23eclale.html" class="gameicon">
<a href="popn23eclale.html" class="gameicon">
<div>
<img src="img/eclale.png"> <img src="img/eclale.png">
<div>pop'n music 23 éclale</div> <div>pop'n music 23 éclale</div>
</div> </a>
</a> <a href="popn24usaneko.html" class="gameicon">
<a href="popn24usaneko.html" class="gameicon">
<div>
<img src="img/usaneko.png"> <img src="img/usaneko.png">
<div>pop'n music 24 うさぎと猫と少年の夢</div> <div>pop'n music 24 うさぎと猫と少年の夢</div>
</div> </a>
</a> <a href="popn25peace.html" class="gameicon">
<a href="popn25peace.html" class="gameicon">
<div>
<img src="img/peace.png"> <img src="img/peace.png">
<div>pop'n music 25 peace</div> <div>pop'n music 25 peace</div>
</div> </a>
</a> </div>
<a href="reflecbeat-limelight.html" class="gameicon">
<div> <label for="check_reflec" class="gameicon">
<img src="img/aaa_reflec.png">
<div>REFLEC BEAT</div>
</label>
<input type="checkbox" id="check_reflec" class="sectionToggle"/>
<div class="subsection">
<a href="reflecbeat-limelight.html" class="gameicon">
<img src="img/limelight.png"> <img src="img/limelight.png">
<div>REFLEC BEAT limelight</div> <div>REFLEC BEAT limelight</div>
</div> </a>
</a> <a href="reflecbeat-colette.html" class="gameicon">
<a href="reflecbeat-colette.html" class="gameicon">
<div>
<img src="img/colette.png"> <img src="img/colette.png">
<div>REFLEC BEAT colette</div> <div>REFLEC BEAT colette</div>
</div> </a>
</a> <a href="reflecbeat-groovin-upper.html" class="gameicon">
<a href="reflecbeat-groovin-upper.html" class="gameicon">
<div>
<img src="img/groovin.png"> <img src="img/groovin.png">
<div>REFLEC BEAT groovin'!! Upper</div> <div>REFLEC BEAT groovin'!! Upper</div>
</div> </a>
</a> <a href="reflecbeat-volzza2.html" class="gameicon">
<a href="reflecbeat-volzza2.html" class="gameicon">
<div>
<img src="img/volzza2.png"> <img src="img/volzza2.png">
<div>REFLEC BEAT VOLZZA 2</div> <div>REFLEC BEAT VOLZZA 2</div>
</div> </a>
</a> <a href="reflecbeat-reflesia.html" class="gameicon">
<a href="reflecbeat-reflesia.html" class="gameicon">
<div>
<img src="img/reflesia.png"> <img src="img/reflesia.png">
<div>REFLEC BEAT The Reflesia of Eternity</div> <div>REFLEC BEAT The Reflesia of Eternity</div>
</div> </a>
</a> </div>
<a href="sdvx3.html" class="gameicon">
<div> <label for="check_sdvx" class="gameicon">
<img src="img/aaa_sdvx.png">
<div>SOUND VOLTEX</div>
</label>
<input type="checkbox" id="check_sdvx" class="sectionToggle"/>
<div class="subsection">
<a href="sdvx3.html" class="gameicon">
<img src="img/sdvx.png"> <img src="img/sdvx.png">
<div>SDVX III GRAVITY WARS</div> <div>SDVX III GRAVITY WARS</div>
</div> </a>
</a> <a href="sdvx4.html" class="gameicon">
<a href="sdvx4.html" class="gameicon">
<div>
<img src="img/sdvx4.png"> <img src="img/sdvx4.png">
<div>SDVX IV HEAVENLY HAVEN</div> <div>SDVX IV HEAVENLY HAVEN</div>
</div> </a>
</a> <a href="sdvx5.html" class="gameicon">
<a href="sdvx5.html" class="gameicon">
<div>
<img src="img/sdvx5.png"> <img src="img/sdvx5.png">
<div>SDVX V VIVID WAVE</div> <div>SDVX V VIVID WAVE</div>
</div> </a>
</a> <a href="sdvx6.html" class="gameicon">
<a href="sdvx6.html" class="gameicon">
<div>
<img src="img/sdvx6.png"> <img src="img/sdvx6.png">
<div>SDVX VI EXCEED GEAR</div> <div>SDVX VI EXCEED GEAR</div>
</div> </a>
</a> </div>
<a href="taikonotatsujin.html" class="gameicon"> <a href="taikonotatsujin.html" class="gameicon">
<div> <img src="img/taikonotatsujin.png">
<img src="img/taikonotatsujin.png"> <div>Taiko no Tatsujin</div>
<div>Taiko no Tatsujin</div>
</div>
</a> </a>
</div> </div>
<pre class="tagline">Patches are community created. <a href="https://github.com/mon/BemaniPatcher/">Submit your own via Pull Request!</a></pre> <pre class="tagline">Patches are community created. <a href="https://github.com/mon/BemaniPatcher/">Submit your own via Pull Request!</a></pre>