Update next and prev buttons

content/about-hugo/_index.md

@@ -16,7 +16,7 @@ notes:
 ## What is Hugo?
 
 Hugo is a general-purpose website framework. Technically speaking, Hugo is
-a static site generator. Unlike systems that dynamically build a page
+a [static site generator][]. Unlike systems that dynamically build a page
 with each visitor request, Hugo builds pages when you create
 your content. Since websites are viewed far more often than they are
 edited, Hugo is optimized for website viewing for the end users of your site and an ideal writing experience for authors.
@@ -59,7 +59,6 @@ pages.
 
 * [Hugo Performance Benchmark(@bep)]
 
-
 [Aerobatic]: https://www.aerobatic.com/
 [Amazon S3]: http://aws.amazon.com/s3/
 [CloudFront]: http://aws.amazon.com/cloudfront/ "Amazon CloudFront"
@@ -75,4 +74,5 @@ pages.
 [Jekyll]: http://jekyllrb.com/
 [Middleman]: https://middlemanapp.com/
 [Nanoc]: http://nanoc.ws/
+[static site generator]: /about-hugo/benefits-of-static/
 [Surge]: https://surge.sh

content/about-hugo/roadmap.md

@@ -24,14 +24,16 @@ In no particular order, here is what is currently being worked on for the Hugo p
 * Native support for additional content formats (AsciiDoc [#1435][], reST [#1436][])
 * And, last but not least, *your* best ideas!
 
-{{% note "Contributions Welcome" %}}
-Feel free to [contribute](/contribute-to-hugo/) or open a new issue if you have an idea for a new feature.
-{{% /note %}}
+## Contributions Welcome
+
+Feel free to [contribute][] or open a new issue if you have an idea for a new feature.
+
 
 [#98]: https://github.com/spf13/hugo/issues/98
 [#1014]: https://github.com/spf13/hugo/issues/1014
 [#1435]: https://github.com/spf13/hugo/issues/1435
 [#1436]: https://github.com/spf13/hugo/issues/1436
+[contribute]: /contribute-to-hugo/
 [hosting and deployment]: /hosting-and-deployment/
 [existing migration tools]: /developer-tool/migrations/
 [related Discuss thread]: https://discuss.gohugo.io/t/web-based-editor/155

content/tutorials/_index.md

@@ -0,0 +1,14 @@
+---
+title: Overview of Tutorials
+linktitle: Overview of Tutorials
+description:
+date: 2017-02-01
+publishdate: 2017-02-01
+lastmod: 2017-02-01
+tags: [tutorials,learning]
+weight:
+draft: false
+slug:
+aliases:
+notes:
+---

themes/hugodocs/layouts/_default/section.html

@@ -19,5 +19,6 @@
 	<div class="body-copy">
 	{{.Content}}
 	</div>
+	{{partial "previous-and-next-links.html" . }}
 </main>
 {{ end }}

themes/hugodocs/layouts/_default/single.html

@@ -2,14 +2,8 @@
 {{$title := .Title}}
 <span id="page-top"></span>
 <main class="main">
-	{{with .Params.testing }}
-	{{range $ind,$value := . }}
-	<p>Index: {{$ind}}</p>
-	<p>Value: {{$value}}</p>
-	{{end}}
-	{{end}}
 	<header class="content-header">
-		<h1 class="page-title">{{with .LinkTitle}}{{ . | markdownify}}{{else}}{{ .Title | markdownify }}{{end}}</h1>
+		<h1 class="page-title {{.Section}}">{{ .Title | markdownify }}</h1>
 		<div class="content-header-links">
 		<a target="_blank" class="edit-link" href="{{.Site.Params.ghdocsrepo}}edit/master/content/{{.File.Path}}"><span class="edit">Edit Page</span><i class="icon-pencil" aria-hidden="true"></i></a>
 		{{- if .Params.godocref -}}
@@ -31,6 +25,7 @@
 	<div class="body-copy">
 	{{.Content}}
 	</div>
+	{{partial "previous-and-next-links.html" . }}
 	{{partial "table-of-contents.html" . }}
 </main>
 {{ end }}

themes/hugodocs/layouts/partials/previous-and-next-links.html

@@ -0,0 +1,35 @@
+{{ if .NextInSection }}
+<a role="button" href="{{.NextInSection.Permalink}}" class="prev-and-next-link prev-page">
+	<div>
+		<span>Prev</span>
+		<h4 class="{{.Section}}">{{.NextInSection.Title}}</h4>
+	</div>
+</a>
+{{ else if eq .Kind "page" }}
+	{{ with .Site.GetPage "section" .Section }}
+	<a role="button" href="{{.Permalink}}" class="prev-and-next-link prev-page">
+		<div>
+			<span>Prev</span>
+			<h4>{{ .Title }}</h4>
+		</div>
+	</a>
+	{{ end }}
+{{ end }}
+{{ with .PrevInSection }}
+<a role="button" href="{{.Permalink}}" class="prev-and-next-link next-page">
+	<div>
+		<span>Next</span>
+		<h4 class="{{.Section}}">{{.Title}}</h4>
+	</div>
+</a>
+{{ end }}
+{{if eq .Kind "section"}}
+{{ range first 1 .Data.Pages }}
+<a role="button" href="{{.Permalink}}" class="prev-and-next-link next-page">
+	<div>
+		<span>Next</span>
+		<h4 class="{{.Section}}">{{.Title}}</h4>
+	</div>
+</a>
+{{end}}
+{{end}}

themes/hugodocs/pipeline/scss/components/_prev-and-next-links.scss

@@ -0,0 +1,25 @@
+.prev-and-next-link {
+  color: $hugo-white;
+  width: 100%;
+  display: inline-block;
+  text-align: center;
+  margin-bottom:1em;
+  // background-color: $hugo-blue-light;
+  span {
+    display: block;
+    font-size: .8em;
+  }
+  h4 {
+    margin: 0px;
+    padding: 0px;
+    text-transform: none;
+    color:$hugo-white;
+  }
+  @include MQ(M) {
+    max-width: 48%;
+    margin-bottom:1.5em;
+    &.next-page {
+    	float:right;
+    }
+  }
+}

themes/hugodocs/pipeline/scss/layout/_site-content.scss

@@ -45,12 +45,13 @@ header.content-header {
     margin-top: 2em;
   }
   .last-modified {
-    color: $hugo-gray-light;
+    color: $hugo-gray;
     display: block;
     margin-top: -10px;
     width: 100%;
     font-size: .8em;
     margin-bottom: 20px;
+    font-weight:normal;
   }
 }
 

themes/hugodocs/pipeline/scss/style.scss

@@ -26,6 +26,7 @@
 @import 'components/keyboard';
 @import 'components/table-of-contents';
 @import 'components/taxonomy-lists';
+@import 'components/prev-and-next-links.scss';
 
 //major layout parts/chrome
 @import 'layout/site-header';