From d098f46b07a04a23f3360fb1616f8e3760fb1957 Mon Sep 17 00:00:00 2001
From: Bud Parr <budparr@gmail.com>
Date: Tue, 11 Apr 2017 22:59:14 +0000
Subject: [PATCH] on page wtyling [wip]
---
layouts/section/article.html | 5 +-
layouts/partials/site-header.html | 8 +++-
layouts/article/single.html | 42 ++++----------------
layouts/partials/tags.html | 22 +++++++++++
4 files changed, 39 insertions(+), 38 deletions(-)
diff --git a/layouts/article/single.html b/layouts/article/single.html
index 049b03a..b86ed9d 100644
--- a/layouts/article/single.html
+++ b/layouts/article/single.html
@@ -1,43 +1,19 @@
{{ define "header" }}{{ partial "page-header.html" . }}{{ end }}
{{ define "main" }}
-{{ $currentPageUrl := .URL }}
-
- <article class="center cf pv5 measure-wide-l">
-
+ <article class="center cf pv5 mw7">
<p class="f6 fw8">
{{ humanize .Section | upper }}
</p>
- <h1>
+ <h1 class="f1">
{{ .Title }}
</h1>
- <div class="nested-copy-line-height nested-links nested-img mid-gray measure-wide-l">
+ {{/* TODO: Add Hugo author */}}
+ <time class="f6 mv4 dib tracked" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
+ {{ .Date.Format "January 2, 2006" }}
+ </time>
+ <section class="nested-copy-line-height lh-copy serif f4 measure-wide-l nested-links nested-img mid-gray">
{{ .Content | markdownify }}
- </div>
-
- {{ if .Params.tags }}
- <div class="mt5 f6 gray nested-lh-copy bg-light-gray ph3 pv2 measure-wide-l">
- {{ $name := index .Params.tags 0 }}
- {{ $name := $name | urlize }}
- {{ $tags := index .Site.Taxonomies.tags $name }}
-
- <ul class="list dib nested-links ml0 pl0">
- <li class="dib mb2 mr2">Related:</li>
- {{ range $tags.Pages }}
- {{ if ne .URL $currentPageUrl }}
- <li class="mb2 mr3">
- <a href="{{ .URL }}" class="link">
- {{ .LinkTitle }}
- </a>
- </li>
- {{ end }}
- {{end}}
- </ul>
- </div>
- {{end}}
-
- <div class="gray f6 mv6">
- Last Update: {{ .Lastmod.Format "January 2, 2006" }}
- </div>
-
+ </section>
+ {{ partial "tags.html" . }}
</article>
{{ end }}
diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html
index a49b62e..6b6c4a7 100755
--- a/layouts/partials/site-header.html
+++ b/layouts/partials/site-header.html
@@ -3,7 +3,9 @@
<div class="bg-black-60">
{{ partial "site-navigation.html" .}}
<div class="tc-l pv6 ph3 ph4-ns">
- <h1 class="f2 f1-l fw2 white-90 mb0 lh-title">{{ .Title | default .Site.Title }}</h1>
+ <h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title">
+ {{ .Title | default .Site.Title }}
+ </h1>
{{ if .Params.description }}
<h2 class="fw1 f3 white-80 mt3">
{{ .Params.description }}
@@ -17,7 +19,9 @@
<div class="pb3-m pb6-l bg-near-black">
{{ partial "site-navigation.html" . }}
<div class="tc-l pv3 ph3 ph4-ns">
- <h1 class="f2 f1-l fw2 light-silver mb0 lh-title">{{ .Title | default .Site.Title }}</h1>
+ <h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
+ {{ .Title | default .Site.Title }}
+ </h1>
{{ if .Params.description }}
<h2 class="fw1 f3 white-80 measure-wide-l center lh-copy mt3 mb4">
{{ .Params.description }}
diff --git a/layouts/partials/tags.html b/layouts/partials/tags.html
new file mode 100644
index 0000000..5aadec7
--- /dev/null
+++ b/layouts/partials/tags.html
@@ -0,0 +1,22 @@
+{{ $currentPageUrl := .URL }}
+{{ if .Params.tags }}
+ <div class="mt5 f6 gray nested-lh-copy bg-light-gray ph3 pv2 measure-wide-l">
+ {{ $name := index .Params.tags 0 }}
+ {{ $name := $name | urlize }}
+ {{ $tags := index .Site.Taxonomies.tags $name }}
+ <ul class="list dib ml0 pl0">
+ <li class="black dib mb2 mr2">
+ Related:
+ </li>
+ {{ range $tags.Pages }}
+ {{ if ne .URL $currentPageUrl }}
+ <li class="mb2 mr3">
+ <a href="{{ .URL }}" class="link mid-gray dim">
+ {{ .LinkTitle }}
+ </a>
+ </li>
+ {{ end }}
+ {{end}}
+ </ul>
+ </div>
+{{end}}
diff --git a/layouts/section/article.html b/layouts/section/article.html
index e0ba09a..eb651f2 100644
--- a/layouts/section/article.html
+++ b/layouts/section/article.html
@@ -1,17 +1,16 @@
{{ define "main" }}
-
<article class="pa3 pa4-ns nested-copy-line-height nested-img">
<div class="{{ .Site.Params.copyClass }}">
{{ .Content }}
</div>
- {{ $section := .Paginate (where .Data.Pages "Section" .Section) 5 }}
+ {{ $section := .Paginate (where .Data.Pages "Section" .Section) }}
<section class="flex-ns flex-wrap justify-around mt5">
{{ range sort $section.Pages "Date" "desc" }}
{{ .Render "summary" }}
{{ end }}
</section>
-{{ template "_internal/pagination.html" . }}
+ {{ template "_internal/pagination.html" . }}
</article>
{{ end }}
--
Gitblit v1.10.0