Show HN: Twitter Logo Mad Fold-In https://ift.tt/riH6KVL

Show HN: Twitter Logo Mad Fold-In I've been watching Elon Musk's takeover of Twitter, and I've even been personally affected by it (negatively), so I wanted a way to vent using open-source software and some very basic art skills. I woke up yesterday with an idea in mind for a MAD Fold-In[1]. A MAD Fold-In is a piece of artwork on the inside-back cover of each issue of "MAD Magazine". The main image can be folded to reveal a hidden, secondary image. I wanted to share my interactive picture with others, but printing a fold-in and mailing it to friends with instructions seemed really hard, so I searched for a digital way to do it. I found a blog post[2] from Thomas Park where he already did 100% of the work necessary to make a MAD Fold-In using nothing but CSS and HTML and a normal PNG image. Using Inkscape and some Creative Commons images, I drafted a rough piece of artwork and tweaked it until the CSS folded it nicely. I wouldn't normally share here, but I think other HN readers may get some utility from seeing and trying out a purely CSS implementation of a MAD Fold-In, even if I didn't write the CSS myself. I'm hoping to start a trend where others make their own fold-ins. Moreover, Elon Musk picked today of all days to rebrand the Twitter logo as a unicode "X" character (𝕏). So, the Twitter bird really _did_ die today, as happened in my MAD fold-in, making my post somewhat topical and weirdly apropos. If this post is too off-topic, please feel free to take it down. If it stays up, please let me know what you think. In the event my server goes down, I made a WayBack Machine archive of the site [3]. References: 1: https://ift.tt/ZFS52Ug 2: https://ift.tt/oyPlJjF... 3: https://ift.tt/HzERCUg... https://ift.tt/f23gJYB July 25, 2023 at 04:13AM