From 15c0db6fe4dc2012223557d802096c6f4c36a958 Mon Sep 17 00:00:00 2001
From: blendoit <blendoit@gmail.com>
Date: Mon, 27 Jan 2020 17:41:34 -0800
Subject: Add yes/no buttons and animation on home page.

Also add comments throughout.
---
 app/templates/home.html | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

(limited to 'app/templates/home.html')

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 %}
-- 
cgit v1.2.3