j1-template 2024.3.17 → 2024.3.19

data/lib/starter_web/collections/_romance/the-dressmaker.adoc

@@ -14,10 +14,10 @@ categories:                             [ Books ]
 tags:                                   [ Romance ]
 
 image:
-  path:                                 /assets/image/collections/books/romance/the_dressmaker.jpg
+  path:                                 /assets/image/collection/books/romance/the_dressmaker.jpg
 
 book:
-  cover:                                /assets/image/collections/books/romance/the_dressmaker.jpg
+  cover:                                /assets/image/collection/books/romance/the_dressmaker.jpg
   format:                               paperback
   pages:                                320
   publisher:                            Profile Books Ltd
@@ -36,7 +36,7 @@ resource_options:
   - attic:
       padding_top:                      600
       slides:
-        - url:                          /assets/image/modules/attics/giammarco-boscaro-1920x1280.jpg
+        - url:                          /assets/image/module/attic/giammarco-boscaro-1920x1280.jpg
           alt:                          Photo by Giammarco on Unsplash
           badge:
             type:                       unsplash

data/lib/starter_web/collections/_romance/the-fiery-cross.adoc

@@ -17,10 +17,10 @@ categories:                             [ Books ]
 tags:                                   [ Romance ]
 
 image:
-  path:                                 /assets/image/collections/books/romance/the-fiery-cross.jpg
+  path:                                 /assets/image/collection/books/romance/the-fiery-cross.jpg
 
 book:
-  cover:                                /assets/image/collections/books/romance/the-fiery-cross.jpg
+  cover:                                /assets/image/collection/books/romance/the-fiery-cross.jpg
   format:                               paperback
   pages:                                1443
   publisher:                            Random House USA Inc
@@ -39,7 +39,7 @@ resource_options:
   - attic:
       padding_top:                      600
       slides:
-        - url:                          /assets/image/modules/attics/giammarco-boscaro-1920x1280.jpg
+        - url:                          /assets/image/module/attic/giammarco-boscaro-1920x1280.jpg
           alt:                          Photo by Giammarco on Unsplash
           badge:
             type:                       unsplash

data/lib/starter_web/collections/asciidoc_skeletons/simple-post/_posts/yyyy-mm-dd-your-post-name.asciidoc

@@ -8,7 +8,7 @@ categories:                             [ Theme ]
 tags:                                   [ Simple Post ]
 
 image:
-  path:                                 /assets/image/modules/attics/sigmund-1920x1280.jpg
+  path:                                 /assets/image/module/attic/sigmund-1920x1280.jpg
   width:                                1920
   height:                               1280
   alt:                                  Photo by Sigmund on Unsplash
@@ -30,7 +30,7 @@ resource_options:
   - attic:
       padding_top:                      630
       slides:
-        - url:                          /assets/image/modules/attics/sigmund-1920x1280.jpg
+        - url:                          /assets/image/module/attic/sigmund-1920x1280.jpg
           alt:                          Photo by Sigmund on Unsplash
           badge:
             type:                       unsplash
@@ -46,7 +46,7 @@ resource_options:
 // Set (local) page attributes here
 // -----------------------------------------------------------------------------
 // :page--attr:                         <attr-value>
-// :post-image:                         /assets/image/modules/attics/sigmund-1920x1280.jpg
+// :post-image:                         /assets/image/module/attic/sigmund-1920x1280.jpg
 
 // Place an excerpt at the most top position
 // -----------------------------------------------------------------------------

data/lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1.adoc.erb

@@ -18,7 +18,7 @@ categories:                             [ Jekyll ]
 tags:                                   [ Template, Theme ]
 
 image:
-  path:                                 /assets/image/modules/attics/katie-moum-1920x1280.jpg
+  path:                                 /assets/image/module/attic/katie-moum-1920x1280.jpg
   width:                                1920
   height:                               1200
   alt:                                  Photo by Katie Moum on Unsplash
@@ -36,7 +36,7 @@ resource_options:
   - attic:
       opacity:                          0.5
       slides:
-        - url:                          /assets/image/modules/attics/katie-moum-1920x1280.jpg
+        - url:                          /assets/image/module/attic/katie-moum-1920x1280.jpg
           alt:                          Photo by Katie Moum on Unsplash
           alignY:                       0.3
           badge:

data/lib/starter_web/collections/posts/public/featured/_posts/2021-01-01-about-cookies.adoc

@@ -10,7 +10,7 @@ categories:                             [ Technology ]
 tags:                                   [ Cookies ]
 
 image:
-  path:                                 /assets/image/modules/attics/cookies-1920x1200.jpg
+  path:                                 /assets/image/module/attic/cookies-1920x1200.jpg
   width:                                1920
   height:                               1280
   alt:                                  Cookies - Good to know
@@ -28,7 +28,7 @@ resource_options:
   - attic:
       padding_top:                      630
       slides:
-        - url:                          /assets/image/modules/attics/cookies-1920x1200.jpg
+        - url:                          /assets/image/module/attic/cookies-1920x1200.jpg
           alt:                          Photo by Miroslava on Unsplash
           badge:
             type:                       unsplash

data/lib/starter_web/collections/posts/public/featured/_posts/2021-02-01-static-site-generators.adoc

@@ -10,7 +10,7 @@ categories:                             [ Jekyll ]
 tags:                                   [ Generators ]
 
 image:
-  path:                                 /assets/image/modules/attics/machine-generator-1920x1280.jpg
+  path:                                 /assets/image/module/attic/machine-generator-1920x1280.jpg
   width:                                1920
   height:                               1280
   alt:                                  Site Generators
@@ -28,7 +28,7 @@ resource_options:
   - attic:
       padding_top:                      630
       slides:
-        - url:                          /assets/image/modules/attics/machine-generator-1920x1280.jpg
+        - url:                          /assets/image/module/attic/machine-generator-1920x1280.jpg
           alt:                          Photo by Isis Françal on Unsplash
           badge:
             type:                       unsplash
@@ -143,4 +143,4 @@ Check the most popular site generators available at the
 site.
 
 .Top Ratings at Jamstack of October 2022
-image::/assets/image/posts/featured/jamstack-generators.jpg["SSGs at Jamstack"]
+image::/assets/image/post/featured/jamstack-generators.jpg["SSGs at Jamstack"]

data/lib/starter_web/collections/posts/public/featured/_posts/2022-02-01-about-j1.adoc

@@ -10,7 +10,7 @@ categories:                             [ Jekyll ]
 tags:                                   [ Theme ]
 
 image:
-  path:                                 /assets/image/modules/attics/1920x1280/j1-starter-mockup-1.jpg
+  path:                                 /assets/image/module/attic/1920x1280/j1-starter-mockup-1.jpg
   width:                                1920
   height:                               1280
   alt:                                  J1 Template Mockup
@@ -28,7 +28,7 @@ resource_options:
   - attic:
       padding_top:                      630
       slides:
-        - url:                          /assets/image/modules/attics/1920x1280/j1-starter-mockup-1.jpg
+        - url:                          /assets/image/module/attic/1920x1280/j1-starter-mockup-1.jpg
           alt:                          J1 Template Mockup
 ---
 

data/lib/starter_web/collections/posts/public/featured/_posts/2023-10-18-url-types.adoc

@@ -10,7 +10,7 @@ categories:                             [ Web ]
 tags:                                   [ Protocols ]
 
 image:
-  path:                                 /assets/image/modules/attics/1920x1280/j1-starter-mockup-1.jpg
+  path:                                 /assets/image/module/attic/1920x1280/j1-starter-mockup-1.jpg
   width:                                1920
   height:                               1280
   alt:                                  J1 Template Mockup
@@ -27,7 +27,7 @@ resource_options:
   - attic:
       padding_top:                      630
       slides:
-        - url:                          /assets/image/modules/attics/1920x1280/j1-starter-mockup-1.jpg
+        - url:                          /assets/image/module/attic/1920x1280/j1-starter-mockup-1.jpg
           alt:                          J1 Template Mockup
 ---
 

data/lib/starter_web/collections/posts/public/featured/_posts/_includes/attributes.asciidoc

@@ -24,8 +24,8 @@ end::tags[]
 // -----------------------------------------------------------------------------
 tag::data[]
 
-:data-kickstart-wiad--static-web-access:          "assets/image/posts/featured/static-web-access.jpg, Accessing scheme for a static web"
-:data-kickstart-wiad--dynamic-web-access:         "assets/image/posts/featured/dynamic-web-access.jpg, Accessing scheme for a CMS (dynamic web)"
+:data-kickstart-wiad--static-web-access:          "assets/image/post/featured/static-web-access.jpg, Accessing scheme for a static web"
+:data-kickstart-wiad--dynamic-web-access:         "assets/image/post/featured/dynamic-web-access.jpg, Accessing scheme for a CMS (dynamic web)"
 
 end::data[]
 

data/lib/starter_web/config.ru

@@ -8,7 +8,7 @@
 # Product/Info:
 # https://jekyll.one
 #
-# Copyright (C) 2023, 2024 Juergen Adams
+# Copyright (C) 2023-2025 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE

data/lib/starter_web/dot.gitattributes

@@ -5,7 +5,7 @@
 # Product/Info:
 # https://jekyll.one
 #
-# Copyright (C) 2023, 2024 Juergen Adams
+# Copyright (C) 2023-2025 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE

data/lib/starter_web/dot.nojekyll

@@ -6,7 +6,7 @@
 # Product/Info:
 # https://jekyll.one
 #
-# Copyright (C) 2023, 2024 Juergen Adams
+# Copyright (C) 2023-2025 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE

data/lib/starter_web/index.html

@@ -27,7 +27,7 @@ robots:
   follow:                               true
 
 image:
-  path:                                 /assets/image/modules/attics/ideas-start-here-1920x1280.jpg
+  path:                                 /assets/image/module/attic/ideas-start-here-1920x1280.jpg
   width:                                1920
   height:                               1200
 
@@ -96,7 +96,7 @@ resources:                             [ animate, scroller ]
 resource_options:
   - attic:
       slides:
-        - url:                          /assets/image/modules/attics/ideas-start-here-1920x1280.jpg
+        - url:                          /assets/image/module/attic/ideas-start-here-1920x1280.jpg
           alt:                          ideas-start-here-1920x1280.jpg
 #         badge:
 #           type:                       unsplash

data/lib/starter_web/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "j1",
-  "version": "2024.3.17",
+  "version": "2024.3.19",
   "description": "J1 Template",
   "homepage": "https://your.site",
   "author": {

data/lib/starter_web/pages/public/_includes/documents/photoswipe/200_photoswipe_parameters.asciidoc

@@ -1,5 +1,5 @@
 [role="mt-5"]
-== PhotoSwipe Options
+== PhotoSwipe Parameters
 
 List of available PhotoSwipe options (parameters) alphabetically ordered.
 Find option settings also with the
@@ -11,6 +11,7 @@ https://photoswipe.com/getting-started/[PhotoSwipe Documentation, {browser-windo
 Boolean, `+true+`. Allow swipe navigation to the next slide when the
 current slide is zoomed. Does not apply to mouse events.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -27,6 +28,7 @@ lightbox.init();
 
 Boolean, `+true+`. Left/right arrow keys for navigation.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -45,7 +47,7 @@ lightbox.init();
 Sets the background *backdrop* opacity. Should be *always* defined by
 *bgOpacity* option and *not* by CSS RGBA color.
 
-[cols="3,2,2,5a", subs=+macros, options="header", width="100%", role="rtable mt-4"]
+[cols="3,2,2,5a", subs=+macros, options="header", width="100%", role="rtable mt-4 mb-5"]
 |===
 |Name |Type |Default |Description \| Example
 
@@ -55,6 +57,7 @@ Sets the background *backdrop* opacity. Should be *always* defined by
 |Sets the background *backdrop* opacity. Should be *always* defined by
 *bgOpacity* option and *not* by CSS RGBA color.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -80,6 +83,7 @@ page.
 Boolean, `+true+`. If image is not zoomable (for example, smaller than
 viewport) it can be closed by clicking on it.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -97,6 +101,7 @@ lightbox.init();
 
 Boolean, `+true+`. Vertical drag gesture to close the PhotoSwipe.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -132,6 +137,7 @@ Message to display when the image wasn't able to load. If you need to
 display HTML - use link:/filters#contenterrorelement[contentErrorElement
 filter].
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -150,6 +156,7 @@ Function `+{x: width, y: height}+`, `+undefined+`. A function that
 should return slide viewport width and height, in format
 `+{x: 100, y: 100}+`.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -188,6 +195,7 @@ In the example below transition duration is set to 1000ms (1s). Easing is
 defined dynamically (opening transition gets ease-out-back, zoom transitions
 gets ease-in-out-back, and closing transition gets ease-in-back):
 
+[role="mb-5"]
 [source, js]
 ----
 const backEasing = {
@@ -225,6 +233,7 @@ lightbox.init();
 
 String, `+/+`. Used for slide count indicator ("1 of 10 ").
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -244,6 +253,7 @@ Boolean, `+true+`. If set to true you'll be able to swipe from the last
 to the first image. Option is always `+false+` when there are less than
 3 slides.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -288,6 +298,7 @@ Integer, `+4000+`. Maximum width of image to animate, if initial
 rendered image width is larger than this value - the opening/closing
 transition will be automatically disabled.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -325,6 +336,7 @@ Function, should return padding object. The option is checked
 frequently, so make sure it's performant. Overrides `+padding+` option
 if defined. For example:
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -355,6 +367,7 @@ lightbox.init();
 
 Boolean, `+true+`. Pinch touch gesture to close the gallery.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -375,6 +388,7 @@ movement. Should be an array with two integers, first one - number of
 items to preload before the current image, second one - after the
 current image. Two nearby images are always loaded.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -394,6 +408,7 @@ Number (ms), `+2000+`. Delay before the loading indicator will be
 displayed, if image is loaded during it - the indicator will not be
 displayed at all. Can be zero.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -412,6 +427,7 @@ lightbox.init();
 Boolean, `+true+`. Restore focus the last active element after
 PhotoSwipe is closed.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -431,6 +447,7 @@ Number, `+333+`. Transition duration in milliseconds, can be `+0+`.
 link:/opening-or-closing-transition#transition-duration-and-easing[Example
 here].
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -449,6 +466,7 @@ lightbox.init();
 Number, `+0.1+`. Spacing between slides. Defined as ratio relative to
 the viewport width (0.1 = 10% of viewport).
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -481,6 +499,7 @@ page.
 Boolean, `+undefined+`. By default PhotoSwipe zooms image with
 ctrl-wheel, if you enable this option - image will zoom just via wheel.
 
+[role="mb-5"]
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({

data/lib/starter_web/pages/public/_includes/documents/photoswipe/210_photoswipe_lightbox_parameters.asciidoc

@@ -1,36 +1,42 @@
 [role="mt-5"]
-== Lightbox Options
+== PhotoSwipe Lightbox
 
 See link:/getting-started[getting started] and link:/data-sources[data
 sources] for examples.
 
-[role="mt-5"]
-=== gallery
+[cols="3,9a", subs=+macros, options="header", width="100%", role="rtable mt-5"]
+|===
+|Name |Description
 
-Element, NodeList, or CSS selector (string) for the gallery element.
+|`gallery`
+|Element, NodeList, or CSS selector (string) for the *gallery* element,
+a swiper slider for example.
 
-[role="mt-5"]
-==== children
+|`children`
+|Element, NodeList, or CSS selector (string) for elements within a
+`gallery`, a swiper slider for example. If not defined or set to `false`,
+the `gallery` *root* node is used.
 
-Element, NodeList, or CSS selector (string) for elements within
-`+gallery+`. For example, link elements. If not defined or set to false
-- root `+gallery+` node will be used.
+|===
 
 [role="mt-5"]
 === pswpModule
 
-Function or Module, `+undefined+`.
+Function or Module. Should return import(), if you need to *dynamic* import.
 
-A function that should return import() promise (if you need dynamic import),
-for example:
+Default: `undefined`
 
+[role="mb-5"]
+.Example
 [source, js]
 ----
-pswpModule: () => import('photoswipe/dist/photoswipe.esm.js');
+pswpModule: PhotoSwipe
 ----
 
-Or the PhotoSwipe *Core* module itself, for example:
+Or the PhotoSwipe *Core* module itself.
 
+[role="mb-5"]
+.Example
 [source, js]
 ----
 const lightbox = new PhotoSwipeLightbox({
@@ -39,19 +45,21 @@ const lightbox = new PhotoSwipeLightbox({
 });
 ----
 
+
 [role="mt-5"]
 === preloadFirstSlide
 
-Boolean, `+true+`. Loads the first slide image in parallel with
-PhotoSwipe Core (while PhotoSwipe is opening).
+Boolean, `true`. Loads the first slide image in parallel with PhotoSwipe
+Core (while PhotoSwipe is opening).
 
+[role="mb-5"]
 [source, js]
 ----
 import PhotoSwipeLightbox from '/photoswipe/photoswipe-lightbox.esm.js';
 const lightbox = new PhotoSwipeLightbox({
-  gallery: '#gallery--test-appendToEl',
+  gallery: '#gallery_id',
+  pswpModule: PhotoSwipe,
   children: 'a',
-  pswpModule: () => import('/photoswipe/photoswipe.esm.js'),
   preloadFirstSlide: false
 });
 lightbox.init();
@@ -60,39 +68,38 @@ lightbox.init();
 [role="mt-5"]
 === Translating
 
-A list of options that might need a translation:
+A list of options that might need a *translation*.
 
-[source,prism-code,language-text,codeBlock_wPnj,docs-styled-scrollbar]
+[role="mb-5"]
+[source, js]
 ----
-closeTitle: 'Close',
-zoomTitle: 'Zoom',
-arrowPrevTitle: 'Previous',
-arrowNextTitle: 'Next',
-
-errorMsg: 'The image cannot be loaded',
-indexIndicatorSep: ' / ',
+{
+  closeTitle:         'Close',
+  zoomTitle:          'Zoom',
+  arrowPrevTitle:     'Previous',
+  arrowNextTitle:     'Next',
+  errorMsg:           'The image cannot be loaded',
+  indexIndicatorSep:  '/'
+}
 ----
 
-Example:
-
+[role="mb-5"]
+.Example
 [source, js]
 ----
-import PhotoSwipeLightbox from '/photoswipe/photoswipe-lightbox.esm.js';
 const lightbox = new PhotoSwipeLightbox({
-  gallery: '#gallery--test-i18n',
+  gallery: '#gallery_id',
+  pswpModule: PhotoSwipe,
   children: 'a',
-
   closeTitle: 'Close the dialog',
   zoomTitle: 'Zoom the photo',
   arrowPrevTitle: 'Go to the previous photo',
   arrowNextTitle: 'Go to the next photo',
-
   errorMsg: 'The photo cannot be loaded',
   indexIndicatorSep: ' of ',
-
-  pswpModule: () => import('/photoswipe/photoswipe.esm.js'),
   preloadFirstSlide: false
 });
+
 lightbox.init();
 ----