Update post view to show OPs with red bars on the left

Signed-off-by: Alek Ratzloff <alekratz@gmail.com>

chanbans/templates/index.html

@@ -41,7 +41,9 @@
         {% for post in posts %}
             <tr class="constructed-post">
                 <td align="left">
-                <div class="post reply {% if post['nsfw'] %}nws{% else %}ws{% endif %}">
+                <div class="post-container">
+                    <div class="post-left{% if post['op'] %}-op{%endif %}"></div>
+                    <div class="post post-right reply{% if post['nsfw'] %} nws{% else %} ws{% endif %}">
                         <div class="post-info">
                             <input type="checkbox" disabled>
                             <span class="board"><a href="?board={{post['board']}}">/{{post['board']}}/</a></span>
@@ -72,6 +74,7 @@
                             {{post['com']|safe}}
                         </blockquote>
                     </div>
+                </div>
                 </td>
                 <td>{{post['action']}}</td>
                 <td>{{post['length']}}</td>

static/style00.css

@@ -42,6 +42,28 @@ header {
     font-size: large;
 }
 
+.post-container {
+    height: 100%;
+    width: 100%;
+    display: table;
+}
+
+.post-left {
+    display: table-cell;
+    width: 5px;
+}
+
+.post-left-op {
+    display: table-cell;
+    width: 5px;
+    background-color: #f00;
+}
+
+.post-right {
+    display: table-cell;
+    padding-left: 10px;
+}
+
 table {
     border-top: 1px solid black;
     border-left: 1px solid black;