From 1231f7b0d4fff93758efaf1371a1dd4c6661f0a5 Mon Sep 17 00:00:00 2001
From: Standa Platil <standaplatil@gmail.com>
Date: Sun, 6 Dec 2020 22:49:07 +0100
Subject: [PATCH] blog

---
 blog/models.py                           |  5 -----
 blog/templates/blog/blog_index_page.html | 23 ++++++++++++++++-------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/blog/models.py b/blog/models.py
index 547168f..a188482 100644
--- a/blog/models.py
+++ b/blog/models.py
@@ -29,11 +29,6 @@ class BlogPage(Page):
         else:
             return None
 
-    search_fields = Page.search_fields + [
-        index.SearchField('intro'),
-        index.SearchField('body'),
-    ]
-
     content_panels = Page.content_panels + [
         FieldPanel('date'),
         FieldPanel('intro'),
diff --git a/blog/templates/blog/blog_index_page.html b/blog/templates/blog/blog_index_page.html
index bb6b843..3214b64 100644
--- a/blog/templates/blog/blog_index_page.html
+++ b/blog/templates/blog/blog_index_page.html
@@ -1,18 +1,27 @@
 {% extends "base.html" %}
 
-{% load wagtailcore_tags %}
+{% load wagtailcore_tags wagtailimages_tags  %}
 
 {% block body_class %}template-blogindexpage{% endblock %}
 
 {% block content %}
-    <h1>{{ page.title }}</h1>
+    <h1 style="text-align:center">{{ page.title }}</h1>
 
     <div class="intro">{{ page.intro|richtext }}</div>
 
-    {% for post in page.get_children %}
-        <h2><a href="{% pageurl post %}">{{ post.title }}</a></h2>
-        {{ post.specific.intro }}
-        {{ post.specific.body|richtext }}
-    {% endfor %}
+    <div class="d-flex justify-content-around">
+        {% for post in page.get_children %}
+            <div class="card blog" style="width: 18rem;">
+                {% image post.specific.image width-250 class="card-img-top" %}
+                <div class="card-body">
+                    <h5 class="card-title">{{ post.specific.title }}</h5>
+                    <p class="card-text">{{ post.specific.intro }}</p>
+                </div>
+                <div class="card-body">
+                    <a href="#" class="card-link">Přejít na článek</a>
+                </div>
+            </div>
+        {% endfor %}
+    </div>
 
 {% endblock %}
\ No newline at end of file