diff options
Diffstat (limited to 'layouts/blog')
| -rw-r--r-- | layouts/blog/list.html | 117 | ||||
| -rw-r--r-- | layouts/blog/single.html | 155 |
2 files changed, 145 insertions, 127 deletions
diff --git a/layouts/blog/list.html b/layouts/blog/list.html index c2d94d6..676de26 100644 --- a/layouts/blog/list.html +++ b/layouts/blog/list.html @@ -1,67 +1,76 @@ {{ partial "header.html" . }} -<body> - -<div class="section" id="top"><!-- Parent section --> - <div class="container hero {{ if .Site.Params.fadeIn | default true }}fade-in one{{ end }}"><!-- Begin Title --> - <h1 class="bold-title is-1">{{ .Site.Params.blogHead | default "Blog" }}</h1> - </div><!-- End Title --> +<body> - <!-- Everything below fades in two! --> - <div class="section no-padding {{ if .Site.Params.fadeIn | default true }}fade-in two{{ end }}"> + <div class="section" id="top"> + <!-- Parent section --> + <div class="container hero {{ if .Site.Params.fadeIn | default true }}fade-in one{{ end }}"> + <!-- Begin Title --> + <h1 class="bold-title is-1">{{ .Title | default "Blog" }}</h1> + </div> + <!-- End Title --> - <div class="container"><!-- Begin Nav bar --> - {{ partial "nav-list.html" . }} - </div><!-- End Nav bar --> + <!-- Everything below fades in two! --> + <div class="section no-padding {{ if .Site.Params.fadeIn | default true }}fade-in two{{ end }}"> - <div class="container"><!-- Begin Blog container --> + <div class="container"> + <!-- Begin Nav bar --> + {{ partial "nav-list.html" . }} + </div> + <!-- End Nav bar --> - {{ if .Site.Params.showLatest }} - <h2 class="title is-2 top-pad">Latest Post</h2> - {{ range first 1 (where .Data.Pages.ByPublishDate.Reverse "Section" "blog") }} - <div class="summary">{{ .Date.Format (.Site.Params.dateForm | default "Jan 02, 2006") }} - <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 class="container markdown {{ if .Site.Params.fadeIn | default true }}fade-in two{{ end }} top-pad"> + <!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md --> + {{ .Content }} + </div> + <div class="container"> + {{ if .Site.Params.showLatest }} + <h2 class="title is-2 top-pad">Latest Post</h2> + {{ range first 1 (where .Data.Pages.ByPublishDate.Reverse "Section" "blog") }} + <div class="summary">{{ .Date.Format (.Site.Params.dateForm | default "Jan 02, 2006") }} + <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> - </div> - {{ end }} - {{ end }} + {{ 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> + <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> + <!-- End Blog container --> -<div class="container has-text-centered top-pad"> -<hr> -<a href="{{ .Permalink }}#top"><i class="fa fa-arrow-up"></i></a> -<hr> -</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 --> + {{ 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> + <!-- 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> -</body> +</body>
\ No newline at end of file diff --git a/layouts/blog/single.html b/layouts/blog/single.html index 15e1a9b..e0b3650 100644 --- a/layouts/blog/single.html +++ b/layouts/blog/single.html @@ -1,90 +1,99 @@ {{ partial "header.html" . }} -<body> -<div class="section" id="top"><!-- Parent section --> +<body> - <div class="container hero {{ if .Site.Params.fadeIn | default true }}fade-in one{{ end }}"><!-- Begin Title --> - <h1 class="bold-title is-1">{{ .Site.Params.blogHead | default "Blog" }}</h1> - </div><!-- End Title --> + <div class="section" id="top"> + <!-- Parent section --> -<!-- Everything below fades in two! --> -<div class="section {{ if .Site.Params.fadeIn | default true }}fade-in two{{ end }}"> + <div class="container hero {{ if .Site.Params.fadeIn | default true }}fade-in one{{ end }}"> + <!-- Begin Title --> + <h1 class="bold-title is-1">{{ .Site.Params.blogHead | default "Blog" }}</h1> + </div> + <!-- End Title --> - <div class="container"><!-- Begin Nav bar --> - {{ partial "nav-single.html" . }} - </div><!-- End Nav bar --> + <!-- Everything below fades in two! --> + <div class="section {{ if .Site.Params.fadeIn | default true }}fade-in two{{ end }}"> - <div class="container {{ if .Site.Params.fadeIn | default true }}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 | default "Jan 02, 2006") }} | - {{ if eq 1 .ReadingTime }}{{ .ReadingTime }} minute read{{ else }}{{ .ReadingTime }} minutes read{{ end }} + <div class="container"> + <!-- Begin Nav bar --> + {{ partial "nav-single.html" . }} </div> + <!-- End Nav bar --> - {{ if .Site.Params.shareButtons }} + <div class="container {{ if .Site.Params.fadeIn | default true }}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 | default "Jan 02, 2006") }} | {{ if eq 1 .ReadingTime }}{{ .ReadingTime }} minute + read{{ else }}{{ .ReadingTime }} minutes read{{ end }} + </div> + + {{ if .Site.Params.shareButtons }} <div class="blog-share"> - Share this: - {{ if .Site.Params.shareTwitter }} - <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> - {{ end }} - {{ if .Site.Params.shareFacebook }} - <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> - {{ end }} - {{ if .Site.Params.sharePinterest }} - <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> - {{ end }} - {{ if .Site.Params.shareGooglePlus }} - <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-google-plus"></i> - <span class="hidden">Google+</span> - </a> - {{ end }} + Share this: {{ if .Site.Params.shareTwitter }} + <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> + {{ end }} {{ if .Site.Params.shareFacebook }} + <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> + {{ end }} {{ if .Site.Params.sharePinterest }} + <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> + {{ end }} {{ if .Site.Params.shareGooglePlus }} + <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-google-plus"></i> + <span class="hidden">Google+</span> + </a> + {{ end }} </div> - {{ end }} + {{ end }} - </div><!-- End blog title container --> + </div> + <!-- End blog title container --> - <div class="container markdown {{ if .Site.Params.fadeIn | default true }}fade-in two{{ end }} top-pad"><!-- Begin blog post content --> - {{ .Content }} - </div><!-- End blog post content --> + <div class="container markdown {{ if .Site.Params.fadeIn | default true }}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="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> + <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 --> + {{ 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> + <!-- 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> -</body> +</body>
\ No newline at end of file |