101 lines
4.0 KiB
HTML
101 lines
4.0 KiB
HTML
{{ define "main" }}
|
|
<section class="bg-light">
|
|
<div class="container">
|
|
<div class="row justify-content-md-center">
|
|
<div class="col-md-8">
|
|
<!-- title and date -->
|
|
<div class="p-2">
|
|
<h1>{{.Title}}</h1>
|
|
<div class="text-muted">
|
|
<!-- Date -->
|
|
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentColor"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd"
|
|
d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z" />
|
|
<path fill-rule="evenodd"
|
|
d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z" />
|
|
</svg>
|
|
{{ dateFormat "Jan 2, 2006" .Date }}
|
|
|
|
<!-- Author -->
|
|
{{ if .Params.author }}
|
|
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentColor"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd"
|
|
d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
|
|
</svg>
|
|
{{ .Params.author }}
|
|
{{ end }}
|
|
|
|
<!-- Edit in Github -->
|
|
{{ if .Params.github_link }}
|
|
<a href="{{ .Params.github_link }}" target="_blank" title="Edit on github">
|
|
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-pencil float-right" fill="currentColor"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd"
|
|
d="M11.293 1.293a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-9 9a1 1 0 0 1-.39.242l-3 1a1 1 0 0 1-1.266-1.265l1-3a1 1 0 0 1 .242-.391l9-9zM12 2l2 2-9 9-3 1 1-3 9-9z" />
|
|
<path fill-rule="evenodd"
|
|
d="M12.146 6.354l-2.5-2.5.708-.708 2.5 2.5-.707.708zM3 10v.5a.5.5 0 0 0 .5.5H4v.5a.5.5 0 0 0 .5.5H5v.5a.5.5 0 0 0 .5.5H6v-1.5a.5.5 0 0 0-.5-.5H5v-.5a.5.5 0 0 0-.5-.5H3z" />
|
|
</svg>
|
|
</a>
|
|
{{ end}}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- image -->
|
|
<div class="py-2">
|
|
{{ with .Params.bg_image }}
|
|
<img class="img-fluid" src="{{ . }}">
|
|
{{ end }}
|
|
</div>
|
|
|
|
<!-- content -->
|
|
<article>
|
|
{{.Content}}
|
|
</article>
|
|
|
|
<!-- Tags -->
|
|
<div class="mb-4 pt-3">
|
|
<div class="card shadow ">
|
|
<h5 class="card-header bg-warning">Tags</h5>
|
|
<div class=" card-body">
|
|
{{ if .Params.tags }}
|
|
{{ range .Params.tags }}
|
|
<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}"
|
|
class="btn btn-warning rounded-pill mb-2">{{ . }}</a>
|
|
{{end}}
|
|
{{end}}
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="disqus_thread"></div>
|
|
<script>
|
|
/**
|
|
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
|
|
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
|
|
/*
|
|
var disqus_config = function () {
|
|
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
|
|
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
|
|
};
|
|
*/
|
|
(function () { // DON'T EDIT BELOW THIS LINE
|
|
var d = document,
|
|
s = d.createElement('script');
|
|
s.src = '{{ .Site.Params.disqus }}';
|
|
s.setAttribute('data-timestamp', +new Date());
|
|
(d.head || d.body).appendChild(s);
|
|
})();
|
|
</script>
|
|
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by
|
|
Disqus.</a></noscript>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{ end }} |