mirror of https://github.com/theNewDynamic/gohugo-theme-ananke.git

Bud Parr
12.59.2017 d098f46b07a04a23f3360fb1616f8e3760fb1957
on page wtyling [wip]
1 files added
3 files modified
75 ■■■■ changed files
layouts/article/single.html 42 ●●●● patch | view | raw | blame | history
layouts/partials/site-header.html 8 ●●●● patch | view | raw | blame | history
layouts/partials/tags.html 22 ●●●●● patch | view | raw | blame | history
layouts/section/article.html 3 ●●●● patch | view | raw | blame | history
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 }}
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  }}
layouts/partials/tags.html
New file
@@ -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}}
layouts/section/article.html
@@ -1,12 +1,11 @@
{{ 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" }}