diff --git a/assets/scss/hyde-hyde/_base.scss b/assets/scss/hyde-hyde/_base.scss index a5ad3df..5f84ad2 100644 --- a/assets/scss/hyde-hyde/_base.scss +++ b/assets/scss/hyde-hyde/_base.scss @@ -144,3 +144,11 @@ figcaption { font-size: 0.8em; font-style: italic; } + +img.inline { + display: inline; + height: 22px!important; + margin-left: 3px; + vertical-align: text-bottom; + margin-bottom: 0; + } diff --git a/assets/scss/hyde-hyde/_project.scss b/assets/scss/hyde-hyde/_project.scss index d09c96a..a7b5b55 100644 --- a/assets/scss/hyde-hyde/_project.scss +++ b/assets/scss/hyde-hyde/_project.scss @@ -1,9 +1,31 @@ +:root { + --minimum-width: 30%; + --ratio: 1/1; +} + .portfolio__content { section { margin-bottom: 1.765rem; } } +.artfolio_content { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(var(--minimum-width), 1fr)); + grid-gap: 5px; +} + +.artfolio-block { + border: 1px solid black; +} + +.artwork__image { + margin: auto; + aspect-ratio: var(--ratio); + object-fit: cover; + width: 100%; +} + .portfolio__featured-project { margin: 0 0 1.765rem; img { diff --git a/layouts/artfolio/list.html b/layouts/artfolio/list.html new file mode 100644 index 0000000..e41aff3 --- /dev/null +++ b/layouts/artfolio/list.html @@ -0,0 +1,11 @@ +{{ define "header" }} + {{ partial "header.html" . }} +{{ end }} + +{{ define "content" }} + {{ partial "artfolio/content.html" . }} +{{ end }} + +{{ define "footer" }} + {{ partial "artfolio/footer.html" . }} +{{ end }} diff --git a/layouts/index.html b/layouts/index.html index 8179479..204abbc 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -16,11 +16,10 @@ {{ .Summary }} - - READ MORE - + + READ MORE + -
 
{{ end }} diff --git a/layouts/partials/artfolio/content.html b/layouts/partials/artfolio/content.html new file mode 100644 index 0000000..1478007 --- /dev/null +++ b/layouts/partials/artfolio/content.html @@ -0,0 +1,32 @@ +{{ .Title | default "Artfolio" }} +
+ {{ range first 1 (where .Data.Pages "Params.featured" "==" true) }} +
+
+
+
+ + {{ if .Params.artworks }} + {{ .Params.artworks.s1.caption }} + {{ end }} + +
+
+
+
+ {{ end }} +
+
+
+ {{ range (where .Data.Pages "Params.featured" "!=" true).ByDate.Reverse }} +
+ + {{ if .Params.artworks }} + {{ .Params.artworks.s1.caption }} + {{ end }} + +
+ {{ end }} +
+
+
diff --git a/layouts/partials/artfolio/footer.html b/layouts/partials/artfolio/footer.html new file mode 100644 index 0000000..2579155 --- /dev/null +++ b/layouts/partials/artfolio/footer.html @@ -0,0 +1,5 @@ +{{ if .Site.GoogleAnalytics }} + + {{ template "_internal/google_analytics_async.html" . }} +{{ end }} +{{ partial "footer/font-awesome-js.html" . }} diff --git a/layouts/partials/blog/content.html b/layouts/partials/blog/content.html index d473f3e..fde6f3f 100644 --- a/layouts/partials/blog/content.html +++ b/layouts/partials/blog/content.html @@ -20,8 +20,8 @@ {{ .Summary }} - READ MORE - + READ MORE + @@ -41,11 +41,10 @@ {{ .Summary }} - - READ MORE - - - + + READ MORE + +
 
{{ end }} diff --git a/layouts/partials/page-single/content.html b/layouts/partials/page-single/content.html index c2adabd..d7ab9d2 100644 --- a/layouts/partials/page-single/content.html +++ b/layouts/partials/page-single/content.html @@ -13,6 +13,10 @@ {{ if $screenshotsExist }} {{ .Params.screenshots.s1.caption }} {{ end }} + {{ $artworksExist := .Params.artworks }} + {{ if $artworksExist }} + {{ .Params.artworks.s1.caption }} + {{ end }} {{ $tableOfContents := .TableOfContents }} {{ with .Site.Params.toc }} {{ if ne $include_toc false }} @@ -34,6 +38,13 @@
{{ .Content }}
+ {{ if $artworksExist }} +

This work ©{{ .Params.date.Year }} by Johanna Decker is licensed under CC BY-NC-ND 4.0 + + + +

+ {{ end }} {{ if $screenshotsExist }}

Additional Screenshots

diff --git a/static/css/hyde-hyde.css b/static/css/hyde-hyde.css index 5c9dd5f..b6e6c41 100644 --- a/static/css/hyde-hyde.css +++ b/static/css/hyde-hyde.css @@ -547,9 +547,9 @@ a.badge-tag { .project__subtitle-small { font-size: 1.3rem; } -.project__featured-image { +.project__featured-image, .artwork__primary-art { position: relative; } - + .project__summary { margin-bottom: 1.765rem; text-align: left; }