Improve single display post
This commit is contained in:
kbe
@@ -1,38 +1,131 @@
|
|||||||
{{ define "main" }}
|
{{ 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>
|
||||||
|
{{ else }}
|
||||||
|
<li><a href="#">by Admin</a></li>
|
||||||
|
{{ end }}
|
||||||
|
{{ with .Params.categories }}
|
||||||
|
{{ range . }}
|
||||||
|
<li><a href="/categories/{{ . | urlize }}">{{ . }}</a></li>
|
||||||
|
{{ end }}
|
||||||
|
{{ else }}
|
||||||
|
<li><a href="/categories/non-classe">Non classé</a></li>
|
||||||
|
{{ end }}
|
||||||
|
<li><a href="#">{{ .Date.Format "Jan 2, 2006" }}</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!-- end row -->
|
||||||
|
</div><!-- end container -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<article class="post">
|
<!-- Featured Image -->
|
||||||
<header class="post-header">
|
{{ if .Params.featured_image }}
|
||||||
<h1 class="post-title">{{ .Title }}</h1>
|
<div class="container">
|
||||||
<div class="post-meta">
|
<img src="{{ .Params.featured_image }}" alt="{{ .Title }}">
|
||||||
<time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 2, 2006" }}</time>
|
</div><!-- end container -->
|
||||||
{{ if .Params.author }}
|
{{ end }}
|
||||||
<span class="post-author">{{ .Params.author }}</span>
|
<!-- end Featured Image -->
|
||||||
{{ end }}
|
|
||||||
<div class="post-categories">
|
<!-- Post Content -->
|
||||||
{{ with .Params.categories }}
|
<div class="section">
|
||||||
{{ range . }}
|
<div class="container">
|
||||||
<a href="/categories/{{ . | urlize }}" class="category">{{ . }}</a>
|
<div class="row g-4">
|
||||||
{{ end }}
|
<div class="col-12 col-md-10 offset-md-1">
|
||||||
{{ else }}
|
<div class="post-content">
|
||||||
<a href="/categories/non-classe" class="category">Non classé</a>
|
{{ .Content }}
|
||||||
{{ end }}
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div><!-- end row -->
|
||||||
{{ if .Params.featured_image }}
|
</div><!-- end container -->
|
||||||
<img src="{{ .Params.featured_image }}" alt="{{ .Title }}" class="featured-image">
|
</div>
|
||||||
{{ end }}
|
<!-- end Post Content -->
|
||||||
</header>
|
|
||||||
|
<!-- Tags and Share -->
|
||||||
<div class="post-content">
|
<div class="section-xs border-top">
|
||||||
{{ .Content }}
|
<div class="container">
|
||||||
</div>
|
<div class="row g-4">
|
||||||
|
{{ if .Params.tags }}
|
||||||
{{ if .Params.tags }}
|
<div class="col-6">
|
||||||
<div class="post-tags">
|
<h6 class="font-small fw-medium uppercase">Tags</h6>
|
||||||
{{ range .Params.tags }}
|
<ul class="list-inline-sm">
|
||||||
<a href="/tags/{{ . | urlize }}" class="tag">#{{ . }}</a>
|
{{ range .Params.tags }}
|
||||||
{{ end }}
|
<li><a href="/tags/{{ . | urlize }}">{{ . }}</a></li>
|
||||||
</div>
|
{{ end }}
|
||||||
{{ end }}
|
</ul>
|
||||||
</article>
|
</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 }}
|
{{ end }}
|
||||||
Reference in New Issue
Block a user