HomePage: Posts List Rendering

pymike00 · pymike00 · commit 5f9887aadfff · 2019-06-02T20:17:36.000+02:00
diff --git a/blog/models.py b/blog/models.py
@@ -4,7 +4,6 @@
 
 from blog import db
 
-
 class User(db.Model):
     id = db.Column(db.Integer, primary_key=True)
     created_at = db.Column(db.DateTime, default=datetime.now)
diff --git a/blog/routes.py b/blog/routes.py
@@ -1,14 +1,12 @@
 from flask import render_template
 from blog import app
+from blog.models import Post
 
 
 @app.route("/")
 def homepage():
-    posts = [{"title": "primo post", "body": "random body"}, 
-             {"title": "secondo post", "body": "more random content"}]
-    some_boolean_flag = False
-    return render_template("homepage.html", 
-                           posts=posts, boolean_flag=some_boolean_flag)
+    posts = Post.query.order_by(Post.created_at.desc()).all()
+    return render_template("homepage.html", posts=posts)
 
 
 @app.route("/about")
diff --git a/blog/static/blog.css b/blog/static/blog.css
@@ -44,6 +44,14 @@ html, body {
     margin-bottom: 30px;
 }
 
+.p-small-one {
+    font-size: 0.875rem;
+}
+
+.p-small-two {
+    font-size: 0.800rem;
+}
+
 @media (min-width: 768px) {
     .single-post-home {
         margin-left: 30px;
diff --git a/blog/templates/homepage.html b/blog/templates/homepage.html
@@ -4,14 +4,19 @@
 
 {% block content %}
 <div class="container content-container">
-
     <div class="row no-gutters">
 
         <div class="col-md-9 order-md-2">
             {% for post in posts %}
             <div class="single-post-home">                           
                 <h5>{{ post.title }}</h5>
-                <p>{{ post.body }}</p>
+                <p class="p-small-two text-muted">{{ post.created_at.strftime('%d.%m.%Y') }}</p>
+
+                {% if post.description %}
+                <p class="p-small-one text-muted mb-0">
+                    {{ post.description }}
+                </p>
+                {% endif %}
             </div>
             {% endfor %}         
         </div>
@@ -20,7 +25,6 @@ <h5>{{ post.title }}</h5>
             {% include 'about_me_snippet.html' %}           
         </div>
 
-    </div>
-    
+    </div>    
 </div>
 {% endblock %}
