Personal blog written from scratch using Node.js, Bootstrap, and MySQL.
https://jrtechs.net
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.9 KiB
62 lines
1.9 KiB
{header}
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col-md-8 col-12">
|
|
{for post in posts}
|
|
<div class="blogPost">
|
|
{if post.hasPicture}
|
|
<img src="/blogContent/headerImages/{post.picture_url}" style="width:100%;">
|
|
{/if}
|
|
|
|
<div class="p-4">
|
|
<h3><b>{post.name}</b></h3>
|
|
<h5>
|
|
<span class="w3-opacity">{post.published}</span>
|
|
</h5>
|
|
|
|
{post.blogBody}
|
|
</div>
|
|
|
|
</div>
|
|
<br>
|
|
<br>
|
|
{else}
|
|
<div class="row p-lg-0">
|
|
<h1 class="align-content-center">Page Not Found</h1>
|
|
<div class="align-content-center">
|
|
<img src="/includes/img/404.jpg" alt="Page not found" width="70%" />
|
|
</div>
|
|
</div>
|
|
<br><br>
|
|
{/for}
|
|
<div class="row">
|
|
<div class="col-6">
|
|
{if newPostsURL}
|
|
<button class="btn btn-secondary btn-l" onclick="location.href='{newPostsURL}'">
|
|
<b>Older Posts »</b>
|
|
</button>
|
|
{/if}
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
{if oldPostsURL}
|
|
<span class="float-right">
|
|
<button class="btn btn-secondary btn-l" onclick="location.href='{oldPostsURL}'">
|
|
<b>Older Posts »</b>
|
|
</button>
|
|
</span>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
<br>
|
|
</div>
|
|
<div class="col-md-4 col-4">
|
|
{>sideBar}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{footer}
|