{"id":144,"date":"2021-02-06T08:09:00","date_gmt":"2021-02-06T08:09:00","guid":{"rendered":"http:\/\/fishbotwilleatyou.com\/blog\/?p=144"},"modified":"2022-04-10T04:15:20","modified_gmt":"2022-04-10T04:15:20","slug":"stupid-css-whac-a-mole","status":"publish","type":"post","link":"https:\/\/fishbotwilleatyou.com\/blog\/stupid-css-whac-a-mole\/","title":{"rendered":"Stupid CSS Part 2: Whac-A-Mole"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>This post is <a href=\"https:\/\/fishbotwilleatyou.com\/blog\/tag\/stupid-css\/\">part of a series<\/a> diving into the concepts behind the <a href=\"https:\/\/fishbotwilleatyou.com\/css\/\">Stupid CSS demo page<\/a>, a collection of interactive elements implemented in pure CSS at various levels of absurdity. Check it out <a href=\"https:\/\/github.com\/deeptoaster\/stupid-css\">on GitHub<\/a>!<\/p><\/blockquote>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-css-tricks wp-block-embed-css-tricks\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"xg9zjMz0Ei\"><a href=\"https:\/\/css-tricks.com\/whack-a-mole-the-css-edition\/\">Whack-a-Mole: The CSS Edition<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Whack-a-Mole: The CSS Edition&#8221; &#8212; CSS-Tricks\" src=\"https:\/\/css-tricks.com\/whack-a-mole-the-css-edition\/embed\/#?secret=7rqWouKWtP#?secret=xg9zjMz0Ei\" data-secret=\"xg9zjMz0Ei\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><figcaption>Look ma, I got published.<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/fishbotwilleatyou.com\/css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Check it out: Stupid CSS<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This post is part of a series diving into the concepts behind the Stupid CSS demo page, a collection of interactive elements implemented in pure CSS at various levels of absurdity. Check it out on GitHub!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3],"tags":[5],"class_list":["post-144","post","type-post","status-publish","format-standard","hentry","category-stupid-hacks","tag-stupid-css"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fishbotwilleatyou.com\/blog\/wp-json\/wp\/v2\/posts\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fishbotwilleatyou.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fishbotwilleatyou.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fishbotwilleatyou.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fishbotwilleatyou.com\/blog\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":3,"href":"https:\/\/fishbotwilleatyou.com\/blog\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/fishbotwilleatyou.com\/blog\/wp-json\/wp\/v2\/posts\/144\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/fishbotwilleatyou.com\/blog\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fishbotwilleatyou.com\/blog\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fishbotwilleatyou.com\/blog\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}