Have some fun with animations!
From the assignment homepage (https://github.com/fewd05082017/week7), click the "Fork" link on the top right. This will create a copy of the assignment in YOUR github account.
From the repository homepage (which will be http://github.com/YOURUSERNAME/week7), click on green "Clone or Download" button and "Open in Desktop". This should open your Github Desktop App and prompt you to save the week7 folder on your computer.
Set clouds.gif as the background image. Create a div for the ground/grass with green background and appropriate height - position it at the bottom with position: fixed;
;
Create an <h1>
and display FARM PARTY!. For a bonus, use a fun custom font (like from Google Fonts).
For each of the characters you want to animate, via javascript:
- Create an
<img>
for it on the page. - Position it with position: fixed; or position: absolute;
- Animate it.
- Do something with it after the animation finishes.
Be creative! Add events / clicks and utilize pageX and pageY. Use easings and callback functions, delays.
Work on your website locally and view it in the browser by opening your index.html file. When your site looks good, Commit and Sync with the Github App.
Send a Pull Request to submit your homework. From your week7 page on github.com (https://github.com/YOURUSERNAME/week7), click on the "New Pull Request" button and follow the prompts.
Step 6 - Publish with Gitbot! (optional)
Want to post your week7 project on your github.io url? Log into gitbot and click the week7 repository button and VOILA! It will (perhaps after a few minutes) be viewable online at http://YOURUSERNAME.github.io/week7