Add tags

content/content-management/front-matter.md

@@ -5,7 +5,8 @@ description: Hugo allows you to add front matter in yaml, toml, or json to you c
 date: 2017-01-09
 publishdate: 2017-01-09
 lastmod: 2017-01-09
-tags: [content, front matter, yaml, toml, json]
+categories: [content]
+tags: [front matter, yaml, toml, json]
 weight:
 draft: false
 slug:

content/getting-started/_index.md

@@ -5,6 +5,8 @@ description: Description for the Getting Started section.
 date: 2017-02-01
 publishdate: 2017-02-01
 lastmod: 2017-02-01
+categories: []
+tags: [usage,docs]
 weight: 01
 draft: false
 slug:

data/sitenavigation.yml

@@ -81,4 +81,10 @@ newsandarticles:
   title: "News and Articles"
   url: "news-and-articles"
   haschildren: true
+  sortsubpagesby: "weight"
+siteshowcase:
+  order: 15
+  title: "Site Showcase"
+  url: "site-showcase"
+  haschildren: false
   sortsubpagesby: "weight"

themes/hugodocs/layouts/_default/section.html

@@ -1,9 +1,17 @@
 {{ define "main" }}
 <main class="main">
+	<a role="button" target="_blank" class="edit-link" href="{{.Site.Params.ghrepourl}}{{.File.Path}}"><span class="edit-text">Edit</span> <i class="icon-pencil" aria-hidden="true"></i></a>
 	<header class="content-header">
 		<h1 class="page-title {{.Section}}">{{with .LinkTitle}}{{ . |markdownify}}{{else}}{{ .Title | markdownify }}{{end}}</h1>
+		{{with .Params.tags}}
+		<ul class="tags">
+			<li><i class="icon-tags"></i></li>
+			{{range .}}
+			<li><a class="tag" href="/tags/{{.|urlize}}">{{.}}</a></li>
+			{{end}}
+		</ul>
+		{{end}}
 		<span class="last-modified">Last Updated: {{with .Lastmod}}{{.Format "January 2, 2006"}}{{else}}{{.PublishDate.Format "January 2, 2006"}}{{end}}</span>
-		<a role="button" target="_blank" class="edit-link" href="{{.Site.Params.ghrepourl}}{{.File.Path}}"><span class="edit-text">Edit</span> <i class="fa fa-pencil" aria-hidden="true"></i></a>
 	</header>
 	<div class="body-copy">
 	{{.Content}}

themes/hugodocs/layouts/_default/single.html

@@ -3,6 +3,14 @@
 	<a role="button" target="_blank" class="edit-link" href="{{.Site.Params.ghrepourl}}{{.File.Path}}"><span class="edit-text">Edit</span> <i class="icon-pencil" aria-hidden="true"></i></a>
 	<header class="content-header">
 		<h1 class="page-title {{.Section}}">{{with .LinkTitle}}{{ . |markdownify}}{{else}}{{ .Title | markdownify }}{{end}}</h1>
+		{{with .Params.tags}}
+		<ul class="tags">
+			<li><i class="icon-tags"></i></li>
+			{{range .}}
+			<li><a class="tag" href="/tags/{{.|urlize}}">{{.}}</a></li>
+			{{end}}
+		</ul>
+		{{end}}
 		<span class="last-modified">Last Updated: {{with .Lastmod}}{{.Format "January 2, 2006"}}{{else}}{{.PublishDate.Format "January 2, 2006"}}{{end}}</span>
 	</header>
 	<div class="body-copy">

themes/hugodocs/layouts/_default/taxonomy.html

@@ -1,5 +1,5 @@
-{{- define "main" -}}
+{{ define "main" }}
 <main class="main">
 
 </main>
-{{- end -}}
+{{ end }}

themes/hugodocs/layouts/_default/terms.html

@@ -1,5 +1,5 @@
-{{- define "main" -}}
+{{ define "main" }}
 <main class="main">
 
 </main>
-{{- end -}}
+{{ end }}

themes/hugodocs/layouts/partials/site-navigation.html

@@ -12,7 +12,7 @@
 		{{$.Scratch.Set "url" .URL }}
 		{{range $item, $params := sort ($.Site.Data.sitenavigation) "order"}}
 		{{$section := $params.url}}
-		<li class="top-menu-item"><a class="top-menu-item-link{{if eq ($.Scratch.Get "currentsection") $section }} active-section{{end}}" href="#">{{$params.title}}</a>
+		<li class="top-menu-item"><a class="top-menu-item-link {{$params.haschildren}}{{if eq ($.Scratch.Get "currentsection") $section }} active-section{{end}}" href="{{if $params.haschildren}}#{{else}}{{$base}}{{$params.url}}{{end}}">{{$params.title}}</a>
 		{{if $params.haschildren}}
 			<ul class="submenu">
 				{{- if eq $params.sortsubpagesby "title"}}

themes/hugodocs/layouts/shortcodes/output.html

@@ -1,13 +1,13 @@
 {{- if .IsNamedParams -}}
 {{$filenameclass := index (split (.Get "filename") ".") 1 }}
 <div class="code-copy" id="{{.Get "filename" | urlize}}">
-	{{- with .Get "filename" -}}<div class="code-copy-header"><div class="action-buttons"></div><span title="{{.}}" class="filename"><strong>Output to: </strong>{{- . -}}</span><i class="icon-{{$filenameclass}}"></i></div>{{- end -}}
+	{{- with .Get "filename" -}}<div class="code-copy-header output"><div class="action-buttons"></div><span title="{{.}}" class="filename"><strong>Output to: </strong>{{- . -}}</span><i class="icon-{{$filenameclass}}"></i></div>{{- end -}}
 	{{- .Inner -}}
 </div>
 {{- else -}}
 {{$filenameclass := index (split (.Get 0) ".") 1 }}
 <div class="code-copy" id="{{.Get 0|urlize}}">
-	<div class="code-copy-header"><div class="action-buttons"></div><span class="filename" title="{{.Get 0}}"><strong>Output to: </strong>{{.Get 0}}</span><i class="icon-{{$filenameclass}}"></i></div>
+	<div class="code-copy-header output"><div class="action-buttons"></div><span class="filename" title="{{.Get 0}}"><strong>Output to: </strong>{{.Get 0}}</span><i class="icon-{{$filenameclass}}"></i></div>
 	{{- .Inner -}}
 </div>
 {{- end -}}

themes/hugodocs/pipeline/js/scripts/site-menu.js

@@ -1,4 +1,4 @@
-$('.top-menu-item-link').on('click',function(evt) {
+$('.top-menu-item-link:not(.false)').on('click',function(evt) {
   evt.preventDefault();
   evt.stopPropagation();
   var $ul = $(this).next('ul'),

themes/hugodocs/pipeline/scss/components/_code.scss

@@ -36,8 +36,7 @@ button.copy-button {
     padding: 0px;
     transition: all .2s ease-in-out;
     opacity: 1;
-    background-color: lighten($code-editor-header-bg-color,8%);
-    // background-color: #000000;
+    background-color: $code-editor-header-bg-color;
     box-sizing: border-box;
     position: absolute;
     bottom: 0px;
@@ -48,6 +47,9 @@ button.copy-button {
     border-width: 0px;
     border-radius: 0px;
     color:$code-copy-button-text-color;
+    &:hover {
+      background-color:$hugo-blue;
+    }
     &:active,
     &:focus {
       outline: none;

themes/hugodocs/pipeline/scss/components/_tags.scss

@@ -0,0 +1,62 @@
+ul.tags {
+  list-style: none;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  margin-top:-1em;
+  margin-bottom:.5em;
+}
+
+.tags li {
+  float: left;
+  &:first-child {
+    margin-right:.5em;
+  }
+}
+
+.tag {
+  background: #eee;
+  border-radius: 3px 0 0 3px;
+  color: #999;
+  display: inline-block;
+  height: 26px;
+  line-height: 26px;
+  padding: 0 20px 0 23px;
+  position: relative;
+  margin: 0 10px 10px 0;
+  text-decoration: none;
+  font-size:.7em;
+  -webkit-transition: color 0.2s;
+}
+
+.tag::before {
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
+  content: '';
+  height: 6px;
+  left: 10px;
+  position: absolute;
+  width: 6px;
+  top: 10px;
+}
+
+.tag::after {
+  background: #fff;
+  border-bottom: 13px solid transparent;
+  border-left: 10px solid #eee;
+  border-top: 13px solid transparent;
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.tag:hover {
+  background-color: $hugo-pink-dark;
+  color: white;
+}
+
+.tag:hover::after {
+   border-left-color: $hugo-pink-dark;
+}

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

@@ -34,6 +34,12 @@
       font-size: .9em;
     }
   }
+  a.github-button {
+    display: none;
+    @include MQ(M) {
+      display: inline;
+    }
+  }
   //github buttons in site-header
   iframe[src^="https://buttons.github.io"] {
     display: none;

themes/hugodocs/pipeline/scss/style.scss

@@ -18,6 +18,7 @@
 @import 'vendor/prism';
 @import 'components/code';
 @import 'components/icons';
+@import 'components/tags';
 
 //major layout parts/chrome
 @import 'layout/site-header';