temporary template for new thread view

static/default/html/page/thread/index.html

@@ -0,0 +1,78 @@
+{% extends "layouts/base.html" %}
+
+{% block content %}
+
+<div id="thread-title" class="clearfix">
+  <h1>Yo, duder dude face. Where are ya & what's crackin?</h1>
+  <ul class="horizontal">
+    <li><a href=""><span class="icon-user"></span> 2 People</a></li>
+    <li><a href=""><span class="icon-unencrypted"></span> Partially Secure</a></li>
+  </ul>
+</div>
+<div class="bulk-actions clearfix">
+  <div class="left">4 of 13 Messages</div>
+  <ul class="horizontal right">
+	  <li><a class="bulk-action" href="#" data-action="later" title="{{_("Move to Later")}}"><span class="icon-later"></span></a></li>
+	  <li><a class="bulk-action" href="#" data-action="assign-tags" title="{{_("Assign Tags")}}"><span class="icon-tag"></span></a></li>
+	  <li><a class="bulk-action" href="#" data-action="archive" title="{{_("Archive Selection")}}"><span class="icon-archive"></span></a></li>
+	  <li><a class="bulk-action" href="#" data-action="trash" title="{{_("Delete Selection")}}"><span class="icon-trash"></span></a></li>
+  </ul>  
+</div>
+<div id="thread-messages">
+
+  <div class="thread-item">
+    <div class="clearfix">
+    <div class="thread-item-from left">
+      <a href="" class="avatar"><img src="/static/img/avatar-default.png"></a>
+      <a href="" class="name">You</a>
+      <span class="icon icon-encrypted"></span>
+    </div>
+    <div class="thread-item-details right">
+      <span class="datetime">Nov 8, 2012</span>
+      <a href="#">Show <span class="icon-eye"></span></a>
+    </div>
+    </div>
+
+    <div class="thread-item-text">
+      Yo buddy. I’m doing pretty good- just living it up here in Iceland, ya know mi pitchfork Austin Pinterest forage put a bird on it. Etsy small batch beard cred. Fingerstache YOLO swag, mixtape McSweeney's pirate ship book shop...
+    </div>
+
+  </div>
+
+  <div id="">
+    <ul class="horizontal">
+      <li><a href=""><span class="icon-checkmark"></span> To Do</a></li>
+      <li><a href=""><span class="icon-forward"></span> Forward</a></li>
+      <li><a href=""><span class="icon-move"></span> Move</a></li>
+      <li><a href=""><span class="icon-trash"></span> Trash</a></li>
+    </ul>
+  </div>
+
+</div>
+<div id="thread-reply" class="clearfix">
+
+  <div class="clearfix">
+  <div class="left">
+    <img src="/static/img/avatar-default.png">
+    You <span class="icon-arrow-down"></span>
+    <span>hi@brennannovak.com</span>
+  </div>
+
+  <ul id="reply-options" class="horizontal right">
+    <li><a href="#"><span class="icon-unencrypted"></span> Partially Secure</a></li>
+    <li><a href="#"><span class="icon-arrow-down"></span> Send Immediately</a></li>
+    <li><a href="#"><span class="icon-compose"></span> Details</a></li>
+  </ul>
+  </div>
+
+  <textarea id="reply-textarea" placeholder="Your reply..."></textarea>
+
+  <div class="left">
+    <a href="#"><span class="icon-attachment"></span> Attach Something</a>
+  </div>
+
+  <button class="right" type="submit"><span class="icon-reply"></span> Reply</button>
+
+</div>
+
+{% endblock %}