File size: 2,622 Bytes
8a55b7f |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 |
{% extends "layout.html" %}
{% block body %}
<!-- Page Header-->
<header class="masthead mb-0" style="background-image: url(' static/img/home-bg.jpg ')">
<div class="container position-relative px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-md-10 col-lg-8 col-xl-7">
<div class="site-heading">
<h1>{{ params['blog_name'] }}</h1>
<span class="subheading">{{ params['tag_line'] }}</span>
</div>
</div>
</div>
</div>
</header>
<!-- Message Flashing -->
{% with messages = get_flashed_messages(with_categories=true)%}
{% if messages %}
{% for category, message in messages %}
<div class="alert alert-{{category}} alert-dismissible fade show" role="alert">
{{message}}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
{% endfor %}
{% endif %}
{% endwith %}
<!-- Main Content-->
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-md-10 col-lg-8 col-xl-7">
<!-- Todo: Fetch it using for loop from the database -->
<!-- Post preview-->
{% for post in posts %}
<div class="post-preview">
<a href="/post/{{post.slug}}">
<h2 class="post-title">{{ post.title }}</h2>
<h3 class="post-subtitle">{{post.tagline}}</h3>
</a>
<p class="post-meta">
Posted by
<a href="#!">AP</a>
on {{post.date}}
</p>
</div>
{{post.content[0:143]}}...
<!-- Divider-->
<hr class="my-4" />
{% endfor %}
<!-- Pager-->
<!-- <div class="d-flex justify-content-end mb-4"> -->
<div class="d-flex justify-content-between mb-4">
<a class="btn btn-primary" href="{{prev}}">← Previous Posts</a>
<a class="btn btn-primary" href="{{next}}">Next Posts →</a>
</div>
</div>
</div>
</div>
{% endblock %}
|