j1-template 2020.0.16 → 2020.0.21

data/lib/starter_web/pages/public/bookshelf/200_book_shelf_biography.adoc

@@ -0,0 +1,52 @@
+---
+title:                                  Biography
+tagline:                                Today's People in the Book Shelf
+description:                            Jekyll Collections
+
+tags:                                   [ collections  ]
+index:                                  [ Jekyll, Collections, Overview]
+categories:                             [ collections ]
+
+permalink:                              /pages/public/collections/bookshelf/biography/
+regenerate:                             false
+
+resources:                              []
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg
+          alt:                          giammarco-boscaro-1920x1280
+---
+
+// Enable the Liquid Preprocessor
+//
+:page-liquid:
+
+// Set other global page attributes here
+// -------------------------------------------------------------------
+
+
+{% comment %} Debugging
+--------------------------------------------------------------- {% endcomment %}
+{% comment %} site.biography:  {{ site.biography | debug }} {% endcomment %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+{% capture create_collection_article_preview %}themes/{{site.template.name}}/procedures/collections/create_collection_article_preview.proc{% endcapture %}
+
+
+[[navigator]]
+== Biography
+
+lorem:sentences[5]
+
+++++
+<div class="row mb-4">
+  <div class="col-md-12 col-xs-12">
+    {% include {{create_collection_article_preview}} collection=site.biography %}
+  </div>
+</div>
+++++

data/lib/starter_web/pages/public/bookshelf/300_book_shelf_fantasy.adoc

@@ -0,0 +1,54 @@
+---
+title:                                  Fantasy
+tagline:                                Fantasy Literature in the Book Shelf
+description:                            Jekyll Collections
+
+tags:                                   [ collections  ]
+index:                                  [ Jekyll, Collections, Overview]
+categories:                             [ collections ]
+
+permalink:                              /pages/public/collections/bookshelf/fantasy/
+regenerate:                             false
+
+resources:                              []
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg
+          alt:                          giammarco-boscaro-1920x1280
+---
+
+// Enable the Liquid Preprocessor
+//
+:page-liquid:
+
+// Set other global page attributes here
+// -------------------------------------------------------------------
+
+
+{% comment %} Debugging
+--------------------------------------------------------------- {% endcomment %}
+{% comment %} site.biography:  {{ site.biography | debug }} {% endcomment %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+{% capture create_collection_article_preview %}themes/{{site.template.name}}/procedures/collections/create_collection_article_preview.proc{% endcapture %}
+
+
+[[navigator]]
+== Fantasy
+
+lorem:sentences[5]
+
+lorem:sentences[2]
+
+++++
+<div class="row mb-4">
+  <div class="col-md-12 col-xs-12">
+    {% include {{create_collection_article_preview}} collection=site.fantasy %}
+  </div>
+</div>
+++++

data/lib/starter_web/pages/public/bookshelf/400_book_shelf_romance.adoc

@@ -0,0 +1,54 @@
+---
+title:                                  Romance
+tagline:                                Romance Literature in the Book Shelf
+description:                            Jekyll Collections
+
+tags:                                   [ collections  ]
+index:                                  [ Jekyll, Collections, Overview]
+categories:                             [ collections ]
+
+permalink:                              /pages/public/collections/bookshelf/romance/
+regenerate:                             false
+
+resources:                              []
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg
+          alt:                          giammarco-boscaro-1920x1280
+---
+
+// Enable the Liquid Preprocessor
+//
+:page-liquid:
+
+// Set other global page attributes here
+// -------------------------------------------------------------------
+
+
+{% comment %} Debugging
+--------------------------------------------------------------- {% endcomment %}
+{% comment %} site.biography:  {{ site.biography | debug }} {% endcomment %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+{% capture create_collection_article_preview %}themes/{{site.template.name}}/procedures/collections/create_collection_article_preview.proc{% endcapture %}
+
+
+[[navigator]]
+== Romance
+
+lorem:sentences[5]
+
+lorem:sentences[2]
+
+++++
+<div class="row mb-4">
+  <div class="col-md-12 col-xs-12">
+    {% include {{create_collection_article_preview}} collection=site.romance %}
+  </div>
+</div>
+++++

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/100_meet_and_greet_jekyll.adoc

@@ -14,7 +14,7 @@ index:                                  [ Introduction, Web, Website, Jekyll ]
 categories:                             [ pages ]
 
 permalink:                              /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
-regenerate:                             true
+regenerate:                             false
 
 resources:                              [ lightbox, carousel ]
 resource_options:
@@ -32,34 +32,25 @@ resource_options:
             href:                       https://unsplash.com/@jeshoots/portfolio
 ---
 
+// Page Initializer
+// =============================================================================
 // Enable the Liquid Preprocessor
-// -----------------------------------------------------------------------------
 :page-liquid:
 
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-
-// Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
-
-// Initialize entry document paths
-// -----------------------------------------------------------------------------
-{% include {{set_env_entry_document}} init_folders=all %}
-
-// Load tags and urls
+//  Load Liquid procedures
 // -----------------------------------------------------------------------------
-include::{includedir}/attributes.asciidoc[tag=tags]
-include::{includedir}/attributes.asciidoc[tag=urls]
-include::{includedir}/attributes.asciidoc[tag=data]
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
 
-// Additional Asciidoc page attributes goes here
+// Load page attributes (all)
 // -----------------------------------------------------------------------------
+{% include {{load_attributes}} scope="all" %}
 
+// Page content
+// =============================================================================
 
 // Include sub-documents
 // -----------------------------------------------------------------------------
-include::{documentsdir}/100_meet_and_greet_jekyll.asciidoc[]
+include::{documentdir}/100_meet_and_greet_jekyll.asciidoc[]
 
 
 == Summarize!

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/200_preparations.adoc

@@ -1,5 +1,5 @@
 ---
-title:                                  Web in a Day 
+title:                                  Web in a Day
 tagline:                                preparations
 description:                            Modern static website in a day
 
@@ -8,7 +8,7 @@ index:                                  []
 categories:                             [ pages ]
 
 permalink:                              /pages/public/learn/kickstarter/web_in_a_day/preparations/
-regenerate:                             true
+regenerate:                             false
 
 resources:                              [ lightbox, carousel ]
 resource_options:
@@ -16,34 +16,24 @@ resource_options:
       collapseDepth:                    2
 ---
 
-// Enable the Liquid Preprocessor 
-// -----------------------------------------------------------------------------
+// Page Initializer
+// =============================================================================
+// Enable the Liquid Preprocessor
 :page-liquid:
 
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-
-// Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
-
-// Initialize entry document paths
+//  Load Liquid procedures
 // -----------------------------------------------------------------------------
-{% include {{set_env_entry_document}} init_folders=all %}
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
 
-// Load tags and urls
+// Load page attributes (all)
 // -----------------------------------------------------------------------------
-include::{includedir}/attributes.asciidoc[tag=tags]
-include::{includedir}/attributes.asciidoc[tag=urls]
-include::{includedir}/attributes.asciidoc[tag=data]
-
-// Additional Asciidoc page attributes goes here
-// -----------------------------------------------------------------------------
-
+{% include {{load_attributes}} scope="all" %}
 
+// Page content
+// =============================================================================
 // Include sub-documents
 // -----------------------------------------------------------------------------
-include::{documentsdir}/200_preparations.asciidoc[]
+include::{documentdir}/200_preparations.asciidoc[]
 
 
 == Summarize!
@@ -69,4 +59,3 @@ include::{includedir}/parts.asciidoc[tag=chapters_200_oauth_overview]
 
 include::{includedir}/parts.asciidoc[tag=further_reading_200_preparations]
 /////
-

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/300_first_awesome_web.adoc

@@ -8,7 +8,7 @@ index:                                  []
 categories:                             [ pages ]
 
 permalink:                              /pages/public/learn/kickstarter/web_in_a_day/first_awesome_web/
-regenerate:                             true
+regenerate:                             false
 
 resources:                              [ lightbox, carousel ]
 resource_options:
@@ -16,34 +16,25 @@ resource_options:
       collapseDepth:                    2
 ---
 
-// Enable the Liquid Preprocessor 
-// -----------------------------------------------------------------------------
+// Page Initializer
+// =============================================================================
+// Enable the Liquid Preprocessor
 :page-liquid:
 
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-
-// Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
-
-// Initialize entry document paths
-// -----------------------------------------------------------------------------
-{% include {{set_env_entry_document}} init_folders=all %}
-
-// Load tags and urls
+//  Load Liquid procedures
 // -----------------------------------------------------------------------------
-include::{includedir}/attributes.asciidoc[tag=tags]
-include::{includedir}/attributes.asciidoc[tag=urls]
-include::{includedir}/attributes.asciidoc[tag=data]
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
 
-// Additional Asciidoc page attributes goes here
+// Load page attributes (all)
 // -----------------------------------------------------------------------------
+{% include {{load_attributes}} scope="all" %}
 
+// Page content
+// =============================================================================
 
 // Include sub-documents
 // -----------------------------------------------------------------------------
-include::{documentsdir}/300_first_awesome_web.asciidoc[]
+include::{documentdir}/300_first_awesome_web.asciidoc[]
 
 
 == Summarize!
@@ -67,4 +58,3 @@ include::{includedir}/parts.asciidoc[tag=chapters_200_oauth_overview]
 
 include::{includedir}/parts.asciidoc[tag=further_reading_200_preparations]
 /////
-

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/{000_includes → includes}/attributes.asciidoc

@@ -7,6 +7,7 @@
 // -----------------------------------------------------------------------------
 tag::urls[]
 
+:j1-kickstarter-web-in-a-day-intro:               /pages/public/learn/kickstarter/web_in_a_day/intro/
 :j1-web-in-a-day-meet-and-greet:                  /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
 :j1-web-in-a-day-preparations:                    /pages/public/learn/kickstarter/web_in_a_day/preparations/
 :j1-web-in-a-day-first-awesome-web:               /pages/public/learn/kickstarter/web_in_a_day/first_awesome_web/
@@ -16,7 +17,7 @@ tag::urls[]
 
 
 :j1-download-quickstart-intro:                    /pages/public/learn/downloads/quickstart/intro/
-:j1-kickstarter-web-in-a-day-intro:               /pages/public/learn/kickstarter/web_in_a_day/intro/
+
 
 :github-home:                                     https://github.com/
 :github-signin:                                   https://github.com/login
@@ -33,7 +34,7 @@ tag::urls[]
 end::urls[]
 
 
-// Tags - AsciiDoc attributes used internally 
+// Tags - AsciiDoc attributes used internally
 // -------------------------------------------------------------------
 tag::tags[]
 
@@ -60,7 +61,7 @@ tag::tags[]
 :hs:                                               
 
 end::tags[]
- 
+
 
 // Data - Data elements for Asciidoctor extensions
 // -----------------------------------------------------------------------------
@@ -158,17 +159,25 @@ tag::data[]
 end::data[]
 
 
-// Product|Author - Document (e.g release) and Author information
+// DOCUMENTS, local document resources
 // -----------------------------------------------------------------------------
-tag::product_info[]
-:license:                                         MIT License
-:revdate:                                         2018
-:revnumber:                                       1.0.0
-end::product_info[]
+tag::documents[]
+end::documents[]
 
 
-tag::authors[]
-:uri-author-juergen-adams                         https://jekyll.one
-end::authors[]
+// TABLES, local table resources
+// -----------------------------------------------------------------------------
+tag::tables[]
+end::tables[]
 
 
+// PRODUCTS, local product information (e.g. release)
+// -----------------------------------------------------------------------------
+tag::products[]
+end::products[]
+
+
+// AUTHORS, local author information (e.g. article)
+// -----------------------------------------------------------------------------
+tag::authors[]
+end::authors[]

data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc

@@ -11,10 +11,10 @@ toc:                                    true
 scrollbar:                              false
 
 permalink:                              /pages/public/learn/roundtrip/present_images/
-regenerate:                             true
+regenerate:                             false
 
 resources:                              [
-                                          carousel, lightbox,
+                                          clipboard, rouge, carousel, lightbox,
                                           justified_gallery, light_gallery
                                         ]
 resource_options:
@@ -31,59 +31,46 @@ resource_options:
             href:                       https://unsplash.com/@ripato/portfolio
 ---
 
+// Page Initializer
+// =============================================================================
 // Enable the Liquid Preprocessor
-// -----------------------------------------------------------------------------
 :page-liquid:
 
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-//:my-asciidoc-attribute:
-
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
 
-// Initialize entry document environmental attributes
+// Load page attributes (all)
 // -----------------------------------------------------------------------------
-{% include {{set_env_entry_document}} %}
-
-// Load tag, url and data attributes
-// -----------------------------------------------------------------------------
-include::{includedir}/attributes.asciidoc[tag=tags]
-include::{includedir}/attributes.asciidoc[tag=urls]
-include::{includedir}/attributes.asciidoc[tag=data]
+{% include {{load_attributes}} scope="all" %}
 
 // Set local page attributes
 // -----------------------------------------------------------------------------
 :images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
 
-
 // Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-// Include sub-documents
-// -----------------------------------------------------------------------------
+// =============================================================================
 
-Welcome to the first preview page focussing the *image module*. This page shows
+Welcome to the first preview page focussing the image module. This page shows
 you some of the quite useful features of J1 Template to manage your image based
 content using lightboxes, carousels (slider) and galleries.
 
-The *image module* offer complex functionality based on powerful open source
-libraries like the build-in Gallely *gallery* for simple _Bootstrap_ grid-based
-image galleries or *Justified Gallery* for high-end, masonry styled preview
-maps. The build-in carousel app *carousel*, using the jQuery plugin *Owl Carousel*
+The image module offer complex functionality based on powerful open source
+libraries like the build-in Gallely gallery for simple _Bootstrap_ grid-based
+image galleries or Justified Gallery for high-end, masonry styled preview
+maps. The build-in carousel app carousel, using the jQuery plugin Owl Carousel
 as a base, let you present your images as slide shows.
 
-Lightboxes like *LightGallery* or *Lightbox V2* support your web for full image
-views of your *picture* or *video* content. Have a look, a quick tour what J1
+Lightboxes like LightGallery or Lightbox V2 support your web for full image
+views of your picture or video content. Have a look, a quick tour what J1
 can do. Have fun!
 
 == J1 Lightboxes
 
-A *Lightbox* in general is a helper which displays enlarged, almost
+A Lightbox in general is a helper which displays enlarged, almost
 screen-filling versions of pictures (or videos), while dimming the rest of the
 page. The technique, introduced by Lightbox V2, gained widespread popularity
-due to its simple and elegant style. The term *lightbox* is used since then for
+due to its simple and elegant style. The term lightbox is used since then for
 Javascript libraries to support such functionality.
 
 For J1 Template, two different lightboxes can be used:
@@ -91,41 +78,40 @@ For J1 Template, two different lightboxes can be used:
 * Lightbox V2 (lightbox)
 * LightGallery
 
-The default lightbox used by J1 Template is *Lightbox V2*, a Javascript library
-written by _Lokesh Dhakar_. The name of that (build-in) is simply: *lightbox*.
+The default lightbox used by J1 Template is Lightbox V2, a Javascript library
+written by _Lokesh Dhakar_. The name of that (build-in) is simply: lightbox.
 For more complex use cases, like a thumbnail gallery preview or video support,
-*LightGallery* can be used alternatively.
+LightGallery can be used alternatively.
 
-NOTE: The name *LightGallery* implies a sort of a Gallery but the library is a
-_lightbox_. And, *LightGallery* provides much more functionality on image-based
+NOTE: The name LightGallery implies a sort of a Gallery but the library is a
+_lightbox_. And, LightGallery provides much more functionality on image-based
 data rather than enlarged displaying of images. See the examples below to check
-for the differences in compare to the more simpler *Lightbox V2* lightbox.
+for the differences in compare to the more simpler Lightbox V2 lightbox.
 
 Both lightboxes are fully integrated to be used as standalone modules or to be
 used as helpers _under-the-hood_ by other apps or modules focussing on image
-data like *gallery* or *carousel*, the build-in carousel module.
+data like gallery or carousel, the build-in carousel module.
 
 == Lightbox Examples
 
-Find below an example of using the lightbox Lightbox *standalone*. See how
-*single* (individual) images are linked for the use with *Lightbox*.
+Find below an example of using the lightbox Lightbox standalone. See how
+single (individual) images are linked for the use with Lightbox.
 
 .A Lightbox block for standalone images
 lightbox::example-standalone[ 400, {data-images-standalone} ]
 
-For a *group* of images (image sets), *Lightbox* support image *groups*. Click
-on the images below to see how *Lightbox* manage image groups.
+For a group of images (image sets), Lightbox support image groups. Click
+on the images below to see how Lightbox manage image groups.
 
 .A Lightbox block for grouped images
 lightbox::example-group[ 400, {data-images-group}, group ]
 
-
 === LightGallery Example
 
-*LightGallery* provides more complex functions on image data. The lightbox
+LightGallery provides more complex functions on image data. The lightbox
 supports a gallery-styled thumbnail preview plus image resizing, a dowload
 dialog, sharing provider support and some more helpfull. Check what
-*LightGallery* can do by the following example.
+LightGallery can do by the following example.
 
 [subs=attributes]
 ++++
@@ -160,39 +146,37 @@ dialog, sharing provider support and some more helpfull. Check what
   </script>
 ++++
 
-
 == J1 Carousel App
 
-*J1 Carousel* is based on *OWL Carousel V1* in the latest (and unfortuneatly
+J1 Carousel is based on OWL Carousel V1 in the latest (and unfortuneatly
 last) version of 1.3.3. OWL Carousel is a clean and neat jQuery slider plugin
 for creating fully responsive and touch-enabled carousel sliders.
 
-NOTE: OWL Carousel V1 is *not* longer available on the Internet; for unknown
-reason. Anyway, J1 Template is using this version of *OWL Carousel* as a
+NOTE: OWL Carousel V1 is not longer available on the Internet; for unknown
+reason. Anyway, J1 Template is using this version of OWL Carousel as a
 build-in carousel module because the software does an excellent job, is based
 on a MIT license with no issues using them for private and business use.
 And offers a lot of great features!
 
-/////
 === Simple Text Carousel
 
 A slider or carousel typically is used for displaying images but the
-implementation for J1 Template support a lot more *sources* to be displayed
-as a slide show: simple *text* for example.
+implementation for J1 Template support a lot more sources to be displayed
+as a slide show: simple text for example.
 
 carousel::owl_demo_text_carousel[role="mb-3"]
 
 Important statements or topics can be placed e.g. on top of an article or a
-paragraph to give them a better *visibility*. In one line, you can present
-a bunch of *facts* to know animated for the readers attention within as single
+paragraph to give them a better visibility. In one line, you can present
+a bunch of facts to know animated for the readers attention within as single
 line - no much space is needed.
 
 === Parallax Text Carousel
 
-A more *eye-minded* type of a text show is a *parallax* text slider. If you
+A more eye-minded type of a text show is a parallax text slider. If you
 want to place emphasis on you personal statements focussing the meaning, this
 type of a slide show may be interesting. Image based slide shows may draw off
-the readers attention from the text, therefor a *pure text based* presentation
+the readers attention from the text, therefor a pure text based presentation
 may the better choice.
 
 .Parallax Slider
@@ -214,16 +198,14 @@ may the better choice.
   </script>
 ++++
 
-
 Parallax text shows are can be placed as banners on a page. A lot of different
 animations can be used. Internally, J1 Template is using some of the really
 great CSS styles offered by _animate.css_.
 
 TIP: Have a look a https://daneden.github.io/animate.css/[Dan Eden's home page]
-to see all the possible dynamic styles you can create based on pure CSS. *Some*
-of them are implemented for *OWL Carousel* for animation. See the documetation
-for the *CAROUSEL Module* for more details.
-/////
+to see all the possible dynamic styles you can create based on pure CSS. Some
+of them are implemented for OWL Carousel for animation. See the documetation
+for the CAROUSEL Module for more details.
 
 === Simple Image Carousel
 
@@ -240,53 +222,51 @@ carousel::owl_demo_simple[role="mb-5"]
 === Carousel + Caption + Lightbox
 
 Carousels can be used for a quite compact form of image galleries. This example
-show some pictures having individual caption text *and* support a lightbox to
+show some pictures having individual caption text and support a lightbox to
 enlarge images full size. For the example below, a quite simple lightbox
-is used: *Lightbox V2*; or short: *lightbox*.
+is used: Lightbox V2; or short: lightbox.
 
 .Nice cats
 carousel::owl_demo_cats[role="mb-5"]
 
-
-The J1 module *lightbox* is a simple Lightbox but offers a bunch of interesting
+The J1 module lightbox is a simple Lightbox but offers a bunch of interesting
 features for displaying images. For example, lightbox can display all images
-(of a carousel) as a *group*. If one picture is opened in the lightbox, all
+(of a carousel) as a group. If one picture is opened in the lightbox, all
 the other can browsed as well.
 
 === One Slide Carousel + Lightbox
 
-The build-in Carousel *carousel* supports multiple *and* single image shows.
-Here you find an example of an single image slide show with *controls* enabled
+The build-in Carousel carousel supports multiple and single image shows.
+Here you find an example of an single image slide show with controls enabled
 to browse all images back and forth. An indicator below the slider shows how
 many images the show contains.
 
 .Single Slide Carousel and a Lightbox
 carousel::owl_demo_oneslide[role="mb-5"]
 
-
 == J1 Gallery App
 
-To create *image* and *video* galleries, J1 Template implements the jQuery
-plugin *JustifiedGallery* as the *main* gallery module. Beside Justified
+To create image and video galleries, J1 Template implements the jQuery
+plugin JustifiedGallery as the main gallery module. Beside Justified
 Gallery, a gallery based on pure _Bootstrap_ code is available with the build-in
-gallery app *gallery*.
+gallery app gallery.
 
-*Justified Gallery* is a great jQuery plugin to create responsive, infinite
-and high quality *justified* image galleries. J1 Template combines the gallery
-with the *lightboxes* supported to *enlage* the images of a gallery.
+Justified Gallery is a great jQuery plugin to create responsive, infinite
+and high quality justified image galleries. J1 Template combines the gallery
+with the lightboxes supported to enlage the images of a gallery.
 
-See *Justified Gallery* in action - and for sure all what you see is even
+See Justified Gallery in action - and for sure all what you see is even
 responsive. Change the size of your current browser window, by width or height,
 to see what will happen!
 
 === Justified Gallery
 
-Pictures you've made are typically *not* even in size. Images may have the
+Pictures you've made are typically not even in size. Images may have the
 same size (resolution), but some of the are orientated landscape or other
 may portrait. For that reason, a more powerful gallery is needed to create
-so-called *justified* views.
+so-called justified views.
 
-*Justified Gallery* is using a so-called *masonry grid* layout. It works by
+Justified Gallery is using a so-called masonry grid layout. It works by
 placing elements in an optimal position based on available horizontal and
 vertical space. Sort of like mason fitting stones in a wall. You’ll have
 seen it in use all over the Internet!
@@ -294,7 +274,6 @@ seen it in use all over the Internet!
 .Masonry grid layout of Justified Gallery
 gallery::jg_customizer[]
 
-
 == Whats next
 
 Hopefully you've enjoyed exploring the possibilities J1 offers for managing