Show HN: Twitter Logo MAD Fold-In

[manifoldgeo]

https://brendenhyde.com/foldin/

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].

[1] https://en.wikipedia.org/wiki/Mad_Fold-in

[2] https://thomaspark.co/2020/06/the-mad-magazine-fold-in-effec...

[3] https://web.archive.org/web/20230724221700/https://brendenhy...

[dieselgate]

This is really good, thanks for posting. Actually a very sincere thanks for posting this was very good and a creative breath of fresh air on the internet. The fold ins were always my favorite part of MAD and haven't seen one in such a long long time.

[wffurr → dieselgate]

If you’d like a few more fold-ins, this has been posted a few times: https://news.ycombinator.com/item?id=23457930

To the OP, well done. Perfectly topical and “executed”.

[manifoldgeo → dieselgate]

Thanks for the kind words! Your comment made my day. I used to get a kick out of the fold-ins too, and I feel lucky that we live in the Internet Age where I can bet that any idea I have (CSS MAD fold-in) has likely been done better than I'd be able to.

[TylerE]

Why is the OP is such a. Light gray as to be high-unreadable?

I really wish HN would stop doing that in ALL cases. It’s a massive accessibility fail.

[nulld3v → TylerE]

It's a very very light gray on a solid black background. I don't see how it isn't readable. My browser says it meets WCAG AAA standards as well.

*EDIT:* Nvm, I just realized you were complaining about the text on HN, not the text on OP's site.

[consumer451]

Wow, when the animation began I got a flood of nostalgia chemicals in my brain.

I was reminded of childhood, a particular smell, a particular moment. Neato.

Thank you!

[labster]

Very nice. The bird should have had an X for its eye, though.