tweak layouts

This commit is contained in:
Bud Parr 2017-04-11 08:53:11 -04:00
parent 2969228857
commit 91984fee72
No known key found for this signature in database
GPG key ID: ACA375160539D2B3
9 changed files with 19 additions and 24 deletions

View file

@ -29,7 +29,7 @@
{{ 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 }}

View file

@ -1,9 +1,6 @@
{{ define "main" }} {{ define "main" }}
<article class="cf pa3 pa4-m pa4-l nested-copy-line-height center measure-wide-l nested-img"> <article class="cf pa3 pa4-m pa4-l nested-copy-line-height center measure-wide-l nested-img">
<h1>
{{ .Title }}
</h1>
<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>

View file

@ -1,6 +1,6 @@
<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" }}

View file

@ -1,12 +1,13 @@
{{ 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>
<div class="pa3 pa4-ns">
<section class="flex-ns flex-wrap justify-between w-100 mh4-l mt5 v-top"> <section class="flex-ns flex-wrap justify-around">
{{ range sort $section "Date" "desc" }} {{ range sort $section "Date" "desc" }}
{{ .Render "summary" }} {{ .Render "summary" }}
{{ end }} {{ end }}
</section> </section>
</div>
{{ end }} {{ end }}

View file

@ -2,7 +2,7 @@
<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">

View file

@ -1,4 +1,4 @@
<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>

View file

@ -2,7 +2,7 @@
<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">
@ -16,7 +16,7 @@
<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">

View file

@ -1,4 +1,4 @@
<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">

View file

@ -1,13 +1,10 @@
{{ 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"> <article class="pa3 pa4-ns nested-copy-line-height nested-img">
<h1>
{{ .Title }}
</h1>
<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 }}