tweak layouts
This commit is contained in:
parent
2969228857
commit
91984fee72
|
@ -29,7 +29,7 @@
|
|||
{{ template "_internal/google_analytics_async.html" . }}
|
||||
{{ end }}
|
||||
</head>
|
||||
<body class="sans-serif bg-near-white">
|
||||
<body class="ma0 sans-serif bg-near-white">
|
||||
{{ block "header" . }}{{ partial "site-header.html" .}}{{ end }}
|
||||
<main class="pb7" role="main">
|
||||
{{ block "main" . }}{{ end }}
|
||||
|
|
|
@ -1,9 +1,6 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<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 ">
|
||||
{{ .Content }}
|
||||
</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 }}
|
||||
<date class="f6">
|
||||
{{ .Date.Format "January 2, 2006" }}
|
||||
|
|
|
@ -1,12 +1,13 @@
|
|||
{{ define "main" }}
|
||||
{{ $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 }}
|
||||
</main>
|
||||
|
||||
<section class="flex-ns flex-wrap justify-between w-100 mh4-l mt5 v-top">
|
||||
<div class="pa3 pa4-ns">
|
||||
<section class="flex-ns flex-wrap justify-around">
|
||||
{{ range sort $section "Date" "desc" }}
|
||||
{{ .Render "summary" }}
|
||||
{{ end }}
|
||||
</section>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<header class="cover bg-center"{{ with .Params.featured_image }} style="background-image: url('{{ . }}');"{{ end }}>
|
||||
<div class="pb3-m pb6-l bg-black-60">
|
||||
{{ 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>
|
||||
{{ if .Params.description }}
|
||||
<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 }}" >
|
||||
{{ .Site.Title }}
|
||||
</a>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<header class="cover bg-center"{{ with .Params.featured_image }} style="background-image: url('{{ . }}');"{{ end }}>
|
||||
<div class="bg-black-60">
|
||||
{{ 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>
|
||||
{{ if .Params.description }}
|
||||
<h2 class="fw1 f3 white-80 mt3">
|
||||
|
@ -16,7 +16,7 @@
|
|||
<header>
|
||||
<div class="pb3-m pb6-l bg-near-black">
|
||||
{{ 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>
|
||||
{{ if .Params.description }}
|
||||
<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">
|
||||
|
||||
<a href="/" class="f3 fw8 hover-white no-underline white-90 dib">
|
||||
|
|
|
@ -1,13 +1,10 @@
|
|||
{{ define "main" }}
|
||||
{{ $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 }}">
|
||||
{{ .Content }}
|
||||
</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" }}
|
||||
{{ .Render "summary" }}
|
||||
{{ end }}
|
||||
|
|
Loading…
Reference in a new issue