vikiival/trap

Trap Card Limited

This application allow you to send funky trap cards to your friends. You may find it funny.

How can I make a card?

1. Go to the Card Maker
2. Fill in the form
3. Click on the "Generate" button

How can I contribute and use the card?

1. Fork the repository
2. Create a new branch
3. Add the card to the /images folder
4. Commit the changes and make a pull request

How can I remove card from the project?

If you find yourself in the need of removing a card, please contact us on Discord.

trap's Issues

Write article

Maybe would be nice if we write article about fake http.cat using functions.

Ideal deploy on:

• dev.to
• Viki's Medium

About:

• intro
• thinking process
• lambda
• web
• what have we learned + end

Generative cards

It would be nice that the cards would be generative, so we don't need to store JPEGs on the repo.

@Hladikes had also an idea to interactively fetch data from our discord channel. (e.g I am currently Вікі on the DC not vikiival)

Ref:

• #8
• #35

Upload Images as part of static content to Netlify

Add og tags

Because now we have a super cool web it would be nice to have meta tags

Card generator

I recall that @Hladikes hacked some way to generate card from url.

Worst idea:
Let extend risitas with risitas trap [name] [desc]

Cards with grammatically incorrect descriptions

https://trap.ltd/toxic
Change description to: "Use this card when your opponent uses only toxic and salty arguments"
https://trap.ltd/stupid
Change description to: "Use this card when your opponent thinks you are inferior"
https://trap.ltd/nausea
Change description to: "Use this card when something has made you sick"

Cleanup the code

• Move css to separate file
• Move vue/js to separate file
• set redirection rules correctly

Permanent redirect

Tomorrow app will permanently redirect all cards except 404

Add link to this repository

I think it might be cool to add link for this repository to the index.html

Change meta tags to point to the new URL

Trap was moved to https://trap.vik.ink/ but some links refer to https://trap.ltd/

Query parameter to lowercase

Since all image names are in lowercase, any slight typo in casing will result in 404

WhatsApp does not show metatags

https://stackoverflow.com/questions/25100917/showing-thumbnail-for-link-in-whatsapp-ogimage-meta-tag-doesnt-work

PWA

I got another bad idea

CARD: Ni

Have loader or async fetch for the cards

For the first 5-10 seconds we have empty screen.

It would be nice to have some simple text like Loading content _

New card design.

We are thinking to make a new design for the cards for a couple of reasons:

• Cards are enormous, especially when you use mobile device
• People do not see the description (small text, hard to read)

the point is to have minimalist template that looks like a trap card.

Copy image link to clipboard

Button which should be able to copy image link to clipboard

Refactor CSS :art:

Currenly we do not use classes for CSS.

It would be nice to have it.

Also may use UnCSS?

Readme

• Link the template
• How to contribute
• Add GDPR section

Grid/List switch button

I was thinking about adding a button, for switching between grid view and list view. What do you think @vikiival ? 👀