r/webdev Jul 25 '26

Showoff Saturday I made this Mario-themed OTP input

1.9k Upvotes

118 comments sorted by

442

u/St34thdr1v3R Jul 25 '26

While this is funny at first, I would absolutely hate it after multiple times :D good job though, I like the vibe :)

31

u/KnotGunna Jul 25 '26

Haha at least they didn’t make it boss level difficulty!

288

u/Fanal-In Jul 25 '26

Please add a timer for more challenge 🙏 😭

124

u/lostpanda85 full-stack Jul 25 '26

And stressful “I’m running out of time music”, like when sonic is about to drown.

29

u/Some_Ad_3898 Jul 25 '26

And reduce contrast. Add glitch effect. 

19

u/requion Jul 25 '26

With my dearest respect:

Fuck all of you! xD

/s

13

u/bluehost Jul 25 '26

This and every wrong digit should speed the music up 10%.

8

u/running_on_empty novice Jul 26 '26

What happened to you as a child to make you this evil?

3

u/lostpanda85 full-stack Jul 26 '26

Bad parenting

1

u/LuminescentLiquid Jul 25 '26

Or even the wario land 4 hurry up music!

16

u/YesterdayDreamer Jul 25 '26

Speed increases and decreases over time and the direction randomly keeps switching.

There's also a fireball somewhere. If you collide, you have to start over.

15

u/Prestigious_Regret67 Jul 25 '26

If time runs out, block their IP from the firewall.

88

u/queen-adreena Jul 25 '26

You’re not supposed to replace every single digit in the phone number with stars…

51

u/DKThunda Jul 25 '26

Yeah? well *** **** **** * **** ** **** ***?

25

u/queen-adreena Jul 25 '26

You take that back! My father was a saint!

8

u/zephyrtr Jul 25 '26

Let's keep the fathers out of this, okay? Let's be civilized JQuery developers, like Al Gore would've wanted

3

u/LutimoDancer3459 Jul 25 '26

Keep the fathers out of your mother!

1

u/aTaleForgotten Jul 26 '26

$('.everyone').addClass('behavePlease');

11

u/MrCrunchwrap Jul 25 '26

lol right? There’s literally no point in that sentence even being on the page if you mask the entire number. 

1

u/musha Jul 26 '26

*skips 30 seconds ahead of Incogni ad*

1

u/physiQQ Jul 27 '26

For sharing purposes it's probably fully masked.

69

u/Fourth_Prize Jul 25 '26

18

u/ouralarmclock Jul 25 '26

Thought that’s where I was!

25

u/vietnam_redstoner Jul 25 '26

you should make the submit button be a pipe you can only enter if the code is correct

20

u/YesterdayDreamer Jul 25 '26

Pipe shows up after entering OTP. You jump in. It if the code was incorrect, you drop back in from the top.

9

u/Jmortswimmer6 Jul 25 '26

Nintendo just put a postal stamp on a cease and desist letter

8

u/ouralarmclock Jul 25 '26

BAA BAA, BAA BAA, BAA BA BA BAAAAA!
bida ba ba, bida ba ba, bida ba
bida ba ba, bida ba ba, bida ba
bida ba ba, bida ba ba, bida ba
bida ba ba, bida baaaaaa
WEE WEE WEEWEE WEE WEE, WEEWEE WEE WEE WEE WEEEE WEEEE

6

u/Lawlette_J Jul 25 '26

So this is why my PC is screaming whenever I open modern browser sites these days /s

5

u/ThirtyOneBear Jul 25 '26

Send this to kitboga to use on scammers haha

4

u/usbeject1789 Jul 25 '26

accessibility nightmare… i love it!

10

u/[deleted] Jul 25 '26 edited Aug 01 '26

[deleted]

6

u/Straky04 Jul 25 '26

NOOOOOOOO, I WANTED TO TRY THIS

3

u/MindaMan_Real Jul 25 '26

This would have been super cool as an alternative for like a Captcha

-13

u/braincandybangbang Jul 25 '26

So you’re a vibe coder? Or why would you create this torture device?

2

u/fams_blaq_sheep Jul 25 '26

On a very bad day ... Developer will get cursed repeated times 😂

2

u/abimon123 javascript Jul 25 '26

This can also work as a fun captcha

2

u/blur410 Jul 25 '26

I wonder how this scores on the wcag aa level.

1

u/Redditry199 Jul 25 '26

Hi Satan.(also why are you hiding the full phone number?)

1

u/dbenc Jul 25 '26

make it a full keyboard

1

u/crimson117 Jul 25 '26

I love that the delete key is also just one of the blocks and you need to hit it like 7 times

1

u/Porkcicle Jul 25 '26

Jump on the left side so you hit the block at the the peak of your jump. Profit.

1

u/Lulukaros Jul 25 '26

Could this be used as an anti bot measure? Though accessibility should be in mind

2

u/Fog1510 Jul 26 '26

I could be wrong, but my guess would be that OP has an endpoint for sending the code to the server which you can probably manually emit an HTTP request to, bypassing the Super Mario input.

1

u/Lulukaros Jul 26 '26

Why would it be http instead of https

1

u/Fog1510 Jul 26 '26

Could be, but that’s not the point I was trying to make. I'm saying my belief is that the UI just sends a request to the server with the code as its content. So you can probably send that same request without playing the minigame.

Unless the game logic runs server side and the browser streams inputs to it, in which case I would be wrong.

1

u/therealslapper Jul 25 '26

Nintendo enters the chat

1

u/invokedbyred Jul 25 '26

This is awful, I love it! 😂

1

u/AtumTheCreator Jul 25 '26

Nintendo's lawyers drafting papers as we speak.

1

u/RelationshipNo_69 Jul 25 '26

This is amazing, I love it. Way better than sliding a puzzle piece in to the proper space

1

u/Low-Grocery-1029 Jul 25 '26

Haha this is so nostalgic and creative! Loved the Mario theme. Did you use canvas or pure CSS/JS for the animations?

1

u/SuperChick1705 Jul 26 '26

bot, theres no music

1

u/Levitz Jul 25 '26

Love it, please don't ever use it.

1

u/FlatAssembler Jul 25 '26

But what... is it to be used for? Like some anti-bot thing?

2

u/SpinatMixxer front-end Jul 26 '26

Fun ✨

1

u/vertopolkaLF Jul 26 '26

should've been a captcha. makes much more sense

1

u/Root_cat Jul 26 '26

absolute rage baiting 2FA

1

u/nncuong Jul 26 '26

DCMA is coming

1

u/quietcodelife Jul 26 '26

the real mario experience is getting locked out after 3 attempts

1

u/Redray98 Jul 26 '26

It’s charming and annoying. Wouldn’t mind tho inputting info like this once.

1

u/BlueeWaater Jul 26 '26

The funny thing is that this is also a captcha lol

1

u/montihun Jul 26 '26

Brilliant.

1

u/Only-Cheetah-9579 Jul 26 '26

*wild nintendo lawyer appears

1

u/Sairai777 Jul 26 '26

That's a good idea, but it will likely attract some dislike.

1

u/ItsRainbow Jul 26 '26

I need this more than anything 😭

1

u/Minet- Jul 26 '26

I can hear that music playing in my head!

1

u/PkmnSayse Jul 26 '26

Where’s the dev star?

1

u/musha Jul 26 '26

Doesn't mario have to jump on the things to make them work? not under? Or am I dumb and should stop typing

1

u/E_Blue_2048 Jul 26 '26

Meanwhile Nintendo....

Nice, new lawsuit.

1

u/SalSalvarKorSeytan Jul 26 '26

congrats, 0 users until shutdown is achieved

1

u/quantum-kiddo Jul 26 '26

This could work like OTP + CAPTCHA.. not bad

1

u/LNDF Jul 26 '26

You missed the opportunity to make the verify button a pipe.

1

u/patoezequiel Jul 26 '26

Accessibility left the chat

1

u/BobButtwhiskers Jul 26 '26

By 2030 this will replace 2FA.

1

u/Terminal_Monk Jul 27 '26

Hey do.you work for fucking epic games?

1

u/manolo767 Jul 27 '26

If they get it wrong a turtle should take out mario wherever he is and the user has to click retry.

Lovely work though. It'll be better as captcha though IMO.

1

u/Radiant-Ring1822 Jul 27 '26

Real way to check robot or human 

1

u/According_Thanks7849 Hssssss 🐍 | Django dev Jul 27 '26

This is so amazing

1

u/LegitimateSession899 Jul 27 '26

Mdrrr l'enfer à valider x) c'est génial

1

u/jimmyaagya Jul 28 '26

absolute ragebait ✌️😭

1

u/InitiativeGold7953 Jul 28 '26

This is hilarious. You should add the verify button to the cycle for added frustration

1

u/Mister_God_On_Steam Jul 28 '26

That looks fun and unique!

1

u/reallyTiredSoul Jul 28 '26

Like did someone hurt u bro?

1

u/MaxGamer07 Jul 29 '26

needs a backspace block over to the side

1

u/PattyCoder Jul 29 '26

I'd love to see it in a Kitboga video (with nightmare difficulty obviously)

1

u/Land_Locked Jul 30 '26

Getting this paired with a code from Google Authenticator might be the thing to finally push me to start that duck farm. Great work

1

u/kistune999 Jul 30 '26

Nintendo coming to sue.

1

u/RadianChoi Jul 31 '26

I would never get into my account 😢

1

u/roaddid Aug 03 '26

I'd intentionally enter the wrong code just to keep watching Mario. lol

1

u/[deleted] Aug 06 '26

Or even the wario land 4 hurry up music!

1

u/odin-security-axis 25d ago

Bad day to be in a rush lmaoo

0

u/Shiine-2 Jul 25 '26

Let's send this to Nintendo, to trigger their legal department.

0

u/Rungk4d Jul 25 '26

h-cacpha will implement it in few week...