diff options
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/_default/list.html | 26 | ||||
| -rw-r--r-- | layouts/_default/single.html | 52 | ||||
| -rw-r--r-- | layouts/index.html | 38 | ||||
| -rw-r--r-- | layouts/partials/head.html | 41 | ||||
| -rw-r--r-- | layouts/partials/sidebar.html | 55 |
5 files changed, 116 insertions, 96 deletions
diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 7659d47..9bbcb38 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,16 +1,16 @@ {{ partial "head.html" . }} -<body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}"> - + <body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}" itemscope itemtype="http://schema.org/Blog"> + <main class="content container" role="main"> + <h1 class="page-title">{{ .Title }}</h1> + <ul class="posts"> + {{ range .Data.Pages }} + <li itemscope itemtype="http://schema.org/BlogPosting"> + <a class="post-title" itemprop="url" href="{{ .RelPermalink }}"><span itemprop="name">{{ .Title }}<span></a> + <time class="post-date" itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02T15:04:05Z" }}">{{ .Date.Format "Monday, 2 January 2006" }}</time> + </li> + {{ end }} + </ul> + </main> {{ partial "sidebar.html" . }} - - <div class="content container"> - <ul class="posts"> - {{ range .Data.Pages }} - <li> - <span><a href="{{ .Permalink }}">{{ .Title }}</a> <time class="pull-right post-list">{{ .Date.Format "Mon, Jan 2, 2006" }}</time></span> - </li> - {{ end }} - </ul> - </div> -</body> + </body> </html> diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 96c9f94..034cb26 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,19 +1,37 @@ - {{ partial "head.html" . }} - <body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}"> - {{ partial "sidebar.html" . }} +{{ partial "head.html" . }} + <body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}} h-entry" itemscope itemtype="http://schema.org/BlogPosting"> + <main class="content container" role="main"> + <article class="post"> + <header> + <h1 class="post-title p-name" itemprop="name">{{ .Title }}</h1> + <time class="post-date dt-published" datetime="{{ .Date.Format "2006-01-02T15:04:05Z" }}" itemprop="datePublished">{{ .Date.Format "Monday, 2 January 2006" }}</time> + </header> + <main class="post-content e-content" itemprop="articleBody"> + {{ .Content }} + </main> + <footer class="footer"> + {{ if .Params.categories }} + <span> + Category: + {{ range .Params.categories }} + <a class="p-category" href="/categories/{{ . | lower | urlize }}/">{{ . }}</a> + {{ end }} + </span> + {{ end }} + {{ if .Params.tags }} + <p> + Tags: + {{ range .Params.tags }} + <span itemprop="keywords"> + <a class="p-category" href="/tags/{{ . | urlize }}/">{{ . }}</a> + </span> + {{ end }} - <div class="content container"> - <div class="post"> - <h1>{{ .Title }}</h1> - <span class="post-date">{{ .Date.Format "Mon, Jan 2, 2006" }}</span> - {{ .Content }} - </div> - - {{ if and (isset .Site.Params "disqusShortname") (ne .Site.Params.disqusShortname "") }} - <h2>Comments</h2> - {{ partial "disqus" . }} - {{ end }} - </div> - - </body> + </p> + {{ end }} + </footer> + </article> + </main> +{{ partial "sidebar.html" . }} + </body> </html> diff --git a/layouts/index.html b/layouts/index.html index 36f3ac2..510c2e6 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,26 +1,18 @@ {{ partial "head.html" . }} -<body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}"> - + <body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}" itemscope itemtype="http://schema.org/Blog"> + <main class="content container" role="main"> + <section class="recent"> + <h2>Recent Posts</h2> + <ul class="posts"> + {{ range first 10 .Data.Pages }} + <li itemscope itemtype="http://schema.org/BlogPosting"> + <a class="post-title" itemprop="url" href="{{ .RelPermalink }}"><span itemprop="name">{{ .Title }}</span></a> + <time class="post-date" itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02T15:04:05Z" }}">{{ .Date.Format "Monday, 2 January 2006" }}</time> + </li> + {{ end }} + </ul> + </section> + </main> {{ partial "sidebar.html" . }} - - <div class="content container"> -<div class="posts"> - - {{ range .Data.Pages }} - <div class="post"> - <h1 class="post-title"> - <a href="{{ .Permalink }}"> - {{ .Title }} - </a> - </h1> - - <span class="post-date">{{ .Date.Format "Mon, Jan 2, 2006" }}</span> - - {{ .Content }} - </div> - {{ end }} -</div> -</div> - - </body> + </body> </html> diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 110c99e..4c79ead 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -1,29 +1,18 @@ <!DOCTYPE html> -<html xmlns="http://www.w3.org/1999/xhtml"{{with .Site.LanguageCode}} xml:lang="{{.}}" lang="{{.}}"{{end}}> -<head> - <link href="http://gmpg.org/xfn/11" rel="profile"> - <meta http-equiv="content-type" content="text/html; charset=utf-8"> - {{ .Hugo.Generator }} +<html lang="en-GB"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width,initial-scale=1"> - <!-- Enable responsiveness on mobile devices--> - <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"> + {{ if .IsHome }} + <title>{{ .Site.Title }}</title> + {{ else }} + <title>{{ .Title }} · {{ .Site.Title }}</title> + {{ end }} - {{ if .IsHome }} - <title>{{ .Site.Title }}</title> - {{ else }} - <title>{{ .Title }} · {{ .Site.Title }}</title> - {{ end }} - - <!-- CSS --> - <link rel="stylesheet" href="{{ .Site.BaseURL }}css/poole.css"> - <link rel="stylesheet" href="{{ .Site.BaseURL }}css/syntax.css"> - <link rel="stylesheet" href="{{ .Site.BaseURL }}css/hyde.css"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface"> - - <!-- Icons --> - <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 }}" /> -</head> + <link rel="stylesheet" href="/css/poole.css"> + <link rel="stylesheet" href="/css/syntax.css"> + <link rel="stylesheet" href="/css/hyde.css"> + <link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}"> + <link href="{{ .Permalink }}" rel="canonical"> + </head> diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index 48fec6a..5b23f00 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -1,19 +1,40 @@ -<div class="sidebar"> - <div class="container sidebar-sticky"> - <div class="sidebar-about"> - <a href="{{ .Site.BaseURL }}"><h1>{{ .Site.Title }}</h1></a> - <p class="lead"> - {{ with .Site.Params.description }} {{.}} {{ else }}An elegant open source and mobile first theme for <a href="http://hugo.spf13.com">hugo</a> made by <a href="http://twitter.com/mdo">@mdo</a>. Originally made for Jekyll.{{end}} - </p> - </div> + <aside class="sidebar container"> + <header class="sidebar-about h-card vcard p-author" itemprop="author" itemscope itemtype="http://schema.org/Person"> + {{ if eq .Title .Site.Title }} + <h1 class="site-title u-name fn" itemprop="name">{{ .Site.Title }}</h1> + {{ else }} + <span class="site-title u-name fn" itemprop="name">{{ .Site.Title }}</span> + {{ end }} - <ul class="sidebar-nav"> - <li><a href="/">Home</a> </li> - {{ range .Site.Menus.main }} - <li><a href="{{.URL}}"> {{ .Name }} </a></li> - {{end}} - </ul> + <p class="lead"> + {{ with .Site.Params.Description }} {{.}} {{ else }}An elegant open source and mobile first theme for <a href="http://hugo.spf13.com">hugo</a> made by <a href="http://twitter.com/mdo">@mdo</a>. Originally made for Jekyll.{{end}} + </p> - <p>{{ with .Site.Params.copyright }}{{.}}{{ else }}© {{ now.Format "2006"}}. All rights reserved. {{end}}</p> - </div> -</div> + <nav> + <ul class="sidebar-nav"> + {{ range .Site.Menus.main }} + <li><a href="{{.URL}}" class="u-url url"{{ if eq .URL "/" }} rel="me" {{ end }}itemprop="url"> {{ .Name }} </a></li> + {{end}} + </ul> + </nav> + + <aside class="contact"> + <h3 class="contact-head">Contact me</h3> + <ul class="contact-list"> + {{ range .Site.Menus.contact }} + <li> + {{ if hasPrefix .URL "mailto:" }} + <a href="{{ .URL }}" class="u-email email" rel="me">{{ .Name }}</a> + {{ else }} + <a href="{{ .URL }}" itemprop="url" rel="me">{{ .Name }}</a> + {{ end }} + </li> + {{ end }} + </ul> + </aside> + </header> + + <footer> + Licensed under a <a rel="license" itemprop="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>. + </footer> + </aside> |