poly-me.html

<link rel="import" href="../polymer/polymer.html">

<link rel="import" href="../iron-ajax/iron-ajax.html">
<link rel="import" href="poly-me-render.html">


<!--
`poly-me`

A web based resume using polymer. You can add your information in a .json file
and link to it as follows:

Example:
```
  <poly-me src="john.json"></poly-me>
```

The `.json` file structure should be as follows:

```
{
  "content": {
    "name": "Your name",
    "profileImage": "path to profile image",
    "backgroundImage": "path to background image",
    "position": "Your position or title",
    "location": "Your location",
    "social": {
      "title": "a title to the social section underneath the profile info",
      "profiles": [
        {
          "network": "the icon name from the font awesome cheatsheet see http://fontawesome.io/icons/#brand",
          "link": "the link to go to when clicked"
        },...
      ]
    },
    "sections": [
      // See each section's definition
    ]
  },
  "settings": {
    "primaryColor": "The hex value of the primary color for the app - use something close to the background image colors"
  }
  
}
```

Section types are available as separate components with their own documentation.
Please see each section's documentation for more information.

@demo demo/index.html 
-->

<dom-module id="poly-me">
  <template>
    <iron-ajax
      auto
      url="[[src]]"
      handle-as="json"
      last-response="{{data}}"></iron-ajax>

    <poly-me-render data="[[data]]"></poly-me-render>

  </template>

  <script>
    Polymer({

      is: 'poly-me',

      properties: {
        /**
         * The path to the json file with the profile data
         */
        src: {
          type: String
        }
      }

    });
  </script>
</dom-module>