Updating hyde theme

4 years ago · aa297d560c
23 changed files with 71 additions and 11 deletions
--- a/themes/hyde/CHANGELOG.md
+++ b/themes/hyde/CHANGELOG.md
--- a/themes/hyde/LICENSE.md
+++ b/themes/hyde/LICENSE.md
--- a/themes/hyde/README.md
+++ b/themes/hyde/README.md
@ -11,6 +11,7 @@ It pairs a prominent sidebar with uncomplicated content.
 - [Installation](#installation)
 - [Options](#options)
  - [Sidebar menu](#sidebar-menu)
+  - [Sidebar description](#sidebar-description)
  - [Sticky sidebar content](#sticky-sidebar-content)
  - [Themes](#themes)
  - [Reverse layout](#reverse-layout)
@ -23,6 +24,16 @@ It pairs a prominent sidebar with uncomplicated content.

 ## Installation

+### Quick Start
+
+To give you a running start this installation puts a fully configured [starter repo](https://github.com/forestryio/hyde-hugo-starter) into your Git account and sets it up in a content manager / CMS. 
+
+_[Forestry](https://forestry.io) Starter-Kit:_
+
+[![Import this project into Forestry](https://assets.forestry.io/import-to-forestry.svg)](https://app.forestry.io/quick-start?repo=forestryio/hyde-hugo-starter&provider=github&engine=hugo&version=0.49)
+
+### Standard Installation
+
 To install Hyde as your default theme, first install this repository in the `themes/` directory:

    $ cd themes/
@ -42,7 +53,49 @@ Hyde includes some customizable options, typically applied via classes on the `<

 ### Sidebar menu

-Create a list of nav links in the sidebar by assigning "menu=main" in the front matter.
+Create a list of nav links in the sidebar by assigning "menu=main" in the front matter, like so:
+
+**TOML**
+```toml
+theme = "hyde"
+
+[Menus]
+  main = [
+      {Name = "Github", URL = "https://github.com/username/"},
+      {Name = "LinkedIn", URL = "https://www.linkedin.com/in/username/"}
+  ]
+```
+
+**YAML**
+```yaml
+theme: "hyde"
+
+Menus:
+  main:
+    - Name: "Github"
+      URL: "https://github.com/username/"
+    - Name: "LinkedIn"
+      URL: "https://www.linkedin.com/in/username/"
+```
+
+### Sidebar description
+Customise the describe of your page using `description`, like so:
+
+**TOML**
+```toml
+theme = "hyde"
+
+[params]
+  description = "Your custom description"
+```
+
+**YAML**
+```yaml
+theme: "hyde"
+
+params:
+  description = "Your custom description"
+```


 ### Sticky sidebar content
--- a/themes/hyde/archetypes/default.md
+++ b/themes/hyde/archetypes/default.md
--- a/themes/hyde/go.mod
+++ b/themes/hyde/go.mod
@ -0,0 +1,3 @@
+module github.com/spf13/hyde
+
+go 1.12
--- a/themes/hyde/images/screenshot.png
+++ b/themes/hyde/images/screenshot.png
--- a/themes/hyde/images/tn.png
+++ b/themes/hyde/images/tn.png
--- a/themes/hyde/layouts/404.html
+++ b/themes/hyde/layouts/404.html
--- a/themes/hyde/layouts/_default/baseof.html
+++ b/themes/hyde/layouts/_default/baseof.html
--- a/themes/hyde/layouts/_default/list.html
+++ b/themes/hyde/layouts/_default/list.html
--- a/themes/hyde/layouts/_default/single.html
+++ b/themes/hyde/layouts/_default/single.html
--- a/themes/hyde/layouts/index.html
+++ b/themes/hyde/layouts/index.html
@ -1,6 +1,6 @@
 {{ define "main" -}}
 <div class="posts">
-{{ range .Data.Pages -}}
+{{ range .Site.RegularPages -}}
 <article class="post">
  <h1 class="post-title">
    <a href="{{ .Permalink }}">{{ .Title }}</a>
--- a/themes/hyde/layouts/partials/head.html
+++ b/themes/hyde/layouts/partials/head.html
@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml"{{with .Site.LanguageCode}} xml:lang="{{.}}" lang="{{.}}"{{end}}>
 <head>
-  <link href="//gmpg.org/xfn/11" rel="profile">
+  <link href="https://gmpg.org/xfn/11" rel="profile">
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
-  {{ .Hugo.Generator }}
+  {{ hugo.Generator }}

  <!-- Enable responsiveness on mobile devices-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -13,6 +13,7 @@
  {{- else -}}
  <title>{{ .Title }} &middot; {{ .Site.Title }}</title>
  {{- end }}
+  <meta name="description" content="{{if .IsHome}}{{ $.Site.Params.description }}{{else}}{{.Description}}{{end}}" />

  <!-- CSS -->
  <link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/print.css" media="print">
@ -26,8 +27,10 @@
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
  <link rel="shortcut icon" href="/favicon.png">

-  <!-- RSS -->
-  <link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
+  <!-- RSS etc -->
+  {{ range .AlternativeOutputFormats -}}
+    {{ printf `<link href="%s" rel="%s" type="%s" title="%s" />` .Permalink .Rel .MediaType.Type $.Site.Title | safeHTML }}
+  {{ end -}}

  {{ partial "hook_head_end.html" . }}
 </head>
--- a/themes/hyde/layouts/partials/head_fonts.html
+++ b/themes/hyde/layouts/partials/head_fonts.html
--- a/themes/hyde/layouts/partials/hook_head_end.html
+++ b/themes/hyde/layouts/partials/hook_head_end.html
--- a/themes/hyde/layouts/partials/sidebar.html
+++ b/themes/hyde/layouts/partials/sidebar.html
--- a/themes/hyde/static/apple-touch-icon-144-precomposed.png
+++ b/themes/hyde/static/apple-touch-icon-144-precomposed.png
--- a/themes/hyde/static/css/hyde.css
+++ b/themes/hyde/static/css/hyde.css
--- a/themes/hyde/static/css/poole.css
+++ b/themes/hyde/static/css/poole.css
@ -63,11 +63,12 @@ body {
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
+          text-size-adjust: 100%;
 }

 /* No `:visited` state is required by default (browsers will use `a`) */
 a {
-  color: #268bd2;
+  color: #227bb9;
  text-decoration: none;
 }
 /* `:focus` is linked to `:hover` for basic accessibility */
@ -152,7 +153,7 @@ pre {
 code {
  padding: .25em .5em;
  font-size: 85%;
-  color: #bf616a;
+  color: #b3555e;
  background-color: #f9f9f9;
  border-radius: 3px;
 }
@ -322,7 +323,7 @@ tbody tr:nth-child(odd) th {
  display: block;
  margin-top: -.5rem;
  margin-bottom: 1rem;
-  color: #9a9a9a;
+  color: #757575;
 }

 /* Related posts */
@ -343,7 +344,7 @@ tbody tr:nth-child(odd) th {
  color: #999;
 }
 .related-posts li a:hover {
-  color: #268bd2;
+  color: #227bb9;
  text-decoration: none;
 }
 .related-posts li a:hover small {
--- a/themes/hyde/static/css/print.css
+++ b/themes/hyde/static/css/print.css
--- a/themes/hyde/static/css/syntax.css
+++ b/themes/hyde/static/css/syntax.css
--- a/themes/hyde/static/favicon.png
+++ b/themes/hyde/static/favicon.png
--- a/themes/hyde/theme.toml
+++ b/themes/hyde/theme.toml
@ -4,7 +4,7 @@ licenselink = "https://github.com/spf13/hyde/blob/master/LICENSE.md"
 description = "An elegant open source and mobile first theme"
 tags = ["blog", "company"]
 features = ["blog", "themes", "disqus"]
-min_version = 0.21
+min_version = 0.53

 [author]
    name = "spf13"