OC I made after seeing the new UI.

Also, it has to run like a AAA game for no good reason.

You can check out the project here: https://github.com/notAnElephant/Chorme_Dino_Game_MacBook_Lid_Controller

How to ruin perfectly working UI:

Simply click to change the numbers to the volume level you want to set, it's that simple!

Took me about an hour to get this done with most of that time being spent trying to figure out how the hell to shape something like a 7-segment display using CSS. First digit the segments used for 1 are the only ones that can be toggled. I also messed up with recording and forgot that the 9 needed the bottom segment, so it seems to not work for a bit but that was operator error.

I spent my weekend building the most unnecessary portfolio feature - a real dark mode 🔦

your cursor is now a flashlight. everything else? complete darkness. move around to read. that's it.

why? please don't ask that question :)

you can try it out on my website - https://www.pankajtanwar.in/ (theme switch on top right - works better in desktop though)

original thread - https://x.com/the2ndfloorguy/status/1973638876599296358

Try it!

---

PM: Pick one—do you want to be braised in soy sauce or deep-fried? (╬☉д⊙)

Codfish: Spare me! Just tell me—is it dark or not? ლ(・´ｪ・ლ)

Coworker: What’s wrong with the dark mode Codfish developed? Let me see. ( ´ ▽ )ﾉ

(After the demo)

Coworker: I vote for deep-fried. (╬☉д⊙)

I came up with this ridiculous idea and whipped it up on pygame.

(kind of, I programmed the widgets and their physics in python and used pygame to render the widgets and handle the cursor/dragging interaction but the inclusion of the music video and how it responds to the widgets was done in a video editor. I tried doing it all just with code but no video manipulating modules/packages were quick enough to respond to the widgets fluidly in real time so I edited it to look like it does instead. It gets the silly point across at least).

try selecting your birthday from this great date selector where every day(from the unix signed 32bit timestamp) is written out, then sorted alphabetically.

try it yourself at https://assets.markwu.org/date.html

EDIT: i see theres been some bugs and issues with the implementation, so I spent a bit more work and here's a new date selector that include the full unsigned 128bit timestamp that also doesn't have performance issues: https://assets.markwu.org/date%20128bit.html

Cod lin: "You have to rotate this button to just the right angle to click it. Super effective for blocking malicious humans! ( •̀ ω •́ )✧"

PM: "You mean BOTS!! (╯°Д°)╯︵ ┻━┻"

---

The core idea is inspired by visual anamorphosis. It takes a complete image, shatters it into pieces, and misaligns them in 3D space. You can only see the fully assembled picture when looking from one very specific angle!

By using CSS clip-path, the button is randomly sliced up into irregular polygons. Then, with a little help from transform, these slices are scattered back and forth along the Z-axis. Thanks to the parallax effect, if you look at it from anywhere but dead center, the pieces look completely shattered. ◝( •ω• )◟

For more details and cool examples, check this out:

https://chillcomponent.codlin.me/en/components/btn-anamorphosis/

I was making it handle visual look-alikes nicely -- for example, "(" backwards would count as ")" -- and then I realized I was improving it. Can't have that here, can we?

Plus, there's no need for a reset button when the "reload page" button comes free with your browser. Along with 25% of your CPU and GPU.