-
Notifications
You must be signed in to change notification settings - Fork 2
/
blog.html
79 lines (75 loc) · 3.28 KB
/
blog.html
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
73
74
75
76
77
78
79
{template: inc/header.html}
<!-- Begin Site Title
================================================== -->
<div class="container">
<div class="mainheading text-center">
<h1 class="sitetitle">{$blog.title}</h1>
<p class="lead">
{$blog.desc}
</p>
</div>
<!-- End Site Title
================================================== -->
<!-- Begin List Posts
================================================== -->
<section class="recent-posts">
<div class="section-title">
<h2><span>All Posts</span></h2>
</div>
<div class="card-columns listrecent">
<!-- begin post -->
{if: $bat.notify}
<div id="notify" class="alert alert-{$bat.notify.type}">{$bat.notify.text}</div>
{/if}
{loop: $blog.posts}
<div class="card">
<a href="{$value.url}">
{if: $value.cover_photo}
<img class="img-fluid" src="{$value.cover_url}"" alt="">
{/if}
</a>
<div class="card-block">
<h2 class="card-title"><a href="{$value.url}">{$value.title}</a></h2>
<h4 class="card-text">{$value.content}</h4>
<div class="metafooter">
<div class="wrapfooter">
<span class="meta-footer-thumb">
<img class="author-thumb" src="{$bat.path}/uploads/users/{$value.author.avatar}" alt="{$value.author.name}">
</span>
<span class="author-meta">
<span class="post-name">{$value.author.name}</span><br/>
<span class="post-date">{$value.published_at}</span>
</span>
<span class="post-read-more"><a href="{$value.url}" title="Read Story"><svg class="svgIcon-use" width="25" height="25" viewbox="0 0 25 25"><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path></svg></a></span>
</div>
</div>
</div>
</div>
{/loop}
<!-- end post -->
</div>
</section>
<!-- End List Posts
================================================== -->
<!-- Begin Pager
================================================== -->
<section class="pager">
<!-- Pager -->
<nav>
<ul class="pagination justify-content-center">
{if: isset($prev)}
<li class="page-item">
<a class="page-link" href="{$prev.url}">← {$lang.blog.newer}</a>
</li>
{/if} {if: isset($next)}
<li class="page-item">
<a class="page-link" href="{$next.url}">{$lang.blog.older} →</a>
</li>
{/if}
</ul>
</nav>
</section>
<!-- End Pager
================================================== -->
</div>
{template: inc/footer.html}