From 82fdcd672008651dd76f8b1f506f534145d5cc7a Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Fri, 13 Oct 2023 03:12:43 +0200
Subject: Striped sections
---
layouts/_default/baseof.html | 20 ++++++-------
layouts/_default/list.html | 12 ++++----
layouts/_default/single.html | 69 ++++++++++++++++++++++++--------------------
layouts/index.html | 27 ++++++++++-------
4 files changed, 71 insertions(+), 57 deletions(-)
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index b0a5999..2ee48da 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,12 +1,12 @@
-<!DOCTYPE html>
+<!doctype html>
<html>
- {{- partial "head.html" . -}}
- <body class="w3-theme-light">
- {{- partial "header.html" . -}}
- {{ block "hero" . }} {{ end }}
- <div id="content" class="min-vh-100 mw7 center avenir ph2">
- {{- block "main" . }}{{- end }}
- </div>
- {{- partial "footer.html" . -}}
- </body>
+ {{- partial "head.html" . -}}
+ <body class="w3-theme-light">
+ {{- partial "header.html" . -}}
+ {{ block "hero" . }}{{ end }}
+ <div id="content" class="min-vh-100 avenir">
+ {{- block "main" . }}{{- end }}
+ </div>
+ {{- partial "footer.html" . -}}
+ </body>
</html>
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index f8b838d..2349bb7 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,10 +1,12 @@
{{ define "hero" }}
-{{ partial "hero.html" . }}
+ {{ partial "hero.html" . }}
{{ end }}
{{ define "main" }}
-{{ range .Paginator.Pages.ByPublishDate.Reverse }}
-{{ partial "post.html" . }}
-{{ end }}
-{{ partial "pagination.html" . }}
+ <div class="mw7 center">
+ {{ range .Paginator.Pages.ByPublishDate.Reverse }}
+ {{ partial "post.html" . }}
+ {{ end }}
+ {{ partial "pagination.html" . }}
+ </div>
{{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 77b7f97..bcd733b 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,36 +1,43 @@
{{ define "main" }}
- <header>
- <h2 class="baskerville f2 lh-title mv3">
- {{ .Title }}
- </h2>
+ <header class="mw7 center">
+ <h2 class="baskerville f2 lh-title mv3">
+ {{ .Title }}
+ </h2>
- {{ with .Params.subtitle }}
- <h3 class="f3 baskerville mv3">{{ . }}</h3>
- {{end}}
+ {{ with .Params.subtitle }}
+ <h3 class="f3 baskerville mv3">{{ . }}</h3>
+ {{ end }}
- {{ with resources.Get (index .Params.images 0) }}
- {{ $image := .Fill (default "400x400" $.Params.image_size) }}
- <div class="relative">
- <img src="{{ $image.RelPermalink }}" class="db center" alt= "{{ .Title }}">
- {{ with $.Params.caption }}
- <a href="{{ .url }}" class="link near-white absolute bottom-0 right-0 pa2 bg-black-30 br2">
- {{ .text }}
- </a>
- {{ end }}
- </div>
- {{end}}
-
- {{ if isset .Params "metadata" }}
- {{ partial "metadata.html" . }}
+ {{ with resources.Get (index .Params.images 0) }}
+ {{ $image := .Fill (default "400x400" $.Params.image_size) }}
+ <div class="relative">
+ <img
+ src="{{ $image.RelPermalink }}"
+ class="db center"
+ alt="{{ .Title }}"
+ />
+ {{ with $.Params.caption }}
+ <a
+ href="{{ .url }}"
+ class="link near-white absolute bottom-0 right-0 pa2 bg-black-30 br2"
+ >
+ {{ .text }}
+ </a>
{{ end }}
- </header>
-<div class="main-content lh-copy f5 f4-ns">
-{{ .Content }}
-</div>
-<div class="f5 f4-ns lh-copy pv2">
-{{ if isset .Params "metadata" }}
-{{ partial "author_card" . }}
-{{ end }}
-{{ partial "post_pager" . }}
-</div>
+ </div>
+ {{ end }}
+
+ {{ if isset .Params "metadata" }}
+ {{ partial "metadata.html" . }}
+ {{ end }}
+ </header>
+ <div class="main-content mw7 center lh-copy f5 f4-ns">
+ {{ .Content }}
+ </div>
+ <div class="f5 f4-ns lh-copy pv2">
+ {{ if isset .Params "metadata" }}
+ {{ partial "author_card" . }}
+ {{ end }}
+ {{ partial "post_pager" . }}
+ </div>
{{ end }}
diff --git a/layouts/index.html b/layouts/index.html
index b75e6f8..cf04902 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,17 +1,22 @@
{{ define "hero" }}
-{{ partial "hero.html" . }}
+ {{ partial "hero.html" . }}
{{ end }}
{{ define "main" }}
-<!-- Page Content -->
-{{ range $index, $element := where .Pages "Type" "in" .Site.Params.mainSections }}
-{{ range first 4 .Pages.ByPublishDate.Reverse }}
-{{ partial "post.html" . }}
-{{ end }}
+ <!-- Page Content -->
-<div class="tc pa3">
- <i class="fas fa-angle-right"></i>
- <a href="{{ .Type }}" class="f3 link near-black">See all</a>
-</div>
-{{ end }}
+ <div class="stripe-dark"></div>
+ {{ range $index, $element := where .Pages "Type" "in" .Site.Params.mainSections }}
+ <div class="stripe-dark">
+ <div class="mw7 center">
+ {{ range first 3 .Pages.ByPublishDate.Reverse }}
+ {{ partial "post.html" . }}
+ {{ end }}
+ <div class="tc pa3">
+ <i class="fas fa-angle-right"></i>
+ <a href="{{ .Type }}" class="f3 link near-black">See all</a>
+ </div>
+ </div>
+ </div>
+ {{ end }}
{{ end }}
--
cgit v1.2.3