From 43eae3a4a86db4878b670b7efc14e01bd4c06e0f Mon Sep 17 00:00:00 2001
From: blendoit <blendoit@gmail.com>
Date: Wed, 5 Feb 2020 19:47:05 -0800
Subject: 'yes' page styles.

---
 app/templates/home.html |   2 -
 app/templates/yes.html  | 101 ++++++++++++++++++++++++++++--------------------
 2 files changed, 59 insertions(+), 44 deletions(-)

(limited to 'app/templates')

diff --git a/app/templates/home.html b/app/templates/home.html
index 5598739..6363601 100644
--- a/app/templates/home.html
+++ b/app/templates/home.html
@@ -4,9 +4,7 @@
 {% extends "base.html" %}
 {% block content %}
 
-<!-- 'Yes' tab -->
 <a href="{{ url_for('yes') }}" class="tab-yes"></a>
-<!-- 'No' tab -->
 <a href="{{ url_for('no') }}" class="tab-no"></a>
 
 <div class="feed-post">
diff --git a/app/templates/yes.html b/app/templates/yes.html
index 3ccc24b..9a2fff3 100644
--- a/app/templates/yes.html
+++ b/app/templates/yes.html
@@ -4,61 +4,78 @@
 {% extends "base.html" %}
 {% block content %}
 
-<div>
-    <a href="{{ url_for('no') }}" class="tab-no"></a>
-    <a href="{{ url_for('home') }}" class="tab-home"></a>
+<a href="{{ url_for('no') }}" class="tab-no"></a>
+<a href="{{ url_for('home') }}" class="tab-home"></a>
 
-    <div class="main">
+<div class="feeds">
+    <div class="feed-conversations">
+        {% for conversation in conversations %}
+        <div class="conversation-wrapper">
+            <a href="{{ url_for('yes') }}" class="btn-reply">reply</a>
+            <a href="{{ url_for('yes') }}" class="btn-finish">finish conversation</a>
+            <div class="conversation">
+                {% if 'title' in conversation %}
+                <h1>{{conversation.title}}</h1>
+                {% endif %}
+                <!-- {% for message in conversation.messages %} -->
+                <!-- <h2>{{ message }}</h2> -->
+                <!-- {% endfor %} -->
+                <div class="message-received">
+                    <h2>author 1</h2>
+                    <p> message received </p>
+                </div>
+                <div class="message-sent">
+                    <h2>me</h2>
+                    <p> message received </p>
+                </div>
+                <div class="message-received">
+                    <h2>author 1</h2>
+                    <p> message received </p>
+                </div>
+                <div class="message-sent">
+                    <h2>me</h2>
+                    <p> message received </p>
+                </div>
+                <div class="message-received">
+                    <h2>author 1</h2>
+                    <p> message received </p>
+                </div>
+                <div class="message-sent">
+                    <h2>me</h2>
+                    <p> last message received </p>
+                </div>
 
-        <div class="feed-message">
-            {% for message in messages %}
-            <div class="message">
-                <h1>{{message.author}}</h1>
-                <h2>{{message.date}}</h2>
-                <p>{{message.content}}</p>
             </div>
-            {% endfor %}
+            <input class="message-reply" name="Reply" type="text" value="reply"/>
         </div>
+        {% endfor %}
+        <!-- <a href="{{ url_for('yes') }}" class="input">reply</a> -->
+    </div>
 
-        <div class="feed-news">
-            {% for news in news %}
+    <div class="feed-news">
+        {% for news in news %}
+        <div class="news-wrapper">
+            <a href="{{ url_for('yes') }}" class="btn-comment">comment</a>
+            <a href="{{ url_for('yes') }}" class="btn-archive">archive</a>
             <div class="news">
                 <h1>{{news.author}}</h1>
                 <h2>{{news.date}}</h2>
                 <p>{{news.content}}</p>
             </div>
-            {% endfor %}
         </div>
+        {% endfor %}
+    </div>
 
-        <div class="feed-ads">
-            <div class="ad">
-                Buy my sourdough, ah
-            </div>
-            <div class="ad">
-                Check out this sponsored link, ere.
-            </div>
-            <div class="ad">
-                Another random ad (from a high-paying sponsor hopefully)
-            </div>
-            <div class="ad">
-                Ah I literally don't have any other placeholder ideas for ads.
-            </div>
-            <div class="ad">
-                Buy my sourdough, ah
-            </div>
-            <div class="ad">
-                Check out this sponsored link, ere.
-            </div>
-            <div class="ad">
-                Another random ad (from a high-paying sponsor hopefully)
-            </div>
-            <div class="ad">
-                Ah I literally don't have any other placeholder ideas for ads.
-            </div>
-        </div>
-        </div>
+    <div class="feed-ads">
+        <div class="ad"> Buy my sourdough, ah </div>
+        <div class="ad"> Check out this sponsored link, ere. </div>
+        <div class="ad"> Another random ad (from a high-paying sponsor hopefully) </div>
+        <div class="ad"> Ah I literally don't have any other placeholder ideas for ads. </div>
+        <div class="ad"> Buy my sourdough, ah </div>
+        <div class="ad"> Check out this sponsored link, ere. </div>
+        <div class="ad"> Another random ad (from a high-paying sponsor hopefully) </div>
+        <div class="ad"> Ah I literally don't have any other placeholder ideas for ads. </div>
     </div>
 </div>
 
-
 {% endblock content %}
-- 
cgit v1.2.3