mirror of
https://git.adityakumar.xyz/hugo-theme-introduction.git
synced 2024-11-13 00:39:45 +00:00
70 lines
No EOL
2.7 KiB
HTML
70 lines
No EOL
2.7 KiB
HTML
{{ partial "header.html" . }}
|
|
|
|
<div class="section" id="top"><!-- Parent section -->
|
|
|
|
<div class="container hero fade-in one"><!-- 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 no-padding fade-in two">
|
|
|
|
<div class="container"><!-- Begin Nav bar -->
|
|
{{ partial "nav-list.html" . }}
|
|
</div><!-- End Nav bar -->
|
|
|
|
<div class="container"><!-- Begin Blog container -->
|
|
|
|
{{ if .Site.Params.showlatest }}
|
|
<h2 class="title is-2 top-pad">Latest Post</h2>
|
|
{{ range first 1 .Data.Pages.ByPublishDate }}
|
|
<div class="summary">{{ .Date.Format .Site.Params.dateform }}
|
|
<h3 class="title is-3 strong-post-title"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
|
|
<div class="markdown">
|
|
{{ .Summary }}
|
|
{{ if .Truncated }}
|
|
<a href="{{ .RelPermalink }}">...Read More</a>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
|
|
<h2 class="title is-2 top-pad">All Posts</h2>
|
|
<ul>
|
|
{{ range .Data.Pages.ByPublishDate }}
|
|
{{ if eq .Section "blog" }}
|
|
{{ partial "li.html" . }}
|
|
{{ end }}
|
|
{{ end }}
|
|
</ul>
|
|
|
|
</div><!-- End Blog container -->
|
|
|
|
<div class="container has-text-centered top-pad">
|
|
<hr>
|
|
<a href="{{ .Permalink }}#top">TOP</a>
|
|
<hr>
|
|
</div>
|
|
|
|
{{ partial "footer.html" . }}
|
|
</div><!-- End fade in two -->
|
|
</div><!-- End parent section -->
|
|
|
|
<!-- Cool scroll effect from this guy: https://gist.github.com/flesler/ -->
|
|
<!-- Include jQuery from somewhere, must use version 1.8 or above -->
|
|
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
|
<!-- Include latest jquery.scrollTo, can download from https://github.com/flesler/jquery.scrollTo/releases -->
|
|
<script type="application/javascript" src="//cdn.jsdelivr.net/jquery.scrollto/2.1.2/jquery.scrollTo.min.js"></script>
|
|
<!-- Initialize the plugin, the contents of the script can be inlined here, of course -->
|
|
<script type="text/javascript" src={{ "js/init.js" | relURL }}></script>
|
|
<script>
|
|
// Bind to the click of all links with a #hash in the href
|
|
$('a[href^="{{ .Permalink }}#"]').click(function(e) {
|
|
// Prevent the jump and the #hash from appearing on the address bar
|
|
e.preventDefault();
|
|
// Scroll the window, stop any previous animation, stop on user manual scroll
|
|
// Check https://github.com/flesler/jquery.scrollTo for more customizability
|
|
$(window).stop(true).scrollTo(this.hash, {duration:500, interrupt:false});
|
|
});
|
|
</script> |