two-torial-webpatcher/index.html
2024-07-01 16:23:15 +02:00

142 lines
5.9 KiB
HTML

<!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="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>
</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>
</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>