129 lines
4.7 KiB
HTML
129 lines
4.7 KiB
HTML
{{ define "main" }}
|
|
<div class="section">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-12 col-md-10 offset-md-1">
|
|
<h1 class="fw-normal">{{ .Title }}</h1>
|
|
<ul class="list-inline-dash">
|
|
{{ if .Params.author }}
|
|
<li><a href="#">{{ .Params.author }}</a></li>
|
|
{{ end }}
|
|
{{ with .Params.categories }}
|
|
{{ range . }}
|
|
<li><a href="/categories/{{ . | urlize }}">{{ . }}</a></li>
|
|
{{ end }}
|
|
{{ end }}
|
|
<li><a href="#">{{ .Date.Format "Jan 2, 2006" }}</a></li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
|
|
<!-- Featured Image -->
|
|
{{ if .Params.featured_image }}
|
|
<div class="container">
|
|
<div class="p-2 text-center">
|
|
<img src="{{ .Params.featured_image }}" alt="{{ .Title }}" class="mx-auto d-block">
|
|
</div>
|
|
</div><!-- end container -->
|
|
{{ end }}
|
|
<!-- end Featured Image -->
|
|
|
|
<!-- Post Content -->
|
|
<div class="section">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-12 col-md-10 offset-md-1">
|
|
<div class="post-content">
|
|
{{ .Content }}
|
|
</div>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- end Post Content -->
|
|
|
|
<!-- Tags and Share -->
|
|
<div class="section-xs border-top">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
{{ if .Params.tags }}
|
|
<div class="col-6">
|
|
<h6 class="font-small fw-medium uppercase">Tags</h6>
|
|
<ul class="list-inline-sm">
|
|
{{ range .Params.tags }}
|
|
<li><a href="/tags/{{ . | urlize }}">{{ . }}</a></li>
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
{{ end }}
|
|
<div class="col-6 text-end">
|
|
<h6 class="font-small fw-medium uppercase">Share On</h6>
|
|
<ul class="list-inline">
|
|
<li><a href="#"><i class="bi bi-facebook"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-twitter-x"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-google"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
|
|
<!-- Comments section -->
|
|
{{ if .Site.Params.comments.enable }}
|
|
<div class="section bg-gray-lighter">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-12 col-md-10 offset-md-1">
|
|
<h4 class="fw-normal mb-5">Comments</h4>
|
|
|
|
{{ if .Site.Params.comments.disqus }}
|
|
<div id="disqus_thread"></div>
|
|
<script>
|
|
var disqus_config = function () {
|
|
this.page.url = "{{ .Permalink }}";
|
|
this.page.identifier = "{{ .RelPermalink }}";
|
|
};
|
|
(function() {
|
|
var d = document, s = d.createElement('script');
|
|
s.src = 'https://{{ .Site.Params.comments.disqus }}.disqus.com/embed.js';
|
|
s.setAttribute('data-timestamp', +new Date());
|
|
(d.head || d.body).appendChild(s);
|
|
})();
|
|
</script>
|
|
{{ else }}
|
|
<p>Comments are disabled.</p>
|
|
{{ end }}
|
|
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
{{ end }}
|
|
|
|
<!-- Write Comment section -->
|
|
{{ if .Site.Params.comments.enable }}
|
|
<div class="section">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-12 col-md-10 offset-md-1">
|
|
<h4 class="fw-normal mb-5">Write a Comment</h4>
|
|
<form id="comment-form">
|
|
<div class="row g-4">
|
|
<div class="col-12 col-sm-6">
|
|
<input type="text" name="name" placeholder="Name" required>
|
|
</div>
|
|
<div class="col-12 col-sm-6">
|
|
<input type="email" name="email" placeholder="E-Mail" required>
|
|
</div>
|
|
</div>
|
|
<textarea name="message" placeholder="Message"></textarea>
|
|
<button class="button button-lg button-outline-gray" type="submit">Post Comment</button>
|
|
</form>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
{{ end }}
|
|
{{ end }} |