diff options
author | tdro <tdro@noreply.example.com> | 2022-06-13 21:22:23 -0400 |
---|---|---|
committer | tdro <tdro@noreply.example.com> | 2022-06-13 21:22:23 -0400 |
commit | 4ea0bccece84918cec5fdaf428920c264e1d589d (patch) | |
tree | 4a4c13de5dde1eb5ed061743e189fea7977dd61a | |
parent | b890b4de8082aa16d9d73a0925bf69d68f39784a (diff) | |
download | canory-4ea0bccece84918cec5fdaf428920c264e1d589d.tar.gz canory-4ea0bccece84918cec5fdaf428920c264e1d589d.tar.bz2 canory-4ea0bccece84918cec5fdaf428920c264e1d589d.zip |
themes/default/layouts/partials/gallery-images: Add gallery overlay
-rw-r--r-- | assets/css/default.css | 33 | ||||
-rw-r--r-- | themes/default/layouts/partials/gallery-images.html | 13 |
2 files changed, 22 insertions, 24 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 0c73890..9b119ba 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -1091,37 +1091,34 @@ gallery-images { web-ring > h1, author-list > h1, gallery-images > h1 { - text-align: center; + font-size: 95%; margin-bottom: 1rem; - font-variant: all-small-caps; - font-size: 110%; + text-align: center; + text-transform: uppercase; } gallery-images aside { display: flex; flex-wrap: wrap; + position: relative; } gallery-images img { - width: 33.333%; border-radius: 0; + border: 0; height: 6rem; + width: 33.333%; } -gallery-images img:first-child { - border-top-left-radius: 0.5rem; -} - -gallery-images img:nth-child(3) { - border-top-right-radius: 0.5rem; -} - -gallery-images img:nth-child(4) { - border-bottom-left-radius: 0.5rem; -} - -gallery-images img:last-child { - border-bottom-right-radius: 0.5rem; +gallery-overlay { + background-color: transparent; + border-radius: 0.5rem; + height: 100%; + outline: 4px solid #fefefe; + outline: 4px solid var(--background); + position: absolute; + width: 100%; + z-index: 1; } main web-ring { diff --git a/themes/default/layouts/partials/gallery-images.html b/themes/default/layouts/partials/gallery-images.html index de03ab0..f9be257 100644 --- a/themes/default/layouts/partials/gallery-images.html +++ b/themes/default/layouts/partials/gallery-images.html @@ -1,8 +1,9 @@ {{ $folder := print "public/" (partial "author-user.html" .) "/media/" }} - <gallery-images> - <h1>Picture Gallery</h1> - <aside> - {{ partial "gallery-walk.html" $folder }} - </aside> - </gallery-images> +<gallery-images> + <h1>Picture Gallery</h1> + <aside> + <gallery-overlay></gallery-overlay> + {{ partial "gallery-walk.html" $folder }} + </aside> +</gallery-images> |