Add yes/no buttons and animation on home page.

Also add comments throughout.

1 files changed, 18 insertions, 12 deletions

diff --git a/app/templates/home.html b/app/templates/home.html
index 9d77add..d21c427 100644
--- a/app/templates/home.html
+++ b/app/templates/home.html
@@ -4,21 +4,27 @@
 {% extends "base.html" %}
 {% block content %}
 
-<div>
-    <a href="{{ url_for('yes') }}" class="tab-yes"></a>
-    <a href="{{ url_for('no') }}" class="tab-no"></a>
+<!-- 'Yes' tab -->
+<a href="{{ url_for('yes') }}" class="tab-yes"></a>
+<!-- 'No' tab -->
+<a href="{{ url_for('no') }}" class="tab-no"></a>
 
-    <div class="main">
-        <div class="feed-post">
-            {% for post in posts %}
-            <div class="post">
-                <h1>{{post.author}}</h1>
-                <h2>{{post.date}}</h2>
-                <p>{{post.content}}</p>
-            </div>
-            {% endfor %}
+<div class="feed-post">
+    {% for post in posts %}
+    <div class="post-wrapper">
+        <div class="post">
+            <h1>{{post.author}}</h1>
+            <h2>{{post.date}}</h2>
+            <p>{{post.content}}</p>
+        </div>
+
+        <div class="btn-wrapper">
+            <a href="{{ url_for('home') }}" class="btn-yes"></a>
+            <a href="{{ url_for('home') }}" class="btn-no"></a>
         </div>
     </div>
+
+    {% endfor %}
 </div>
 
 {% endblock content %}