4 files changed, 200 insertions, 0 deletions
diff --git a/syte/static/templates/github-view.html b/syte/static/templates/github-view.html
new file mode 100644
index 0000000..9aa8c72
--- /dev/null
+++ b/syte/static/templates/github-view.html
@@ -0,0 +1,46 @@
+<div class="profile github modal fade" id="github-profile">
+  {{#with user }}
+  <div class="profile-info">
+    <button class="close" data-dismiss="modal">×</button>
+    <a href="http://github.com/{{ login }}" class="profile-avatar">
+      <img src="http://gravatar.com/avatar/{{ gravatar_id }}" alt="{{name}}" />
+    </a>
+    <div class="profile-name">
+      <h2><a href="http://github.com/{{ login }}">{{ name }}</a></h2>
+      <h3><a href="http://github.com/{{ login }}">{{ login }}</a></h3>
+    </div>
+   <p class="profile-location-url">
+      {{#if location }}
+      <span>{{ location }}</span>
+      <span class="divider">·</span>
+      {{/if}}
+      {{#if blog }}
+      <span><a href="{{ blog }}">{{ blog }}</a></span>
+      {{/if}}
+    </p>
+  </div>
+  <ul class="profile-stats">
+    <li><a href="http://github.com/{{ login }}"><strong>{{ public_repos }}</strong> repos</a></li>
+    <li><a href="http://github.com/{{ login }}/following"><strong>{{ following }}</strong> following</a></li>
+    <li><a href="http://github.com/{{ login }}/followers"><strong>{{ followers }}</strong> followers</a></li>
+  </ul>
+  <div class="profile-info-footer">
+    <a href="http://github.com/{{ login }}" class="btn">Follow on Github</a>
+  </div>
+  {{/with}}
+  <ul class="profile-repos">
+    {{#each repositories}}
+    <li>
+    <a href="{{ html_url }}" class="profile-repo-name">{{ name }}</a>
+    <p class="profile-repo-text">
+      {{ description }}
+    </p>
+    <ul class="profile-repo-stats">
+      <li>{{ language }}</li>
+      <li><a href="{{ html_url }}/watchers" class="profile-watchers">{{ watchers }}</a></li>
+      <li><a href="{{ html_url }}/network" class="profile-forks">{{ forks }}</a></li>
+    </ul>
+    </li>
+    {{/each}}
+  </ul>
+</div>
diff --git a/syte/static/templates/google-view.html b/syte/static/templates/google-view.html
new file mode 100644
index 0000000..0a2e0be
--- /dev/null
+++ b/syte/static/templates/google-view.html
@@ -0,0 +1,46 @@
+<div class="profile google modal fade" id="google-profile">
+  {{#with user}}
+  <div class="profile-info">
+    <button class="close" data-dismiss="modal">×</button>
+    <a href="{{ url }}" class="profile-avatar">
+      <img src="{{ image.url }}" alt="{{ displayName }}" />
+    </a>
+    <div class="profile-name">
+      <h2><a href="{{ url }}">{{ displayName }}</a></h2>
+    </div>
+    {{#if tagline}}
+    <p class="profile-description">{{{ tagline }}}</p>
+    {{/if}}
+    <p class="profile-location-url">
+      {{#if placesLived }}
+      <span>{{ placesLived.0.value }}</span>
+      <span class="divider">·</span>
+      {{/if}}
+    </p>
+  </div>
+  <ul class="profile-stats">
+  </ul>
+  <div class="profile-info-footer">
+    <a href="{{ url }}" class="btn">Follow on Google+</a>
+  </div>
+  {{/with}}
+  <ul class="profile-tweets">
+    {{#each posts}}
+      <li>
+        <a href="{{ url }}" class="tweet-title">
+          <img src="{{ actor.image.url }}" alt="{{ actor.displayName }}" />
+          <strong>{{ actor.displayName }}</strong>
+        </a>
+        <p class="tweet-text">
+        {{{ title }}}
+        </p>
+        <ul class="profile-repo-stats tweet-date" style="padding-left: 30px; font-size: 12px;">
+          <li>{{ published }}</li>
+          <li><a class="profile-plusoners">{{ plusoners }}</a></li>
+          <li><a class="profile-resharers">{{ resharers }}</a></li>
+        </ul>
+      </li>
+    {{/each}}
+  </ul>
+</div>
+
diff --git a/syte/static/templates/instagram-view.html b/syte/static/templates/instagram-view.html
new file mode 100644
index 0000000..cba2a17
--- /dev/null
+++ b/syte/static/templates/instagram-view.html
@@ -0,0 +1,56 @@
+<div class="profile instagram modal fade-large" id="instagram-profile">
+  {{#with user}}
+  <div class="profile-info">
+    <button class="close" data-dismiss="modal">×</button>
+    <span class="profile-avatar">
+      <img src="{{ profile_picture }}" alt="{{ full_name }}" />
+    </span>
+    <div class="profile-name">
+      <h2>{{ full_name }}</h2>
+    </div>
+    {{#if bio }}<p class="profile-description">{{{ bio }}}</p>{{/if}}
+    <p class="profile-location-url">
+      {{#if website }}
+      <span><a href="{{ website }}">{{ website }}</a></span>
+      {{/if}}
+    </p>
+  </div>
+  <ul class="profile-stats">
+    {{#with counts}}
+    <li><span><strong>{{ media }}</strong> pictures</span></li>
+    <li><span><strong>{{ follows }}</strong> following</span></li>
+    <li><span><strong>{{ followed_by }}</strong> followers</span></li>
+    {{/with}}
+  </ul>
+  <div class="profile-info-footer">
+    <a href="{{ url }}" class="btn">Follow on Instagram</a>
+  </div>
+  {{/with}}
+  <ul class="profile-shots">
+    {{#each media}}
+    <li>
+      <a href="{{ link }}" class="profile-shot">
+        {{#with images}}
+         {{#with low_resolution }}
+         <img src="{{ url }}" alt="Instagram Picture" />
+         {{/with}}
+        {{/with}}
+      </a>
+       <span class="profile-shot-title">
+      {{#if caption}}
+      {{#with caption}}
+        {{ text }}
+      {{/with}}
+      {{else}}
+      Untitled
+      {{/if}}
+      </span>
+      <ul class="profile-shot-stats">
+        {{#with likes}}<li><span class="profile-likes">{{ count }}</span></li>{{/with}}
+        <li class="profile-shot-date">{{ formated_date }}</li>
+      </ul>
+    </li>
+    {{/each}}
+  </ul>
+</div>
+
diff --git a/syte/static/templates/twitter-view.html b/syte/static/templates/twitter-view.html
new file mode 100644
index 0000000..3fe7046
--- /dev/null
+++ b/syte/static/templates/twitter-view.html
@@ -0,0 +1,52 @@
+<div class="profile twitter modal fade" id="twitter-profile">
+  {{#with user}}
+  <div class="profile-info">
+    <button class="close" data-dismiss="modal">×</button>
+    <a href="http://twitter.com/#!/{{ screen_name }}" class="profile-avatar">
+      <img src="{{ profile_image_url }}" alt="{{name}}" />
+    </a>
+    <div class="profile-name">
+      <h2><a href="http://twitter.com/#!/{{ screen_name }}">{{ name }}</a></h2>
+      <h3><a href="http://twitter.com/#!/{{ screen_name }}">@{{ screen_name}}</a></h3>
+    </div>
+    <p class="profile-description">{{{ description }}}</p>
+    <p class="profile-location-url">
+      {{#if location }}
+      <span>{{ location }}</span>
+      <span class="divider">·</span>
+      {{/if}}
+      {{#if url }}
+      <span><a href="{{ url }}">{{ url }}</a></span>
+      {{/if}}
+    </p>
+  </div>
+  <ul class="profile-stats">
+    <li><a href="http://twitter.com/#!/{{ screen_name }}"><strong>{{ statuses_count }}</strong> tweets</a></li>
+    <li><a href="http://twitter.com/#!/{{ screen_name }}/following"><strong>{{ friends_count }}</strong> following</a></li> 
+    <li><a href="http://twitter.com/#!/{{ screen_name }}/followers"><strong>{{ followers_count }}</strong> followers</a></li>
+  </ul>
+  <div class="profile-info-footer">
+    <a href="http://twitter.com/#!/{{ screen_name }}" class="btn">Follow on Twitter</a>
+  </div>
+  {{/with}}
+  <ul class="profile-tweets">
+    {{#each tweets}}
+      <li>
+        {{#with user }}
+        <a href="http://twitter.com/#!/{{ screen_name }}" class="tweet-title">
+          <img src="{{ profile_image_url }}" alt="{{ name }}" />
+          <strong>{{ name }}</strong>
+          <span>@{{ screen_name }}</span>
+        </a>
+        {{/with}}
+        <p class="tweet-text">
+        {{{ text }}}
+        </p>
+        <p class="tweet-date">
+          {{ formated_date }}
+        </p>
+      </li>
+    {{/each}}
+  </ul>
+</div>
+