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 -}}
-
+