diff --git a/index.html b/index.html index 935f224..9e56b41 100644 --- a/index.html +++ b/index.html @@ -120,6 +120,61 @@ color: var(--gb-dark); font-size: 8px; } + .version-history { + margin: calc(var(--spacing-unit) * 2) 0 calc(var(--spacing-unit) * 3) 0; + text-align: center; + } + .version-history details { + display: inline-block; + max-width: 600px; + } + .version-history summary { + cursor: pointer; + font-size: 8px; + color: var(--gb-medium); + list-style: none; + padding: 8px 16px; + border: 2px solid var(--gb-medium); + background: var(--color-surface); + transition: all 0.15s ease; + } + .version-history summary::-webkit-details-marker { display: none; } + .version-history summary:hover { + color: var(--gb-darkest); + border-color: var(--gb-dark); + background: var(--gb-lightest); + } + .version-history details[open] summary { + border-bottom: none; + background: var(--gb-dark); + color: var(--gb-lightest); + border-color: var(--gb-dark); + } + .version-content { + padding: calc(var(--spacing-unit) * 2); + background: var(--gb-dark); + border: 2px solid var(--gb-dark); + border-top: none; + text-align: left; + } + .version-item { + font-size: 8px; + color: var(--gb-light); + line-height: 2; + margin-bottom: 8px; + } + .version-item:last-child { + margin-bottom: 0; + } + .version-item strong { + color: var(--gb-lightest); + } + .version-divider { + height: 2px; + background: var(--gb-medium); + margin: calc(var(--spacing-unit) * 2) 0; + opacity: 0.5; + } .faq-link { background: var(--gb-lightest); border: var(--pixel-border) solid var(--gb-dark); @@ -616,7 +671,7 @@ } .wario-sprite { - width: 64px; + width: 192px; height: auto; mix-blend-mode: multiply; opacity: 0.7; @@ -1069,7 +1124,28 @@
Turn any song into retro game console music
- + +