j1-template 2023.1.0 → 2023.2.0

data/lib/starter_web/_data/modules/masonry.yml

@@ -15,7 +15,7 @@
 # Description
 #
 description:
-  title:                                J1 Masonry
+  caption:                              J1 Masonry
   scope:                                User settings
   location:                             _data/modules/masonry.yml
 
@@ -39,13 +39,69 @@ settings:
       id:                               post_series_example
       type:                             post
       group:                            Life                                    # generate grid elements only for the group
-      bs_gutter:                        1                                       # [0 .. 5]
+      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
 
       # ------------------------------------------------------------------------
-      # Lightbox options
+      # Masonry options
       #
-      lightbox:
-        enabled:                        false
+      options:
+        originTop:                      true
+        originLeft:                     true
+        initLayout:                     true
+        percentPosition:                true
+
+
+    # --------------------------------------------------------------------------
+    # Collection Portfolio
+    #
+    - grid:
+      enabled:                          true
+
+      id:                               collection_portfolio
+      type:                             collection
+      collection:                       portfolio                               # generate grid elements (articles) for the collection
+      image_styles:                     img-fluid
+      image_height:                     300px
+      image_width:                      300px
+      translate_titles:                 false                                   # default: false
+      lightbox:                         false
+      gutters:                          true
+
+      # ------------------------------------------------------------------------
+      # Preview options
+      #
+      preview:
+        enabled:                        true
+
+      # ------------------------------------------------------------------------
+      # Masonry options
+      #
+      options:
+        originTop:                      true
+        originLeft:                     true
+        initLayout:                     true
+        percentPosition:                true
+
+    # --------------------------------------------------------------------------
+    # Collection Biography
+    #
+    - grid:
+      enabled:                          true
+
+      id:                               collection_biography
+      type:                             collection
+      collection:                       biography                               # generate grid elements (articles) for the collection
+      image_styles:                     img-fluid
+      image_height:                     470px
+      image_width:                      400px
+      translate_titles:                 false                                   # default: false
+      preview:                          false
+      gutters:                          false
 
       # ------------------------------------------------------------------------
       # Masonry options
@@ -57,22 +113,76 @@ settings:
         percentPosition:                true
 
     # --------------------------------------------------------------------------
-    # Bootstrap Card Images
+    # Collection Fantasy
     #
     - grid:
       enabled:                          true
 
-      id:                               bs_image_cards_example
-      type:                             bs_image_cards
+      id:                               collection_fantasy
+      type:                             collection
+      collection:                       fantasy                                 # generate grid elements (articles) for the collection
+      image_styles:                     img-fluid
+      image_height:                     470px
+      image_width:                      400px
+      translate_titles:                 false                                   # default: false
+      preview:                          true
+      gutters:                          true
+
+      # ------------------------------------------------------------------------
+      # Masonry options
+      #
+      options:
+        originTop:                      true
+        originLeft:                     true
+        initLayout:                     true
+        percentPosition:                true
+
+    # --------------------------------------------------------------------------
+    # Collection Romance
+    #
+    - grid:
+      enabled:                          true
+
+      id:                               collection_romance
+      type:                             collection
+      translate_titles:                 true                                    # default: false
+      collection:                       romance                                 # generate grid elements (articles) for the collection
+      image_styles:                     img-fluid
+      image_height:                     470px
+      image_width:                      400px
+      preview:                          true
+      gutters:                          true
+
+      # ------------------------------------------------------------------------
+      # Masonry options
+      #
+      options:
+        originTop:                      true
+        originLeft:                     true
+        initLayout:                     true
+        percentPosition:                true
+
+
+    # --------------------------------------------------------------------------
+    # Image Cards + Lightbox + Gutters + Captions
+    #
+    - grid:
+      enabled:                          true
+
+      id:                               card_example
+      type:                             card
       image_base_path:                  /assets/images/modules/gallery/mega_cities
-      image_styles:                     img-fluid img-object--cover g-height-300
-      bs_gutter:                        1                                       # [0 .. 5]
+      image_styles:                     img-fluid
+      image_height:                     300px
+      lightbox:                         true
+      gutters:                          true
 
       # ------------------------------------------------------------------------
-      # Lightbox options
+      # Caption options
       #
-      lightbox:
+      caption:
         enabled:                        true
+        position:                       bottom                                  # top|bottom|center
 
       # ------------------------------------------------------------------------
       # Masonry options
@@ -89,46 +199,48 @@ settings:
       images:
 
         - image:                        # image 1
-          title:                        Man posing at the rooftop of Jin Mao Tower Shanghai - China
           file:                         denys-nevozhai-1_b.jpg
+          caption:                      Man posing at the rooftop of Jin Mao Tower Shanghai - China
 
         - image:                        # image 2
-          title:                        Sunset over Taipei City - Taiwan
           file:                         thomas-tucker_b.jpg
+          caption:                      Sunset over Taipei City - Taiwan
 
         - image:                        # image 3
-          title:                        Chicago - United States
           file:                         emmad-mazhari_b.jpg
+          caption:                      Chicago - United States
 
         - image:                        # image 4
-          title:                        The Queen Bee at the Eureka Tower - Melbourne Southbank Australia
           file:                         johan-mouchet_b.jpg
+          caption:                      The Queen Bee at the Eureka Tower - Melbourne Southbank Australia
 
         - image:                        # image 5
-          title:                        Shanghai - China
           file:                         federico-rizzarelli_b.jpg
+          caption:                      Shanghai - China
 
         - image:                        # image 6
-          title:                        Shangri-La Hotel Jakarta - Indonesia
           file:                         gints-gailis_b.jpg
+          caption:                      Shangri-La Hotel Jakarta - Indonesia
 
     # --------------------------------------------------------------------------
-    # Base Image Grid
+    # Image Grid + No Lightbox + No Gutters + No Captions
     #
     - grid:
       enabled:                          true
 
       id:                               image_grid_base_example
-      type:                             image_grid
+      type:                             image
       image_base_path:                  /assets/images/modules/gallery/mega_cities
       image_styles:                     img-fluid
-      bs_gutter:                        0                                       # [0 .. 5]
+      lightbox:                         false
+      gutters:                          false
 
       # ------------------------------------------------------------------------
-      # Lightbox options
+      # Caption options
       #
-      lightbox:
+      caption:
         enabled:                        false
+        position:                       bottom                                  # top|bottom|center
 
       # ------------------------------------------------------------------------
       # Masonry options
@@ -145,46 +257,48 @@ settings:
       images:
 
         - image:                        # image 1
-          title:                        Man posing at the rooftop of Jin Mao Tower Shanghai - China
           file:                         denys-nevozhai-1_b.jpg
+          caption:                      Man posing at the rooftop of Jin Mao Tower Shanghai - China
 
         - image:                        # image 2
-          title:                        Sunset over Taipei City - Taiwan
           file:                         thomas-tucker_b.jpg
+          caption:                      Sunset over Taipei City - Taiwan
 
         - image:                        # image 3
-          title:                        Chicago - United States
           file:                         emmad-mazhari_b.jpg
+          caption:                      Chicago - United States
 
         - image:                        # image 4
-          title:                        The Queen Bee at the Eureka Tower - Melbourne Southbank Australia
           file:                         johan-mouchet_b.jpg
+          caption:                      The Queen Bee at the Eureka Tower - Melbourne Southbank Australia
 
         - image:                        # image 5
-          title:                        Shanghai - China
           file:                         federico-rizzarelli_b.jpg
+          caption:                      Shanghai - China
 
         - image:                        # image 6
-          title:                        Shangri-La Hotel Jakarta - Indonesia
           file:                         gints-gailis_b.jpg
+          caption:                      Shangri-La Hotel Jakarta - Indonesia
 
     # --------------------------------------------------------------------------
-    # Image Grid + Lightbox
+    # Image Grid + Lightbox + Gutters + Captions
     #
     - grid:
       enabled:                          true
 
-      id:                               image_grid_lightbox_example
-      type:                             image_grid
+      id:                               image_grid_full_example
+      type:                             image
       image_base_path:                  /assets/images/modules/gallery/mega_cities
       image_styles:                     img-fluid
-      bs_gutter:                        1                                       # [0 .. 5]
+      lightbox:                         true
+      gutters:                          true
 
       # ------------------------------------------------------------------------
-      # Lightbox options
+      # Caption options
       #
-      lightbox:
+      caption:
         enabled:                        true
+        position:                       bottom                                  # top|bottom|center
 
       # ------------------------------------------------------------------------
       # Masonry options
@@ -201,28 +315,28 @@ settings:
       images:
 
         - image:                        # image 1
-          title:                        Man posing at the rooftop of Jin Mao Tower Shanghai - China
           file:                         denys-nevozhai-1_b.jpg
+          caption:                      Man posing at the rooftop of Jin Mao Tower Shanghai - China
 
         - image:                        # image 2
-          title:                        Sunset over Taipei City - Taiwan
           file:                         thomas-tucker_b.jpg
+          caption:                      Sunset over Taipei City - Taiwan
 
         - image:                        # image 3
-          title:                        Chicago - United States
           file:                         emmad-mazhari_b.jpg
+          caption:                      Chicago - United States
 
         - image:                        # image 4
-          title:                        The Queen Bee at the Eureka Tower - Melbourne Southbank Australia
           file:                         johan-mouchet_b.jpg
+          caption:                      The Queen Bee at the Eureka Tower - Melbourne Southbank Australia
 
         - image:                        # image 5
-          title:                        Shanghai - China
           file:                         federico-rizzarelli_b.jpg
+          caption:                      Shanghai - China
 
         - image:                        # image 6
-          title:                        Shangri-La Hotel Jakarta - Indonesia
           file:                         gints-gailis_b.jpg
+          caption:                      Shangri-La Hotel Jakarta - Indonesia
 
 # ------------------------------------------------------------------------------
 # END config