diff --git a/css/style.css b/css/style.css index e2bfbf9..1247e90 100644 --- a/css/style.css +++ b/css/style.css @@ -9,15 +9,25 @@ font-style: normal; } -.icons { - display: flex; - flex-wrap: wrap; +.icons, .subsection { + display: grid; + grid-template-columns: repeat(auto-fit, 180px); + grid-auto-flow: dense; align-items: stretch; margin: 0 auto; text-align: 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, .patchContainer { border-radius: 2px; @@ -37,6 +47,20 @@ justify-content: center; } +label.gameicon { + cursor: pointer; + background: #fffcf0; +} + +input.sectionToggle, +input.sectionToggle + div { + display: none; +} + +input:checked.sectionToggle + div { + display: grid; +} + .gameicon:hover, .dragover { 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; } -.gameicon>div>div { - margin-top: auto; - margin-bottom: auto; -} - .gameicon>div { height: 100%; display: flex; flex-direction: column; + justify-content: center; } .fileInput { @@ -323,4 +343,4 @@ input[type=checkbox]:checked ~ ul > li.patch-on { } input[type=checkbox]:checked ~ ul > li.patch-off { display: list-item; -} \ No newline at end of file +} diff --git a/img/aaa_beatstream.png b/img/aaa_beatstream.png new file mode 100644 index 0000000..8c01d60 Binary files /dev/null and b/img/aaa_beatstream.png differ diff --git a/img/aaa_chuni.png b/img/aaa_chuni.png new file mode 100644 index 0000000..cacc54a Binary files /dev/null and b/img/aaa_chuni.png differ diff --git a/img/aaa_ddr.png b/img/aaa_ddr.png new file mode 100644 index 0000000..a081353 Binary files /dev/null and b/img/aaa_ddr.png differ diff --git a/img/aaa_gitadora.png b/img/aaa_gitadora.png new file mode 100644 index 0000000..ae0c6e9 Binary files /dev/null and b/img/aaa_gitadora.png differ diff --git a/img/aaa_iidx.png b/img/aaa_iidx.png new file mode 100644 index 0000000..102cfcd Binary files /dev/null and b/img/aaa_iidx.png differ diff --git a/img/aaa_jubeat.png b/img/aaa_jubeat.png new file mode 100644 index 0000000..2f84060 Binary files /dev/null and b/img/aaa_jubeat.png differ diff --git a/img/aaa_museca.png b/img/aaa_museca.png new file mode 100644 index 0000000..0083b16 Binary files /dev/null and b/img/aaa_museca.png differ diff --git a/img/aaa_popn.png b/img/aaa_popn.png new file mode 100644 index 0000000..b20e6ca Binary files /dev/null and b/img/aaa_popn.png differ diff --git a/img/aaa_reflec.png b/img/aaa_reflec.png new file mode 100644 index 0000000..80b61d7 Binary files /dev/null and b/img/aaa_reflec.png differ diff --git a/img/aaa_sdvx.png b/img/aaa_sdvx.png new file mode 100644 index 0000000..b51335a Binary files /dev/null and b/img/aaa_sdvx.png differ diff --git a/index.html b/index.html index 52f0d0e..17d8c22 100644 --- a/index.html +++ b/index.html @@ -4,460 +4,395 @@
Patches are community created. Submit your own via Pull Request!