mirror of
https://git.adityakumar.xyz/hugo-theme-introduction.git
synced 2024-11-09 23:09:47 +00:00
8bf5b9e365
* Ability to turn off the fadein effect * Ability to disable fadein effect on blog posts * Disable fadein on 404 and list pages
79 lines
3.4 KiB
HTML
79 lines
3.4 KiB
HTML
{{ partial "header.html" . }}
|
|
|
|
<div class="section" id="top"><!-- Parent section -->
|
|
|
|
<div class="container hero {{ if .Site.Params.fadein }} fade-in one {{ end }}"><!-- Begin Title -->
|
|
<h1 class="bold-title is-1">{{ .Site.Params.firstname }}'s Blog</h1>
|
|
</div><!-- End Title -->
|
|
|
|
<!-- Everything below fades in two! -->
|
|
<div class="section {{ if .Site.Params.fadein }} fade-in two {{ end }}">
|
|
|
|
<div class="container"><!-- Begin Nav bar -->
|
|
{{ partial "nav-single.html" . }}
|
|
</div><!-- End Nav bar -->
|
|
|
|
<div class="container {{ if .Site.Params.fadein }} fade-in two {{ end }}"><!-- Begin blog title container -->
|
|
<h2 class="title is-1 top-pad strong-post-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
|
|
<div class="post-data">
|
|
{{ .Date.Format .Site.Params.dateform }} |
|
|
{{ if eq 1 .ReadingTime }}{{ .ReadingTime }} minute read{{ else }}{{ .ReadingTime }} minutes read{{ end }}
|
|
</div>
|
|
|
|
{{ if .Site.Params.sharebuttons }}
|
|
<div class="blog-share">
|
|
Share this:
|
|
<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=Read%20{{ .Title }}%20{{ .Permalink }}"
|
|
onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
|
|
<i class="fa fa-twitter"></i>
|
|
<span class="hidden">Twitter</span>
|
|
</a>
|
|
<a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}"
|
|
onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
|
|
<i class="fa fa-facebook"></i>
|
|
<span class="hidden">Facebook</span>
|
|
</a>
|
|
<a class="icon-pinterest" href="http://pinterest.com/pin/create/button/?url={{ .Permalink }}{{ if .Params.pinterestmedia }}&media={{ .Site.BaseURL }}{{ .Params.pinterestmedia }}{{ end }}&description={{ .Title | safeHTML}}"
|
|
onclick="window.open(this.href, 'pinterest-share','width=580,height=296');return false;">
|
|
<i class="fa fa-pinterest"></i>
|
|
<span class="hidden">Pinterest</span>
|
|
</a>
|
|
<a class="icon-google-plus" href="https://plus.google.com/share?url={{ .Permalink }}"
|
|
onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
|
|
<i class="fa fa-linkedin"></i>
|
|
<span class="hidden">Google+</span>
|
|
</a>
|
|
</div>
|
|
{{ end }}
|
|
|
|
</div><!-- End blog title container -->
|
|
|
|
<div class="container markdown {{ if .Site.Params.fadein }} fade-in two {{ end }} top-pad"><!-- Begin blog post content -->
|
|
{{ .Content }}
|
|
</div><!-- End blog post content -->
|
|
|
|
<div class="disqus">
|
|
{{ template "_internal/disqus.html" . }}
|
|
</div>
|
|
|
|
<div class="container has-text-centered top-pad">
|
|
<hr>
|
|
<a href="{{ .Permalink }}#top"><i class="fa fa-arrow-up"></i></a>
|
|
<hr>
|
|
</div>
|
|
|
|
{{ partial "footer.html" . }}
|
|
</div><!-- End fade in two -->
|
|
</div><!-- End parent section -->
|
|
|
|
<!-- Bitty scrolling links script -->
|
|
<script>
|
|
$('a[href^="{{ .Permalink }}#"]').click(function(e) {
|
|
e.preventDefault();
|
|
var target = this.hash;
|
|
$('html, body').animate({
|
|
scrollTop: $(target).offset().top
|
|
}, 500);
|
|
return false;
|
|
})
|
|
</script>
|