Change some order in css

   * remove some comments describing the skins
clean up letter Rendering on app initialization

  * alphabet is now a constant
  * renderLetters logic pulled out into its own function
show details/delete contact use data-attribs

  * changed show/hide details and deleting contacts to
    use data attributes
  * the data attribute name has to be semantic, though--it
    can't be a data-name with a value that's semantic
  * if all were just data-name, then the callbacks wouldn't
    fire correctly
Can edit attributes with data-ids

  * changed data-names to data-ids for those elements who can be
    edited and are a part of the model
  * this allows to perform a check on whether a attr has a data-id
    * if it has one, it's editiable and can add contenteditable
    * if is does not have one, nothing is added to edit
  * also, if user entered just spaces, it would still save
    because &nbsp; was added to the html.
    * to fix, perform global search on &nbsp; and replace with " "
    * then, the string is trimmed
    * after that, all spaces will not register as a value and
      nothing will be saved
Change input form for new contact to use data-ids

  * replaced data-names with data-ids
add all defaults for empty form
Remove prevent default from hide form button

  * couldn't close the form as it was
Remove console.logs
Change contact creation logic to look for data-attrs
Remove all #id instances

  * instead, use data-SEMANTIC-NAME-FOR-SPECIFIC-THING
Merge pull request #16 from mknudsen01/data-names

Data names