HTML-coding for an iPad presentation
Closed - This job posting has been filled and work has been completed.
I'm looking for a web developer who would transfer 45 slides of a presentation from PSD to HTML using HTML5, CSS3 and JS.
The presentation will be wrapped up into a content viewer for display on iPad, therefore each slide has been designed for the Retina display and has to be coded accordingly.
The code also has to follow the requirements set by the content viewer. The content viewer works very much like a standard Safari browser, but has a couple restrictions: you can't use position:fixed in the code and need to understand how to use gotFocus and lostFocus events to trigger the animation on the slides. A very detailed description of what you can and can't do in the HTML for the content viewer is provided in the attached Content_Viewer_Requirements.pdf file.
Some slides will contain simple animation (fade-in/fade-out of elements, elements moving within a frame) and video. All animation must be implemented with use of CSS transitions (use of jquery is strictly prohibited).
Slides will be in Russian and can be transferred into HTML by simply exporting all parts of the slide as images, i.e. you will not need to copy/re-type texts in Russian and don't need to know the language.
The work has to be done in no longer than 5 days. The full package of PSDs will be provided to the winning candidate end of the week of Jul. 8th 2013 or early on the week of Jul. 15th 2013.
Attached is an archive with a sample slide (in JPG and PSD) to give you an idea of what to expect and the content viewer documentation mentioned above.