From 857826795354a7f12d4641111a455ceb4267732c Mon Sep 17 00:00:00 2001 From: danix Date: Fri, 17 Mar 2023 11:39:19 +0100 Subject: [PATCH] gallery masonry is mostly working now. Still needs some aestetical retouching and I need to add js for the lightbox effect. Fixed the signature below articles and in contact page. --- assets/sass/components/_gallery.scss | 25 +++++++--- assets/sass/components/_image.scss | 10 ++++ layouts/partials/funcs/signature.html | 3 +- layouts/shortcodes/contact.html | 3 +- layouts/shortcodes/gal-img.html | 7 +++ layouts/shortcodes/gallery.html | 2 +- layouts/shortcodes/img.html | 69 ++++++++++++++------------- 7 files changed, 76 insertions(+), 43 deletions(-) create mode 100644 layouts/shortcodes/gal-img.html diff --git a/assets/sass/components/_gallery.scss b/assets/sass/components/_gallery.scss index 3bf1485..afaa291 100644 --- a/assets/sass/components/_gallery.scss +++ b/assets/sass/components/_gallery.scss @@ -1,9 +1,22 @@ .gallery { - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 20px; - } - .animate-fade { - animation: fadeIn 750ms ease-in-out; + .gallery-inner { + // masonry container + columns: 3; + @include breakpoint('<=medium') { + columns: 2; + } + @include breakpoint('<=small') { + columns: 1; + } + column-gap: 1.5em; + a.gallery-item { + display: inline-block; + width: 100%; + padding: 0; + margin: 0 1em 1em 0; + text-decoration: none; + border-bottom: none; + } + } } \ No newline at end of file diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss index 45df867..6052089 100644 --- a/assets/sass/components/_image.scss +++ b/assets/sass/components/_image.scss @@ -67,6 +67,12 @@ margin: (_size(element-margin) * 0.75) 0; } } + &.w-full { + width: 100%; + } + &.h-auto { + height: auto; + } } .image.signature { &.left, @@ -107,6 +113,10 @@ } } + .animate-fade { + animation: fadeIn 750ms ease-in-out; + } + figure { figcaption { p { diff --git a/layouts/partials/funcs/signature.html b/layouts/partials/funcs/signature.html index d97da56..876df3a 100644 --- a/layouts/partials/funcs/signature.html +++ b/layouts/partials/funcs/signature.html @@ -1,3 +1,4 @@ +{{- $sig := resources.Get "/uploads/2018/05/new-signature.png" -}}
- danix + danix
\ No newline at end of file diff --git a/layouts/shortcodes/contact.html b/layouts/shortcodes/contact.html index 4343809..a93d149 100644 --- a/layouts/shortcodes/contact.html +++ b/layouts/shortcodes/contact.html @@ -1,3 +1,4 @@ +{{- $sig := resources.Get "/uploads/2018/05/new-signature.png" -}}
@@ -40,7 +41,7 @@

Reach out to me

I'm here to help, if you need to talk to me feel free to reach out and tell me whatever you need help with, I'll be happy to find some time to discuss the matter with you!

- signed by danix + signed by danix
diff --git a/layouts/shortcodes/gal-img.html b/layouts/shortcodes/gal-img.html new file mode 100644 index 0000000..0693319 --- /dev/null +++ b/layouts/shortcodes/gal-img.html @@ -0,0 +1,7 @@ +{{- $src := .Get "src" -}} +{{- $source := resources.Get $src -}} +{{- $alt := .Get "alt" -}} +{{- $icon := $source.Resize "400x webp" -}} + + {{ $alt }} + diff --git a/layouts/shortcodes/gallery.html b/layouts/shortcodes/gallery.html index 63b6d90..8a30fc5 100644 --- a/layouts/shortcodes/gallery.html +++ b/layouts/shortcodes/gallery.html @@ -1,4 +1,4 @@ -