diff options
-rw-r--r-- | layouts/_default/list.html | 6 | ||||
-rw-r--r-- | layouts/_default/single.html | 37 | ||||
-rw-r--r-- | layouts/index.html | 4 | ||||
-rw-r--r-- | layouts/partials/head.html | 45 | ||||
-rw-r--r-- | layouts/partials/sidebar.html | 47 | ||||
-rw-r--r-- | static/css/hyde.css | 49 | ||||
-rw-r--r-- | static/css/poole.css | 4 |
7 files changed, 115 insertions, 77 deletions
diff --git a/layouts/_default/list.html b/layouts/_default/list.html index c6d3b69..cae4c08 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,9 +1,11 @@ {{ define "main" -}} +<h1 class="page-title">{{ .Title }}</h1> <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> + <a class="post-title u-url" href="{{ .RelPermalink }}">{{ .Title }}</a> + <time class="post-date" datetime="{{ .Date.Format "2006-01-02T15:04:05Z" }}">{{ .Date.Format "Monday, 2 January 2006" }}</time> </li> {{- end }} </ul> -{{- end }} \ No newline at end of file +{{- end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index a9f5d33..fb048a2 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,12 +1,37 @@ {{ define "main" -}} -<div class="post"> - <h1>{{ .Title }}</h1> - <span class="post-date">{{ .Date.Format "Mon, Jan 2, 2006" }}</span> - {{ .Content }} -</div> +<article class="post h-entry"> + <header> + <a class="u-url" href="{{ .Permalink | replaceRE "/$" "" }}"> + <h1 class="post-title p-name">{{ .Title }}</h1> + </a> + <time class="post-date dt-published" datetime="{{ .Date.Format "2006-01-02T15:04:05Z" }}">{{ .Date.Format "Monday, 2 January 2006" }}</time> + </header> + <main class="post-content e-content"> + {{ .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 }} + <a class="p-category" href="/tags/{{ . | urlize }}/">{{ . }}</a> + {{ end }} + + </p> + {{ end }} + </footer> +</article> {{ if .Site.DisqusShortname -}} <h2>Comments</h2> {{ template "_internal/disqus.html" . }} {{- end }} -{{- end }} \ No newline at end of file +{{- end }} diff --git a/layouts/index.html b/layouts/index.html index 209009e..04d3175 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -5,7 +5,7 @@ <h1 class="post-title"> <a href="{{ .Permalink }}">{{ .Title }}</a> </h1> - <span class="post-date">{{ .Date.Format "Mon, Jan 2, 2006" }}</span> + <time class="post-date" datetime="{{ .Date.Format "2006-01-02T15:04:05Z" }}">{{ .Date.Format "Monday, 2 January 2006" }}</time> {{ .Summary }} {{ if .Truncated }} <div class="read-more-link"> @@ -15,4 +15,4 @@ </div> {{- end }} </div> -{{- end }} \ No newline at end of file +{{- end }} diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 66a5d46..c92ea95 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -1,32 +1,19 @@ <!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 type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/print.css" media="print"> - <link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/poole.css"> - <link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/syntax.css"> - <link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/hyde.css"> - {{ partial "head_fonts.html" . }} - - <!-- 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 }}" /> - - {{ partial "hook_head_end.html" . }} -</head> + <link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/print.css" media="print"> + <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 }}"> + {{ partial "hook_head_end.html" . }} + </head> diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index d4839c8..e6aadac 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -1,19 +1,32 @@ -<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"> + {{ if (isset .Site.Author "image") -}} + <a class="u-url u-uid" rel="me" href="{{ .Site.BaseURL }}"> + <img class="u-photo" src="{{ .Site.Author.image }}" width=128 height=128 /> + </a> + {{ end -}} - <ul class="sidebar-nav"> - <li><a href="{{ .Site.BaseURL }}">Home</a> </li> - {{ range .Site.Menus.main -}} - <li><a href="{{.URL}}"> {{ .Name }} </a></li> - {{- end }} - </ul> + {{ if eq .Title .Site.Title -}} + <h1 class="site-title u-name fn">{{ .Site.Title }}</h1> + {{ else -}} + <span class="site-title u-name fn">{{ .Site.Title }}</span> + {{ end -}} - <p>{{ with .Site.Params.copyright }}{{.}}{{ else }}© {{ now.Format "2006"}}. All rights reserved. {{end}}</p> - </div> -</div> + <p class="lead p-note"> + {{ 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> + </header> + + <nav> + <ul class="sidebar-nav"> + <li><a href="{{ .Site.BaseURL }}">Home</a></li> + {{ range .Site.Menus.main }} + <li><a href="{{.URL}}"> {{ .Name }} </a></li> + {{end}} + </ul> + </nav> + + <footer> + Licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>. + </footer> + </aside> diff --git a/static/css/hyde.css b/static/css/hyde.css index 1ddbdda..0816c69 100644 --- a/static/css/hyde.css +++ b/static/css/hyde.css @@ -32,7 +32,7 @@ */ html { - font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-family: "PT Sans", "Ubuntu Sans", "Liberation Sans", "Lucida Grande", "Helvetica Neue", Arial, sans-serif; } @media (min-width: 48em) { html { @@ -45,6 +45,10 @@ html { } } +code,pre { + font-family: "SFMono-Regular", "Lucida Console", "Liberation Mono", Menlo, Courier, monospace; +} + /* * Sidebar @@ -55,7 +59,7 @@ html { .sidebar { text-align: center; - padding: 2rem 1rem; + padding: 2rem 2rem; color: rgba(255,255,255,.5); background-color: #202020; } @@ -76,11 +80,22 @@ html { } /* About section */ -.sidebar-about h1 { +.site-title { color: #fff; margin-top: 0; - font-family: "Abril Fatface", serif; - font-size: 3.25rem; + font-family: Georgia, serif; + font-size: 2.5rem; + font-weight: bold; + line-height: 1.25; + margin-bottom: 0.5rem; + display: block; +} + +.u-photo { + margin: auto; + margin-bottom: 1rem; + border: 2px solid white; + border-radius: 50%; } /* Sidebar nav */ @@ -181,8 +196,7 @@ a.sidebar-nav-item:focus { .theme-base-08 .sidebar { background-color: #ac4142; } -.theme-base-08 .content a, -.theme-base-08 .related-posts li a:hover { +.theme-base-08 .content a { color: #ac4142; } @@ -190,8 +204,7 @@ a.sidebar-nav-item:focus { .theme-base-09 .sidebar { background-color: #d28445; } -.theme-base-09 .content a, -.theme-base-09 .related-posts li a:hover { +.theme-base-09 .content a { color: #d28445; } @@ -199,8 +212,7 @@ a.sidebar-nav-item:focus { .theme-base-0a .sidebar { background-color: #f4bf75; } -.theme-base-0a .content a, -.theme-base-0a .related-posts li a:hover { +.theme-base-0a .content a { color: #f4bf75; } @@ -208,8 +220,7 @@ a.sidebar-nav-item:focus { .theme-base-0b .sidebar { background-color: #90a959; } -.theme-base-0b .content a, -.theme-base-0b .related-posts li a:hover { +.theme-base-0b .content a { color: #90a959; } @@ -217,8 +228,7 @@ a.sidebar-nav-item:focus { .theme-base-0c .sidebar { background-color: #75b5aa; } -.theme-base-0c .content a, -.theme-base-0c .related-posts li a:hover { +.theme-base-0c .content a { color: #75b5aa; } @@ -226,8 +236,7 @@ a.sidebar-nav-item:focus { .theme-base-0d .sidebar { background-color: #6a9fb5; } -.theme-base-0d .content a, -.theme-base-0d .related-posts li a:hover { +.theme-base-0d .content a { color: #6a9fb5; } @@ -235,8 +244,7 @@ a.sidebar-nav-item:focus { .theme-base-0e .sidebar { background-color: #aa759f; } -.theme-base-0e .content a, -.theme-base-0e .related-posts li a:hover { +.theme-base-0e .content a { color: #aa759f; } @@ -244,7 +252,6 @@ a.sidebar-nav-item:focus { .theme-base-0f .sidebar { background-color: #8f5536; } -.theme-base-0f .content a, -.theme-base-0f .related-posts li a:hover { +.theme-base-0f .content a { color: #8f5536; } diff --git a/static/css/poole.css b/static/css/poole.css index 7ddd054..ebf1fd3 100644 --- a/static/css/poole.css +++ b/static/css/poole.css @@ -41,6 +41,10 @@ box-sizing: border-box; } +main { + display: block; +} + html, body { margin: 0; |