Merge pull request #42 from samrat/master

Added new theme, syte

12 files changed, 359 insertions, 0 deletions

diff --git a/syte/static/templates/500.html b/syte/static/templates/500.html
new file mode 100644
index 0000000..68cb76d
--- /dev/null
+++ b/syte/static/templates/500.html
@@ -0,0 +1,10 @@
+{% extends 'base.html' %}
+{% block pagetitle %}500 Oops{% endblock %}
+{% block main_section %}
+<section class="main-section">
+  <article>
+    <h2>Oops!</h2>
+    <p>An error occurred. Please try again later.</p>
+  </article>
+</section>
+{% endblock %}
diff --git a/syte/static/templates/blog-post-audio.html b/syte/static/templates/blog-post-audio.html
new file mode 100644
index 0000000..ec3e9e2
--- /dev/null
+++ b/syte/static/templates/blog-post-audio.html
@@ -0,0 +1,20 @@
+<article id="{{ id }}">
+  <hgroup>
+  <h2><a href="/post/{{ id }}">{{ artist }} - {{ track_name }}</a></h2>
+    <h3><a href="#{{ id }}">{{ formated_date }}</a></h3>
+  </hgroup>
+  {{{ player }}}
+  {{#if caption}}
+  {{{ caption }}}
+  {{/if}}
+  {{#if tags }}
+  <footer>
+    <h4>Tags</h4>
+    <ul class="tags">
+      {{#each tags}}
+      <li><a href="/tags/{{ this }}">{{ this }}</a></li>
+      {{/each}}
+    </ul>
+  </footer>
+  {{/if}}
+</article>
diff --git a/syte/static/templates/blog-post-link.html b/syte/static/templates/blog-post-link.html
new file mode 100644
index 0000000..d1f0b42
--- /dev/null
+++ b/syte/static/templates/blog-post-link.html
@@ -0,0 +1,17 @@
+<article id="{{ id }}">
+  <hgroup>
+  <h2><a href="{{url}}">Link: {{title}}</a></h2>
+    <h3><a href="#{{ id }}">{{ formated_date }}</a></h3>
+  </hgroup>
+  {{{ description }}}
+  {{#if tags}}
+  <footer>
+    <h4>Tags</h4>
+    <ul class="tags">
+      {{#each tags}}
+      <li><a href="/tags/{{ this }}">{{ this }}</a></li>
+      {{/each}}
+    </ul>
+  </footer>
+  {{/if}}
+</article>
diff --git a/syte/static/templates/blog-post-photo.html b/syte/static/templates/blog-post-photo.html
new file mode 100644
index 0000000..42e4ff6
--- /dev/null
+++ b/syte/static/templates/blog-post-photo.html
@@ -0,0 +1,27 @@
+<article id="{{ id }}">
+  <hgroup>
+    <h2><a href="/post/{{ id }}">Photo</a></h2>
+    <h3><a href="#{{ id }}">{{ formated_date }}</a></h3>
+  </hgroup>
+  {{#each photos}}
+    {{#with original_size}}
+      <p><img src="{{url}}" /></p>
+    {{/with}}
+    {{#if caption}}
+       {{{ caption }}}
+    {{/if}}
+  {{/each}}
+  {{#if caption}}
+    {{{ caption }}}
+  {{/if}}
+  {{#if tags }}
+  <footer>
+    <h4>Tags</h4>
+    <ul class="tags">
+      {{#each tags}}
+      <li><a href="/tags/{{ this }}">{{ this }}</a></li>
+      {{/each}}
+    </ul>
+  </footer>
+  {{/if}}
+</article>
diff --git a/syte/static/templates/blog-post-quote.html b/syte/static/templates/blog-post-quote.html
new file mode 100644
index 0000000..d15e67e
--- /dev/null
+++ b/syte/static/templates/blog-post-quote.html
@@ -0,0 +1,22 @@
+<article id="{{ id }}">
+  <hgroup>
+    <h2><a href="/post/{{ id }}">Quote</a></h2>
+    <h3><a href="#{{ id }}">{{ formated_date }}</a></h3>
+  </hgroup>
+  <blockquote>
+    {{text}}
+  </blockquote>
+  {{#if source}}
+  <p>{{{ source }}}</p>
+  {{/if}}
+  {{#if tags }}
+  <footer>
+    <h4>Tags</h4>
+    <ul class="tags">
+      {{#each tags}}
+      <li><a href="/tags/{{ this }}">{{ this }}</a></li>
+      {{/each}}
+    </ul>
+  </footer>
+  {{/if}}
+</article>
diff --git a/syte/static/templates/blog-post-text.html b/syte/static/templates/blog-post-text.html
new file mode 100644
index 0000000..b9a0cb6
--- /dev/null
+++ b/syte/static/templates/blog-post-text.html
@@ -0,0 +1,17 @@
+<article id="{{ id }}">
+  <hgroup>
+    <h2><a href="/post/{{ id }}">{{ title }}&nbsp;</a></h2>
+    <h3><a href="#{{ id }}">{{ formated_date }}</a></h3>
+  </hgroup>
+  {{{ body }}}
+  {{#if tags}}
+  <footer>
+    <h4>Tags</h4>
+    <ul class="tags">
+      {{#each tags}}
+      <li><a href="/tags/{{ this }}">{{ this }}</a></li>
+      {{/each}}
+    </ul>
+  </footer>
+  {{/if}}
+</article>
diff --git a/syte/static/templates/blog-post-video.html b/syte/static/templates/blog-post-video.html
new file mode 100644
index 0000000..1f5dce0
--- /dev/null
+++ b/syte/static/templates/blog-post-video.html
@@ -0,0 +1,19 @@
+<article id="{{ id }}">
+  <hgroup>
+    <h2><a href="/post/{{ id }}">Video</a></h2>
+    <h3><a href="#{{ id }}">{{ formated_date }}</a></h3>
+  </hgroup>
+  <p>
+    <a href="{{ permalink_url }}" class="no-border"><img src="{{ thumbnail_url }}" /></a>
+  </p>
+  {{#if tags }}
+  <footer>
+    <h4>Tags</h4>
+    <ul class="tags">
+      {{#each tags}}
+      <li><a href="/tags/{{ this }}">{{ this }}</a></li>
+      {{/each}}
+    </ul>
+  </footer>
+  {{/if}}
+</article>
diff --git a/syte/static/templates/dribbble-view.html b/syte/static/templates/dribbble-view.html
new file mode 100644
index 0000000..259b1cd
--- /dev/null
+++ b/syte/static/templates/dribbble-view.html
@@ -0,0 +1,46 @@
+<div class="profile dribbble modal fade-large" id="dribbble-profile">
+  {{#with user}}
+  <div class="profile-info">
+    <button class="close" data-dismiss="modal">×</button>
+    <a href="http://dribbble.com/{{ username }}" class="profile-avatar">
+      <img src="{{ avatar_url }}" alt="{{name}}" />
+    </a>
+    <div class="profile-name">
+      <h2><a href="http://dribbble.com/{{ username }}">{{ name }}</a></h2>
+      <h3><a href="http://dribbble.com/{{ username }}">@{{ username}}</a></h3>
+    </div>
+    <p class="profile-location-url">
+      {{#if location }}
+      <span>{{ location }}</span>
+      <span class="divider">·</span>
+      {{/if}}
+      {{#if website_url }}
+      <span><a href="{{ website_url }}">{{ website_url }}</a></span>
+      {{/if}}
+    </p>
+    <a href="http://dribbble.com/{{ username }}" class="btn">Follow on Dribbble</a>
+  </div>
+  <ul class="profile-stats">
+    <li><a href="http://dribbble.com/{{ username }}"><strong>{{ shots_count }}</strong> shots</a></li>
+    <li><a href="http://dribbble.com/{{ username }}" class="shots-likes-received"><strong>{{ likes_received_count }}</strong> likes received</a></li>
+    <li><a href="http://dribbble.com/{{ username }}" class="shots-likes-given"><strong>{{ likes_count }}</strong> likes given</a></li>
+    <li><a href="http://dribbble.com/{{ username }}/following"><strong>{{ following_count }}</strong> following</a></li> 
+    <li><a href="http://dribbble.com/{{ username }}/followers"><strong>{{ followers_count }}</strong> followers</a></li>
+  </ul>
+  {{/with}}
+  <ul class="profile-shots">
+    {{#each shots}}
+    <li>
+      <a href="{{ url }}" class="profile-shot">
+        <img src="{{ image_url }}" alt="{{ title }}" />
+      </a>
+      <span class="profile-shot-title">{{ title }}</span>
+      <ul class="profile-shot-stats">
+        <li><a href="" class="profile-watchers">{{ views_count }}</a></li>
+        <li><a href="" class="profile-comments">{{ comments_count }}</a></li>
+        <li><a href="" class="profile-likes">{{ likes_count }}</a></li>
+      </ul>
+    </li>
+    {{/each}}
+  </ul>
+</div>
diff --git a/syte/static/templates/github-view.html b/syte/static/templates/github-view.html
new file mode 100644
index 0000000..c71ad38
--- /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_repo_count }}</strong> repos</a></li>
+    <li><a href="http://github.com/{{ login }}/following"><strong>{{ following_count }}</strong> following</a></li>
+    <li><a href="http://github.com/{{ login }}/followers"><strong>{{ followers_count }}</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="{{ 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="{{ url }}/watchers" class="profile-watchers">{{ watchers }}</a></li>
+      <li><a href="{{ url }}/network" class="profile-forks">{{ forks }}</a></li>
+    </ul>
+    </li>
+    {{/each}}
+  </ul>
+</div>
diff --git a/syte/static/templates/instagram-view-more.html b/syte/static/templates/instagram-view-more.html
new file mode 100644
index 0000000..78db9fc
--- /dev/null
+++ b/syte/static/templates/instagram-view-more.html
@@ -0,0 +1,25 @@
+{{#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}}
+
diff --git a/syte/static/templates/instagram-view.html b/syte/static/templates/instagram-view.html
new file mode 100644
index 0000000..90d49f7
--- /dev/null
+++ b/syte/static/templates/instagram-view.html
@@ -0,0 +1,58 @@
+<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>
+  {{/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>
+  {{#if pagination}}
+  {{#with pagination}}
+  <button class="load-more-button" id="load-more-pics" data-control-next="{{ next_max_id }}">Load more...</button>
+  {{/with}}
+  {{/if}}
+</div>
+
diff --git a/syte/static/templates/twitter-view.html b/syte/static/templates/twitter-view.html
new file mode 100644
index 0000000..efa08aa
--- /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">{{{ f_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">
+        {{{ f_text }}}
+        </p>
+        <p class="tweet-date">
+          {{ formated_date }}
+        </p>
+      </li>
+    {{/each}}
+  </ul>
+</div>
+