Edit HTML+CSS+JS code - Online playing cards (Frontend)

Open
Dominik Szafrański
Dominik Szafrański
Employer
4 deals
Job category:
Desktop/web applications
Expected budget:

Negotiable

Preferable skills:
css
html
javascript
Published:
Valid until:

Job description

Hi, I found this code online: https://codepen.io/fanki/pen/xxwKWJL

I'm looking for somebody to edit it. Here are the requirements:

- Cards lie face down on a stack

- There should be an option to set in a config if opened cards should show horizontally or vertically

- The face of a card should have auto scaled, centered text with 1em padding, background image that is scaled to fit (there will be a watermark logo on each card, that watermark should be in the center so the background image should scale properly)

- Text content of a card randomly chosen from a list in json config

- Back of the card and background of a face of a card should be images from json config. It should scale to fit the card well.

- Only possible to take card from the top

- Cards show up always „above” the stack. Currently when you draw a second card from the stack for example it glitches.

- Always 10 cards visible (infinite stack).

- When a card is discarded - transition so it goes out of the screen to the bottom and disappears (this element should stop existing)

Source code transfer with the copyrights to the code.

Please tell me your price and the deadline. Thanks!

Required functions:

Recent jobs from category Programming and IT

472 jobs in 9 categories Find a job

  • no avatar
    Szymon
    Hey. I need a program that will copy the names of all users in a given group from telegram. Is it possible to do something like that?
  • no avatar
    Mateo
    bot/monitoring program
    Proposed by freelancer
    7
    29d
    Good day. I will commission a program/bot that monitors the appearance of an item I am interested in on popular classifieds sites. It is to consist in the fact that I will be immediately informed with a link to the ad that matches my criteria. What matters is response time, accuracy and stability of performance. More by phone, email or gadu-gadu. Greetings
  • no avatar
    LebkiHarry 3 deals
    Scraper for a price comparison engine
    Proposed by freelancer
    12
    27d
    Good day! I will commission to write a scraper for a price comparison site of certain services. I will provide more information to interested parties on priv.
  • no avatar
    pcholewa 2 deals
    I will order the creation of a desktop application that will be responsible for printing receipts on fislane printers. The application should query a specific url which returns a list of receipts to print.
  • no avatar
    DarekK
    Input is x zip files. Files to be unzipped with password. Each file named by name. Windows environment. Operation of the script. We place the script manually in the directory with the zip files. After running, the script asks for a password (each file has an identical password) and unzips the zip files, each to a separate directory with a name identical to the zip file. Inside the directory, after unzipping, there is one pdf file and one docx file. The script then deletes the docx file and retrieves the recorded date and time from the contents of the pdf file (all pdf files are based on the same form, so identifying the field to read is made easier). The script then renames each directory, adding the date and time read from the pdf before the previous name. Finally, the script deletes the zip files. Any script environment with emphasis on something simple, such as python. The order should include the source code and, if necessary, compilation instructions after any subsequent changes.
  • no avatar
    JacekMo
    The task of the macro is to load graphics into the data table after activating the button. The second button is used for deletion. Graphics must scale to the size of the cell. The paths to each of the graphic files are specified with are located in the cells, which are hidden. Each line of data is loaded with 3 graphics - but it must be possible to increase it - this can be done by changing the range of cells in the macro. The code must be resistant to missing, i.e. graphics that do not exist. After loading graphics, it must be possible to sort and use filters - specific graphics must remain in their cells. There is a macro in the attached xlsm file - but it does not work properly. The new macro should be more versatile and error-proof, sorting and filtering.
  • no avatar
    Fendcor
    We are a manufacturer of auto parts. We exhibit many variants of products . Manual completion is time consuming. We need the ability to copy the vehicle compatibility section (ItemCompatibilityListType) from our selected listing (single id) to the others selected by us (multiple id). New products are listed on ebay.de from baselinker.
  • no avatar
    FeniksCenter 4 deals
    Hello, I am looking for someone to write a web application that allows me to add an order to baselinker from a csv file.
  • no avatar
    DesDeck 7 deals
    Greetings. We are looking for someone to help with the development of our web application written mainly in React.js with MySQL as the database. There are still a few components left to be created and also those already created need, enhancement or improvement. Knowledge of Laravel and Inertia.js will be an added advantage. Attached is an example of a component to be created in React.js, so we require very good knowledge of this library and vanilla JS. We will consider any proposal, it can be less than 40h per week, and it can also be more, so please very much send the rate per hour of work and your availability per week.
  • no avatar
    Arturito 1 deal
    BOT for WWW
    Proposed by freelancer
    9
    25d
    I am looking for someone to take on the task of making a bot for several websites. I do not really know what else you need, so more information on a private message. Greetings