From a481850e3eec7904b5a8e890c9127df6f345b14f Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Sat, 4 Jun 2016 14:57:18 +0200
Subject: style jokes as collections

---
 templates/index.html | 78 ++++++++++++++++++++++++++--------------------------
 1 file changed, 39 insertions(+), 39 deletions(-)

(limited to 'templates')

diff --git a/templates/index.html b/templates/index.html
index 40da1f9..beb3b2e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -58,46 +58,46 @@
                 {% endwith %}
             </div>
         </div>
-        <div class="divider"></div>
-        {% for joke in jokes %}
-        <div class="row section valign-wrapper">
-            <div class="col s3 m2">
-                <div class="row joke">
-                    <form action="/vote" method="post" class="voteform">
-                        <input type="hidden" name="id" value="{{ joke.id }}">
-                        <input type="hidden" name="redirpage" value="{{ currentpage }}">
-                        <button class="upvotebtn btn{% if joke.reports>0 %}-flat{% endif %}{% if joke.upvoted %} disabled{% endif %} col s12" type="submit" name="vote" value="upvote">
-                            <i class="material-icons">thumb_up</i> <span class="btnval" data-original="{% if joke.upvoted %}{{ joke.upvotes-1 }}{% else %}{{ joke.upvotes }}{% endif %}">{{ joke.upvotes }}</span>
-                        </button>
-                        <button class="downvotebtn btn{% if joke.reports>0 %}-flat{% endif %}{% if joke.downvoted %} disabled{% endif %} col s12" type="submit" name="vote" value="downvote">
-                            <i class="material-icons">thumb_down</i> <span class="btnval" data-original="{% if joke.downvoted %}{{ joke.downvotes-1 }}{% else %}{{ joke.downvotes }}{% endif %}">{{ joke.downvotes }}</span>
-                        </button>
-                    </form>
-                    <form action="/report" method="post">
-                        <input type="hidden" name="id" value="{{ joke.id }}">
-                        <input type="hidden" name="redirpage" value="{{ currentpage }}">
-                        <button class="reportbtn btn-flat col s12{% if joke.reported %} disabled{% endif %}" type="submit">
-                            <div class="row">
-                                <i class="material-icons col s6">report_problem</i>
-                                <span class="btnval red-text col s6" data-original="{% if joke.reported %}{{ joke.reports-1 }}{% else %}{{ joke.reports }}{% endif %}">{{ joke.reports }}</span>
-                            </div>
-                        </button>
-                    </form>
-                    {% if joke.mine %}
-                    <form action="/delete" method="post">
-                        <input type="hidden" name="id" value="{{ joke.id }}">
-                        <input type="hidden" name="redirpage" value="{{ currentpage }}">
-                        <button class="deletebtn btn-flat col s12" type="submit"><i class="material-icons">delete</i></button>
-                    </form>
-                    {% endif %}
+        <ul class="collection">
+            {% for joke in jokes %}
+            <li class="collection-item row">
+                <div class="col s3 m2">
+                    <div class="row joke">
+                        <form action="/vote" method="post" class="voteform">
+                            <input type="hidden" name="id" value="{{ joke.id }}">
+                            <input type="hidden" name="redirpage" value="{{ currentpage }}">
+                            <button class="upvotebtn btn{% if joke.reports>0 %}-flat{% endif %}{% if joke.upvoted %} disabled{% endif %} col s12" type="submit" name="vote" value="upvote">
+                                <i class="material-icons">thumb_up</i> <span class="btnval" data-original="{% if joke.upvoted %}{{ joke.upvotes-1 }}{% else %}{{ joke.upvotes }}{% endif %}">{{ joke.upvotes }}</span>
+                            </button>
+                            <button class="downvotebtn btn{% if joke.reports>0 %}-flat{% endif %}{% if joke.downvoted %} disabled{% endif %} col s12" type="submit" name="vote" value="downvote">
+                                <i class="material-icons">thumb_down</i> <span class="btnval" data-original="{% if joke.downvoted %}{{ joke.downvotes-1 }}{% else %}{{ joke.downvotes }}{% endif %}">{{ joke.downvotes }}</span>
+                            </button>
+                        </form>
+                        <form action="/report" method="post">
+                            <input type="hidden" name="id" value="{{ joke.id }}">
+                            <input type="hidden" name="redirpage" value="{{ currentpage }}">
+                            <button class="reportbtn btn-flat col s12{% if joke.reported %} disabled{% endif %}" type="submit">
+                                <div class="row">
+                                    <i class="material-icons col s6">report_problem</i>
+                                    <span class="btnval red-text col s6" data-original="{% if joke.reported %}{{ joke.reports-1 }}{% else %}{{ joke.reports }}{% endif %}">{{ joke.reports }}</span>
+                                </div>
+                            </button>
+                        </form>
+                        {% if joke.mine %}
+                        <form action="/delete" method="post">
+                            <input type="hidden" name="id" value="{{ joke.id }}">
+                            <input type="hidden" name="redirpage" value="{{ currentpage }}">
+                            <button class="deletebtn btn-flat col s12" type="submit"><i class="material-icons">delete</i></button>
+                        </form>
+                        {% endif %}
+                    </div>
                 </div>
-            </div>
-            <div class="valign col s9 m10 {% if joke.reports>0 %}grey-text{% endif %}">
-                {{ joke.text|safe }}
-            </div>
-        </div>
-        <div class="divider"></div>
-        {% endfor %}
+                <div class="col s9 m10 {% if joke.reports>0 %}grey-text{% endif %}">
+                    {{ joke.text|safe }}
+                </div>
+            </li>
+            {% endfor %}
+            </ul>
         <div class="section center">
             <ul class="pagination">
                 <li{% if currentpage==0 %} class="disabled"{% endif %}><a href="/page/{{ currentpage-1 }}"><i class="material-icons">chevron_left</i></a></li>
-- 
cgit v1.3.1