tweak layouts
This commit is contained in:
parent
2969228857
commit
91984fee72
|
@ -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 }}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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" }}
|
||||||
|
|
|
@ -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 }}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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 }}
|
||||||
|
|
Loading…
Reference in a new issue