{{ template "_internal/google_analytics_async.html" . }} | {{ template "_internal/google_analytics_async.html" . }} | ||||
{{ end }} | {{ end }} | ||||
</head> | </head> | ||||
<body class="sans-serif bg-near-white"> | |||||
<body class="ma0 sans-serif bg-near-white"> | |||||
{{ block "header" . }}{{ partial "site-header.html" .}}{{ end }} | {{ block "header" . }}{{ partial "site-header.html" .}}{{ end }} | ||||
<main class="pb7" role="main"> | <main class="pb7" role="main"> | ||||
{{ block "main" . }}{{ end }} | {{ block "main" . }}{{ end }} |
{{ define "main" }} | {{ define "main" }} | ||||
<article class="cf pa3 pa4-m pa4-l nested-copy-line-height center measure-wide-l nested-img"> | |||||
<h1> | |||||
{{ .Title }} | |||||
</h1> | |||||
<article class="cf pa3 pa4-m pa4-l nested-copy-line-height center measure-wide-l nested-img"> | |||||
<div class="nested-copy-line-height nested-links nested-img mid-gray "> | <div class="nested-copy-line-height nested-links nested-img mid-gray "> | ||||
{{ .Content }} | {{ .Content }} | ||||
</div> | </div> |
<div class="relative flex-auto w-100 w-40-ns mr4-l mb4 bg-white nested-copy-line-height"> | |||||
<div class="relative w-100 w-40-l mb4 bg-white nested-copy-line-height"> | |||||
<div class="bg-white mb3 ph4 pv3 gray overflow-hidden"> | |||||
<div class="bg-white mb3 pa4 gray overflow-hidden"> | |||||
{{ if .Date }} | {{ if .Date }} | ||||
<date class="f6"> | <date class="f6"> | ||||
{{ .Date.Format "January 2, 2006" }} | {{ .Date.Format "January 2, 2006" }} |
{{ define "main" }} | {{ define "main" }} | ||||
{{ $section := where .Data.Pages "Section" "article" }} | {{ $section := where .Data.Pages "Section" "article" }} | ||||
<main class="cf ph3 ph5-l pv3 pv4-l f4 tc center measure-wide-l lh-copy mid-gray"> | |||||
<main class="cf ph3 ph5-l pv3 pv4-l f4 tc center measure-wide lh-copy mid-gray"> | |||||
{{ .Content }} | {{ .Content }} | ||||
</main> | </main> | ||||
<section class="flex-ns flex-wrap justify-between w-100 mh4-l mt5 v-top"> | |||||
{{ range sort $section "Date" "desc" }} | |||||
{{ .Render "summary" }} | |||||
{{ end }} | |||||
</section> | |||||
<div class="pa3 pa4-ns"> | |||||
<section class="flex-ns flex-wrap justify-around"> | |||||
{{ range sort $section "Date" "desc" }} | |||||
{{ .Render "summary" }} | |||||
{{ end }} | |||||
</section> | |||||
</div> | |||||
{{ end }} | {{ end }} |
<header class="cover bg-center"{{ with .Params.featured_image }} style="background-image: url('{{ . }}');"{{ end }}> | <header class="cover bg-center"{{ with .Params.featured_image }} style="background-image: url('{{ . }}');"{{ end }}> | ||||
<div class="pb3-m pb6-l bg-black-60"> | <div class="pb3-m pb6-l bg-black-60"> | ||||
{{ partial "site-navigation.html" .}} | {{ partial "site-navigation.html" .}} | ||||
<div class="tc-l pv6 ph3"> | |||||
<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 f1-l fw2 white-90 mb0 lh-title">{{ .Title | default .Site.Title }}</h1> | ||||
{{ if .Params.description }} | {{ if .Params.description }} | ||||
<h2 class="fw1 f3 white-80 measure-wide-l center lh-copy mt3 mb4"> | <h2 class="fw1 f3 white-80 measure-wide-l center lh-copy mt3 mb4"> |
<footer class="cf fixed relative-l bg-near-black bottom-0 w-100 pa3" role="contentinfo"> | |||||
<footer class="bg-near-black bottom-0 w-100 pa3" role="contentinfo"> | |||||
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="{{ .Site.BaseURL }}" > | <a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="{{ .Site.BaseURL }}" > | ||||
{{ .Site.Title }} | {{ .Site.Title }} | ||||
</a> | </a> |
<header class="cover bg-center"{{ with .Params.featured_image }} style="background-image: url('{{ . }}');"{{ end }}> | <header class="cover bg-center"{{ with .Params.featured_image }} style="background-image: url('{{ . }}');"{{ end }}> | ||||
<div class="bg-black-60"> | <div class="bg-black-60"> | ||||
{{ partial "site-navigation.html" .}} | {{ partial "site-navigation.html" .}} | ||||
<div class="tc-l pv6 ph3"> | |||||
<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 f1-l fw2 white-90 mb0 lh-title">{{ .Title | default .Site.Title }}</h1> | ||||
{{ if .Params.description }} | {{ if .Params.description }} | ||||
<h2 class="fw1 f3 white-80 mt3"> | <h2 class="fw1 f3 white-80 mt3"> | ||||
<header> | <header> | ||||
<div class="pb3-m pb6-l bg-near-black"> | <div class="pb3-m pb6-l bg-near-black"> | ||||
{{ partial "site-navigation.html" . }} | {{ partial "site-navigation.html" . }} | ||||
<div class="tc-l pv3 ph3"> | |||||
<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 f1-l fw2 light-silver mb0 lh-title">{{ .Title | default .Site.Title }}</h1> | ||||
{{ if .Params.description }} | {{ if .Params.description }} | ||||
<h2 class="fw1 f3 white-80 measure-wide-l center lh-copy mt3 mb4"> | <h2 class="fw1 f3 white-80 measure-wide-l center lh-copy mt3 mb4"> |
<nav class="pv3 ph3" role="navigation"> | |||||
<nav class="pv3 ph3 ph4-ns" role="navigation"> | |||||
<div class="flex-ns justify-between items-center"> | <div class="flex-ns justify-between items-center"> | ||||
<a href="/" class="f3 fw8 hover-white no-underline white-90 dib"> | <a href="/" class="f3 fw8 hover-white no-underline white-90 dib"> |
{{ define "main" }} | {{ define "main" }} | ||||
{{ $section := where .Data.Pages "Section" .Section }} | {{ $section := where .Data.Pages "Section" .Section }} | ||||
<article class="cf pa3 pa4-m pa4-l nested-copy-line-height nested-img"> | |||||
<h1> | |||||
{{ .Title }} | |||||
</h1> | |||||
<article class="pa3 pa4-ns nested-copy-line-height nested-img"> | |||||
<div class="{{ .Site.Params.copyClass }}"> | <div class="{{ .Site.Params.copyClass }}"> | ||||
{{ .Content }} | {{ .Content }} | ||||
</div> | </div> | ||||
<section class="flex-ns flex-wrap justify-between w-100 mt5 v-top"> | |||||
<section class="flex-ns flex-wrap justify-around mt5"> | |||||
{{ range sort $section "Date" "desc" }} | {{ range sort $section "Date" "desc" }} | ||||
{{ .Render "summary" }} | {{ .Render "summary" }} | ||||
{{ end }} | {{ end }} |