1 files changed, 52 insertions, 0 deletions
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>
+