Create an app that will allow you to pick a different type of Ipsum and select a certain number of paragraphs of it.
From the assignment homepage (https://github.com/fewd05082017/week6), 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/week6), click on green "Clone or Download" button and "Open in Desktop". This should open your Github Desktop App and prompt you to save the week6 folder on your computer.
There are three events that need to be defined:
When the user clicks on a nav anchor:
- The item the user clicked on should be selected (the class
.current, which is predefined in CSS, can be applied).
When the user hits the Generate button:
- The specified number of paragraphs of the selected ipsum should be revealed with a sliding animation.
When the user clicks or tabs into the form field:
- The field should clear and the revealed ipsum should disappear with a sliding animation.
You will likely need to use all of the following jQuery functions: .click(), .focus(), .removeClass(), .addClass(), .data(), .slice(), .find(), .hide(), .slideDown(), .slideUp(). Check the jQuery documentation for what each of these do: https://api.jquery.com/
Your solution should be generic enough that you could add one or many more ipsums to the list and have it still work.
Note: I've included jQuery for you in the JS folder, but you will need to create your own JS file as well as add the appropriate <script> tags.
Note: Feel free to add any functionality you like or change the design as you see fit!
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 week6 page on github.com (https://github.com/YOURUSERNAME/week6), click on the "New Pull Request" button and follow the prompts.
Step 6 - Publish with Gitbot! (optional)
Want to post your week6 project on your github.io url? Log into gitbot and click the week6 repository button and VOILA! It will (perhaps after a few minutes) be viewable online at http://YOURUSERNAME.github.io/week6