From 3c720d41d2193a536d5df01aff964c54b48d4e44 Mon Sep 17 00:00:00 2001 From: Gavin Morrow Date: Wed, 2 Jul 2025 23:58:39 -0400 Subject: [PATCH] MTA NYCT subway button! --- buttons/subway.aseprite | Bin 0 -> 30623 bytes buttons/subway.gif | Bin 0 -> 8334 bytes common.css | 4 ++-- index.html | 13 ++++++++++--- 4 files changed, 12 insertions(+), 5 deletions(-) create mode 100644 buttons/subway.aseprite create mode 100644 buttons/subway.gif diff --git a/buttons/subway.aseprite b/buttons/subway.aseprite new file mode 100644 index 0000000000000000000000000000000000000000..70c70fe354b90cba64c8012d48f2309255e4c39e GIT binary patch literal 30623 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 literal 0 HcmV?d00001 diff --git a/buttons/subway.gif b/buttons/subway.gif new file mode 100644 index 0000000000000000000000000000000000000000..521864639fc7c322c8e7883de2fd06c1676b8e95 GIT binary patch literal 8334 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 literal 0 HcmV?d00001 diff --git a/common.css b/common.css index 5bf7371..4b56f1a 100644 --- a/common.css +++ b/common.css @@ -98,13 +98,13 @@ a:has(.btn88x31) { transform: rotate(360deg); } - #im-a-shark-btn:hover { + .hover-flip:hover { transform: scale(-1, 1) rotate(0deg); } } @media (prefers-reduced-motion: reduce) { - #im-a-shark-btn { + .hover-flip { /* don't show gif w/ reduced motion */ content: url("/buttons/im-a-shark.png"); } diff --git a/index.html b/index.html index 15217e0..725ae47 100644 --- a/index.html +++ b/index.html @@ -58,12 +58,11 @@ alt="A 88 by 31 pixel button of the progress pride flag." /> A 88 by 31 pixel button of the transgender flag with the text 'I'm a shark' overlaid in black'. On hover, a blahaj-inspired shark swims across the button. + A 88 by 31 pixel animated button of a NYC subway R142 train continuously moving across the button. The text MTA in white with a blue background is followed by the text NYCT in that blue above the train. The sky is a light blue.

Most everything (text, code, buttons, photos) on this site made by me, and -- 2.51.2