diff --git a/assets/styles/photos/001_photos.css b/assets/styles/photos/001_photos.css index a803adf..5979819 100644 --- a/assets/styles/photos/001_photos.css +++ b/assets/styles/photos/001_photos.css @@ -1,3 +1,4 @@ +{{ $gridSize := site.Params.photos.gridSize }} :root { --date-item-background-color: rgb(var(--lt-gray)); @@ -26,7 +27,7 @@ .photos.list { display: grid; - grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + grid-template-columns: repeat(auto-fill, minmax({{ printf "%dpx" $gridSize }}, 1fr)); gap: 4px; } diff --git a/assets/styles/root.css b/assets/styles/root/000_layers.css similarity index 98% rename from assets/styles/root.css rename to assets/styles/root/000_layers.css index 50e5ae2..622ca5c 100644 --- a/assets/styles/root.css +++ b/assets/styles/root/000_layers.css @@ -1,2 +1 @@ @layer reset, typography, root, layout, section, page, utility; - diff --git a/assets/styles/root/002_columns.css b/assets/styles/root/002_columns.css index 5230862..0153d0a 100644 --- a/assets/styles/root/002_columns.css +++ b/assets/styles/root/002_columns.css @@ -235,11 +235,12 @@ grid-column: wide-content-start / wide-content-end; } - main > header > span.series { + main > header > .series { margin-inline-start: 0.5em; + width: 100%; } - main > header > span.series::before { + main > header > .series::before { margin-inline-end: 0.25em; } diff --git a/assets/styles/root/050_typography.css b/assets/styles/root/050_typography.css index 273d22e..c4140b9 100644 --- a/assets/styles/root/050_typography.css +++ b/assets/styles/root/050_typography.css @@ -167,6 +167,10 @@ line-height: var(--line-height); } + p > code { + white-space: pre; + } + .social { letter-spacing: 2px; } diff --git a/config/_default/params.yaml b/config/_default/params.yaml index 7782e00..7776efd 100644 --- a/config/_default/params.yaml +++ b/config/_default/params.yaml @@ -4,3 +4,7 @@ twitter: erynofwales github: erynofwales instagram: erynofwales description: Home page of Eryn Rachel Wells + +photos: + gridSize: 200 + thumbnailSize: 600 diff --git a/layouts/partials/resources/root_css.html b/layouts/partials/resources/root_css.html index 81f70ca..aee938d 100644 --- a/layouts/partials/resources/root_css.html +++ b/layouts/partials/resources/root_css.html @@ -1,5 +1,4 @@ -{{ $stylesheets := slice (resources.Get "styles/root.css") - (resources.Get "styles/railroad.css") +{{ $stylesheets := slice (resources.Get "styles/railroad.css") (resources.Get "styles/monokai.css") | append (resources.Match "styles/root/*.css" | sort) }} {{ if not hugo.IsProduction }} diff --git a/layouts/photos/li_thumbnail_in_grid.html b/layouts/photos/li_thumbnail_in_grid.html index e35b156..4840093 100644 --- a/layouts/photos/li_thumbnail_in_grid.html +++ b/layouts/photos/li_thumbnail_in_grid.html @@ -1,6 +1,13 @@ -{{- $thumbnail := partial "photos/thumbnail.html" (dict "Page" . "Width" 600 "Height" 600) -}} -{{- $thumbnail = $thumbnail.Crop "600x600" -}} +{{- $gridSize := $.Site.Params.photos.thumbnailSize -}} +{{- $thumbnail := partial "photos/thumbnail.html" (dict "Page" . "Width" $gridSize "Height" $gridSize) -}} +{{- $thumbnail = $thumbnail.Crop (printf "%dx%d" $gridSize $gridSize) -}} {{- $altText := $thumbnail.Params.alt -}} - {{ . }} + {{ . }} diff --git a/layouts/photos/single.html b/layouts/photos/single.html index e6bff66..94e8f21 100644 --- a/layouts/photos/single.html +++ b/layouts/photos/single.html @@ -11,7 +11,12 @@ {{ if eq (len $photos) 1 }} {{- $img := index $photos 0 -}}
- {{ . }} + {{ . }}