How to set up the Avatar Changer

(Recommend just creating this on production since people aren't really going to see the landing page yet. It's kind of a pain to set up, it's probably easier to just set up and test on production.)

1. Create 140x140px images for each avatar. The 140x140px big size versions show up on the profile pages.
2. Go to kongregate.com/campaign_avatar_groups
3. Select a name for the campaign. No spaces. (ex: assassinscreedIII)
4. Name and upload an image for each avatar. Make sure the avatar name is descriptive. Repeat until you have uploaded all avatars.
5. Now that we have the avatar images, we want to put the Avatar picker on the landing page. This is the template for the code:
• Make sure the id of the ul is campaign-avatar-picker
• Adjust image dimensions if needed
6. Insert the image source (copy image URL from the /campaign_avatar_groups admin page) into the tag.
7. In order to hook up the functionality, the data-avatar-id needs to be set for each tag for each avatar. You can figure out the data-avatar-id by going to the Admin page of the avatar group, inspecting the source for the 'Delete' button, and finding the ID in the form action URL.
8. Test the Avatar by clicking on the image. On page refresh, your profile avatar should change.
9. Proceed to styling.