diff --git a/assets/88x31/antifa.gif b/assets/88x31/antifa.gif new file mode 100644 index 0000000..0809cab Binary files /dev/null and b/assets/88x31/antifa.gif differ diff --git a/assets/88x31/blink.gif b/assets/88x31/blink.gif new file mode 100644 index 0000000..2acde1c Binary files /dev/null and b/assets/88x31/blink.gif differ diff --git a/assets/88x31/estrogen.gif b/assets/88x31/estrogen.gif new file mode 100644 index 0000000..4c965dd Binary files /dev/null and b/assets/88x31/estrogen.gif differ diff --git a/assets/88x31/firefox.gif b/assets/88x31/firefox.gif new file mode 100644 index 0000000..94621d5 Binary files /dev/null and b/assets/88x31/firefox.gif differ diff --git a/assets/88x31/girlsnow.png b/assets/88x31/girlsnow.png new file mode 100644 index 0000000..9695de3 Binary files /dev/null and b/assets/88x31/girlsnow.png differ diff --git a/assets/88x31/gitgay.png b/assets/88x31/gitgay.png new file mode 100644 index 0000000..9ce0c85 Binary files /dev/null and b/assets/88x31/gitgay.png differ diff --git a/assets/88x31/killmenow.gif b/assets/88x31/killmenow.gif new file mode 100644 index 0000000..0dbe965 Binary files /dev/null and b/assets/88x31/killmenow.gif differ diff --git a/assets/88x31/linux.gif b/assets/88x31/linux.gif new file mode 100644 index 0000000..89e3562 Binary files /dev/null and b/assets/88x31/linux.gif differ diff --git a/assets/88x31/meltice.gif b/assets/88x31/meltice.gif new file mode 100644 index 0000000..7e6df98 Binary files /dev/null and b/assets/88x31/meltice.gif differ diff --git a/assets/88x31/microslop.gif b/assets/88x31/microslop.gif new file mode 100644 index 0000000..61936c7 Binary files /dev/null and b/assets/88x31/microslop.gif differ diff --git a/assets/88x31/nft.gif b/assets/88x31/nft.gif new file mode 100644 index 0000000..12f48ab Binary files /dev/null and b/assets/88x31/nft.gif differ diff --git a/assets/88x31/noweb32.gif b/assets/88x31/noweb32.gif new file mode 100644 index 0000000..9485709 Binary files /dev/null and b/assets/88x31/noweb32.gif differ diff --git a/assets/88x31/palestine.gif b/assets/88x31/palestine.gif new file mode 100644 index 0000000..e58600b Binary files /dev/null and b/assets/88x31/palestine.gif differ diff --git a/assets/88x31/skirt.gif b/assets/88x31/skirt.gif new file mode 100644 index 0000000..e2833dc Binary files /dev/null and b/assets/88x31/skirt.gif differ diff --git a/assets/88x31/ukraine.gif b/assets/88x31/ukraine.gif new file mode 100644 index 0000000..501b734 Binary files /dev/null and b/assets/88x31/ukraine.gif differ diff --git a/css/index.css b/css/index.css index ff0aaa5..65ff191 100644 --- a/css/index.css +++ b/css/index.css @@ -183,6 +183,41 @@ body::before { margin-top: 10px; margin-bottom: 10px; } + +/* ---- 88x31 button wall (always visible) ---- */ +.button-wall { + position: fixed; + bottom: 1rem; + left: 50%; + transform: translateX(-50%); + z-index: 5; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 0.5rem; + max-width: min(90vw, 480px); +} + +.button-wall a { + display: block; + line-height: 0; +} + +.button-wall img { + width: 88px; + height: 31px; + image-rendering: pixelated; + border: 1px solid var(--surface-1); + border-radius: 2px; + transition: transform 0.12s ease, border-color 0.12s ease; +} + +.button-wall a:hover img { + transform: translateY(-2px); + border-color: rgb(var(--accent-rgb)); +} + + /* Coffee/index.html */ .teapot { diff --git a/index.html b/index.html index b2f049d..7523324 100644 --- a/index.html +++ b/index.html @@ -59,8 +59,21 @@ + - +