Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: The Fuck Cards – make a card for a friend or enemy

thefuck.cards

Post reply on HN
Print view View original

1–10 of 29 posts

Show HN: The Fuck Cards – make a card for a friend or enemy

#1

Post by webjac »

The Fuck Card started years ago as a physical card I printed for some friends.

Now it's this simple web app you can use to express yourself.

Quickly make a card, copy the link and send it to someone who deserves it.

It's fun and there's lots you can say with it.

I built it built in 100% handcrafted in Vanilla HTML, CSS and JS. No frameworks, no BS.

Fonts are provided by Google Fonts. Image generation thanks to html2canvas. No-tracking analytics by Matomo.

It started as a weekend project to train my JS skills. I'd love to know your thoughts.

Show HN: The Fuck Cards – make a card for a friend or enemy
thefuck.cards

Re: Show HN: The Fuck Cards – make a card for a friend or enemy

#2

Post by sphars »

Something goes wonky when creating the card. The card is flipped with the result but the inputs are visible on the "other side" of the card[0]. On latest version of Firefox.

Also it was a little confusing selecting words. I thought you only select one top word and one bottom word. Didn't realize you should select more than one for it to make sense.

[0]: https://i.imgur.com/rVTV3sJ.png

Re: Show HN: The Fuck Cards – make a card for a friend or enemy

#3

Post by webjac »

sphars wrote: post #2

Something goes wonky when creating the card. The card is flipped with the result but the inputs are visible on the "other side" of the card[0]. On latest version of Firefox. Also it was a little confusing selecting words. I thought you only select one top word and one bottom word. Didn't realize you should select more than one for it to make sense. [0]: https://i.imgur.com/rVTV3sJ.png

Thanks for the feedback. I had a similar bug to what you describe on older versions of Safari. I'll test on Firefox to see what might be going on with the backface visibility.

Once again, thanks a lot

Re: Show HN: The Fuck Cards – make a card for a friend or enemy

#4

Post by webjac »

sphars wrote: post #2

Something goes wonky when creating the card. The card is flipped with the result but the inputs are visible on the "other side" of the card[0]. On latest version of Firefox. Also it was a little confusing selecting words. I thought you only select one top word and one bottom word. Didn't realize you should select more than one for it to make sense. [0]: https://i.imgur.com/rVTV3sJ.png

It's resolved now. It's a Firefox bug that has a workaround. https://stackoverflow.com/questions/9604982/backface-visibil...

Re: Show HN: The Fuck Cards – make a card for a friend or enemy

#8

Post by mthoms »

nerdkid93 wrote: post #7

On mobile Firefox, the app captures the gesture to go back to the prior page, so I couldn't come back to here until I typed in the URL box to navigate to Hacker News

Same here on desktop Safari. If there's one thing I can't stand is hijacking of the back button.

I'm not sure about Firefox but on other browsers you can hold the back button to see your history - then you can navigate back to HN (or wherever) from there.

Re: Show HN: The Fuck Cards – make a card for a friend or enemy

#9

Post by bheadmaster »

nerdkid93 wrote: post #7

On mobile Firefox, the app captures the gesture to go back to the prior page, so I couldn't come back to here until I typed in the URL box to navigate to Hacker News

Same thing on my mobile Firefox. I actually went back dozen times, thinking to myself "did I really make this many fuck cards?" before realizing what's happening.

If you're gonna hijack the back button for the purpose of your app, folks, at least make it eventually go to the previous page. Don't make it circular.

Post reply on HN