lib/starter_web/_data/modules/masonry.yml in j1-template-2023.2.1 vs lib/starter_web/_data/modules/masonry.yml in j1-template-2023.2.2
- old
+ new
@@ -40,11 +40,10 @@
type: post
group: Life # generate grid elements only for the group
gutters: true
image_styles: img-fluid img-object--cover
image_height: 300px
- image_width: 300px
translate_links: false # default: false
link_new_window: true # default: false
# ------------------------------------------------------------------------
# Masonry options
@@ -296,9 +295,77 @@
# Caption options
#
caption:
enabled: true
position: bottom # top|bottom|center
+
+ # ------------------------------------------------------------------------
+ # Masonry options
+ #
+ options:
+ originTop: true
+ originLeft: true
+ initLayout: true
+ percentPosition: true
+
+ # ------------------------------------------------------------------------
+ # Images
+ #
+ images:
+
+ - image: # image 1
+ file: denys-nevozhai-1_b.jpg
+ caption: Man posing at the rooftop of Jin Mao Tower Shanghai - China
+
+ - image: # image 2
+ file: thomas-tucker_b.jpg
+ caption: Sunset over Taipei City - Taiwan
+
+ - image: # image 3
+ file: emmad-mazhari_b.jpg
+ caption: Chicago - United States
+
+ - image: # image 4
+ file: johan-mouchet_b.jpg
+ caption: The Queen Bee at the Eureka Tower - Melbourne Southbank Australia
+
+ - image: # image 5
+ file: federico-rizzarelli_b.jpg
+ caption: Shanghai - China
+
+ - image: # image 6
+ file: gints-gailis_b.jpg
+ caption: Shangri-La Hotel Jakarta - Indonesia
+
+ # --------------------------------------------------------------------------
+ # Image Grid + Lightbox + Gutters + Captions + Filters
+ #
+ - grid:
+ enabled: true
+
+ id: image_grid_full_example_filters
+ type: image
+ image_base_path: /assets/images/modules/gallery/mega_cities
+ image_styles: img-fluid
+ lightbox: true
+ gutters: true
+
+ # ------------------------------------------------------------------------
+ # Caption options
+ #
+ caption:
+ enabled: true
+ position: bottom # top|bottom|center
+
+ # ------------------------------------------------------------------------
+ # CSS filter options (Sepia)
+ #
+ filters:
+ enabled: true
+ grayscale: 0.8
+ contrast: 0.8
+ brightness: 0.7
+ sepia: 1
# ------------------------------------------------------------------------
# Masonry options
#
options: