From 153aea0f483776df73cb8cf25fb1895e79b0d6d6 Mon Sep 17 00:00:00 2001
From: Omar Elgazzar <omelgazzar@gmail.com>
Date: Mon, 20 Aug 2018 16:24:56 +0200
Subject: [PATCH] Posts with images instead of synopsis.

---
 app/__pycache__/__init__.cpython-36.pyc | Bin 617 -> 617 bytes
 app/__pycache__/auth.cpython-36.pyc     | Bin 1860 -> 1860 bytes
 app/__pycache__/models.cpython-36.pyc   | Bin 2347 -> 2347 bytes
 app/__pycache__/routes.cpython-36.pyc   | Bin 2452 -> 2452 bytes
 app/static/css/style.css                |   4 +++
 app/templates/index.html                |  40 ++++++++----------------
 blog.db                                 | Bin 61440 -> 61440 bytes
 7 files changed, 17 insertions(+), 27 deletions(-)

diff --git a/app/__pycache__/__init__.cpython-36.pyc b/app/__pycache__/__init__.cpython-36.pyc
index 7ad23770e94fb604b7d2ab24dbb538168139b982..c21dabf82affc56bac34f3d410e45fdd29ff3e01 100644
GIT binary patch
delta 61
zcmaFK@{)z!n3tF9){&}>>}wchZ?WfQrWYlaq~2o9$xqMBi{b)P@nxB*<+mnZU^HbD
OXJB9`5}(Y?6bAsl=@ml&

delta 61
zcmaFK@{)z!n3tD}N!e^8`x-{sDE8dU^rFO))LX1M`RSQ?QCwguzAQ7fJZka<MpHIX
N1_p*A(aGFQaR5h<5`q8#

diff --git a/app/__pycache__/auth.cpython-36.pyc b/app/__pycache__/auth.cpython-36.pyc
index 48357b44471772eaaf5301759195cea0c43297a2..896064606c7b34d3bc0e841cfbb0d83bfaa0c3ee 100644
GIT binary patch
delta 16
XcmX@YcZ84Kn3tF9){&}>?6&LxET#n)

delta 16
XcmX@YcZ84Kn3tD}N!e^8yDd8aA*2IZ

diff --git a/app/__pycache__/models.cpython-36.pyc b/app/__pycache__/models.cpython-36.pyc
index 1de06e3d27a9863b812feddac81bdc936a6fbd88..0403ff41cc73f74cdb4542d95f167db71b595a93 100644
GIT binary patch
delta 16
XcmZ22v|5PWn3tF9){&}>>?)i9Dfk4|

delta 16
XcmZ22v|5PWn3tD}N!e^8y9y@&9`*wn

diff --git a/app/__pycache__/routes.cpython-36.pyc b/app/__pycache__/routes.cpython-36.pyc
index 097730ca6d963a4acbd11f109a38b30f12cfbd50..47b0f55cb249e073a8a14605c4e4bb2f348138a5 100644
GIT binary patch
delta 16
XcmbOtJVlt@n3tF9){&}>?7f@-C^Q8V

delta 16
XcmbOtJVlt@n3tDp{(X;)?7f@-CO-th

diff --git a/app/static/css/style.css b/app/static/css/style.css
index cef82cf..d28cadd 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -53,3 +53,7 @@ pre {
 	white-space: pre-wrap;
 }
 
+.card .card-image img {
+	max-height: 200px;
+}
+
diff --git a/app/templates/index.html b/app/templates/index.html
index 49343f7..95dd11d 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -2,52 +2,38 @@
 
 {% block title %}Blog{% endblock %}
 {% block content %}
-	
 	{% if current_user.is_authenticated %}
-
 	<nav style="background-color: #0B4C5F">
-
 	    <div class="nav-wrapper">
-	      
 	      <ul id="nav-mobile" class="left hide-on-med-and-down">
-	        
-	        <li>
-					<a href="{{ url_for('auth.logout') }}" class="waves-effect waves-light btn">Logout</a>
-	        </li>
+	        <li><a href="{{ url_for('auth.logout') }}" class="waves-effect waves-light btn">Logout</a></li>
 	        <li> <a href="{{ url_for('new') }}" class="waves-effect waves-light btn">New Post</a> </li>
-	       
-	        
 	      </ul>
-	   
 	    </div>
-
 	</nav>
 	{% endif %}
-
 	{% if posts %}
 			<div class="row">
 			{% for post in posts %}
 				<div class="col s12 m6">
-					<div class="card blue-grey darken-1">
-						<div class="card-content white-text">
-							<span class="card-title title">{{ post.title }}</span>
-							<p class="date">{{ post.date() }}</p>
-							<p class="truncate body">{{ post.body | striptags }}</p>
+					<div class="card hoverable post" onclick="window.location='{{ url_for('detail', post_id=post.id) }}'"
+						style="cursor: pointer">
+						<div class="card-image">
+<!--
+							<img src="https://materializecss.com/images/sample-1.jpg">
+-->
+							<img src="{{ post.file_url if post.file_url else url_for('static', filename='images/feather.png') }}">
+							<!-- <p class="truncate body">{{ post.body | striptags }}</p> -->
 						</div>
-						<div class="card-action">
-							<a href="{{ url_for('detail', post_id=post.id) }}">Read</a>
+						<div class="card-content">
+							<span class="card-title title">{{ post.title }}</span>
+							<p class="date grey-text">{{ post.date() }}</p>
+							<!-- <a href="{{ url_for('detail', post_id=post.id) }}">Read</a> -->
 						</div>
 					</div>
 				</div>
 			{% endfor %}
 			</div>
-<!--
-		<div class="collection">
-		{% for post in posts %}
-			<a href="{{ url_for('detail', post_id=post.id) }}" class="collection-item">{{ post.title }}<span class="right">{{ post.date() }}</span></a>
-		{% endfor %}
-		</div>
--->
 	{% else %}
 		<h3>No posts.</h3>
 	{% endif %}
diff --git a/blog.db b/blog.db
index 94c8e6c54611569d5573673112b23807418c9ee7..f2c2cd2eaee0e21fa81707e53401c4feabe2f968 100644
GIT binary patch
delta 187
zcmZp8z})bFd4e>f-9#B@M!Ss(%l5O`GO!$Hw%yoh$jsZ!&d0^j$lqk?*l1roIp^??
z`kega#GH)$;u0%U0|Nv7_|k%${KS-E{mk6N^weT~V+%7&3v(0GctcYQ12c0oOEXhr
ub0cFDi+Dq0BTG|LV*?{Ib4w#5OCw`bqxd|%tb%lsw6KEpY(93xN*e$Sc{RlV

delta 156
zcmZp8z})bFd4e>f?L--8M%#@E%l5OyGq4<Ij^Ehm&n(!K$;Z`{%E!gf$lqk?*eDw~
z+3WC+Bts)}Jp&*#v@$g?Fwl=LEy&4FOexmS%uP&BE!GcCE=o<!E6&I-i8nGZw9qv$
c(KRrQH!#pOG14_M)hozLC#Yicu_IR606D2J!vFvP