j1-template 2020.0.20 → 2021.0.0

data/lib/starter_web/_data/apps/defaults/carousel.yml

@@ -22,94 +22,95 @@ about_config:
 # ------------------------------------------------------------------------------
 # Default configuration settings
 #
-defaults:
 
-  # ----------------------------------------------------------------------------
-  # GENERAL Carousel settings
-  #
-  # enabled
-  # ----------------------------------------------------------------------------
-  #   Enables|Disables the use of a carousel|slider
-  #
-  # xhr_data_path
-  # ----------------------------------------------------------------------------
-  #   All data items displayed by a slider are being read from a
-  #   JSON file automatically generated from that configuration.
-  #   AJAX get method is used to supply the slider with respective
-  #   the HTML code at the time the slider is initialized (by the
-  #   J1 Adapter for J1 Owl Sliders).
-  #
-  #   values:                             string
-  #   default:                            /assets/data/carousel.json
-  #
-  # ----------------------------------------------------------------------------
-  enabled:                                false                                 # needed for j1.layout_shim_generator.html
+# ----------------------------------------------------------------------------
+# GENERAL Carousel settings
+#
+# enabled
+# ----------------------------------------------------------------------------
+#   Enables|Disables the use of a carousel|slider
+#
+# xhr_data_path
+# ----------------------------------------------------------------------------
+#   All data items displayed by a slider are being read from a
+#   JSON file automatically generated from that configuration.
+#   AJAX get method is used to supply the slider with respective
+#   the HTML code at the time the slider is initialized (by the
+#   J1 Adapter for J1 Owl Sliders).
+#
+#   values:                             string
+#   default:                            /assets/data/carousel.json
+#
+# ----------------------------------------------------------------------------
 
-  # ----------------------------------------------------------------------------
-  # DEFAULT options
-  #
-  # items
-  # ----------------------------------------------------------------------------
-  #   This variable allows to set the maximum amount of items displayed
-  #   at a time with the widest browser width.
-  #
-  #   values:                             integer
-  #   default:                            5
-  #
-  # itemsDesktop
-  # ----------------------------------------------------------------------------
-  #   Preset the number of slides visible with a particular browser
-  #   width. The format is [x,y] whereby x means the browser width
-  #   and y the number of slides displayed. For example [1199,4] means
-  #   that if the window size is lower or equal 1199, show 4 slides
-  #   per page.
-  #
-  #   values:                             array (of resolution|item pairs)
-  #   default:                            [1199,4]
-  #   Other (named) presets:              see items|itemsDesktop
-  #
-  #   values:                             array (resolution|item pairs)
-  #   defaults:
-  #     itemsDesktop:                     [1199,4]
-  #     itemsDesktopSmall:                [980,3]
-  #     itemsTablet:                      [768,2]
-  #     itemsTabletSmall:                 false
-  #     itemsMobile:                      [479,1]
-  #
-  # singleItem:
-  # ----------------------------------------------------------------------------
-  #  Display only one item independent from screen size.
-  #
-  #   values:                             boolean (true|false)
-  #   default:                            false
-  #
-  # itemsScaleUp
-  # ----------------------------------------------------------------------------
-  #   Don't stretch items when it is less than the supplied items.
-  #
-  #   values:                             boolean (true|false)
-  #   default:                            false
-  #
-  # itemsCustom
-  # ----------------------------------------------------------------------------
-  #   Specifies how many items|slides are shown depending on the
-  #   screen width. If this option is set, the options itemsDeskop,
-  #   itemsDesktopSmall, itemsTablet, itemsMobile are DISABLED
-  #   automatically.
-  #
-  #   NOTE: For better preview results, order the arrays by screen size.
-  #         This is RECOMMENDED but not mandatory.
-  #
-  #   NOTE: Don’t forget to include the lowest available screen size, otherwise
-  #         the carousel takes as default value for a screen the next lower screen
-  #         size available (from what you configured).
-  #
-  #   Example: [ [0, 2], [400, 4], [700, 6], [1000, 8], [1200, 10], [1600, 16] ]
-  #
-  #   values:                             array (of screen|item pairs)
-  #   default:                            false (no defaults)
-  #
-  # ----------------------------------------------------------------------------
+# ----------------------------------------------------------------------------
+# DEFAULT options
+#
+# items
+# ----------------------------------------------------------------------------
+#   This variable allows to set the maximum amount of items displayed
+#   at a time with the widest browser width.
+#
+#   values:                             integer
+#   default:                            5
+#
+# itemsDesktop
+# ----------------------------------------------------------------------------
+#   Preset the number of slides visible with a particular browser
+#   width. The format is [x,y] whereby x means the browser width
+#   and y the number of slides displayed. For example [1199,4] means
+#   that if the window size is lower or equal 1199, show 4 slides
+#   per page.
+#
+#   values:                             array (of resolution|item pairs)
+#   default:                            [1199,4]
+#   Other (named) presets:              see items|itemsDesktop
+#
+#   values:                             array (resolution|item pairs)
+#   defaults:
+#     itemsDesktop:                     [1199,4]
+#     itemsDesktopSmall:                [980,3]
+#     itemsTablet:                      [768,2]
+#     itemsTabletSmall:                 false
+#     itemsMobile:                      [479,1]
+#
+# singleItem:
+# ----------------------------------------------------------------------------
+#  Display only one item independent from screen size.
+#
+#   values:                             boolean (true|false)
+#   default:                            false
+#
+# itemsScaleUp
+# ----------------------------------------------------------------------------
+#   Don't stretch items when it is less than the supplied items.
+#
+#   values:                             boolean (true|false)
+#   default:                            false
+#
+# itemsCustom
+# ----------------------------------------------------------------------------
+#   Specifies how many items|slides are shown depending on the
+#   screen width. If this option is set, the options itemsDeskop,
+#   itemsDesktopSmall, itemsTablet, itemsMobile are DISABLED
+#   automatically.
+#
+#   NOTE: For better preview results, order the arrays by screen size.
+#         This is RECOMMENDED but not mandatory.
+#
+#   NOTE: Don’t forget to include the lowest available screen size, otherwise
+#         the carousel takes as default value for a screen the next lower screen
+#         size available (from what you configured).
+#
+#   Example: [ [0, 2], [400, 4], [700, 6], [1000, 8], [1200, 10], [1600, 16] ]
+#
+#   values:                             array (of screen|item pairs)
+#   default:                            false (no defaults)
+#
+# ----------------------------------------------------------------------------
+defaults:
+
+  enabled:                                false
 
   # ----------------------------------------------------------------------------
   # View port sizes

data/lib/starter_web/_data/apps/justified_gallery.yml

@@ -90,6 +90,40 @@ settings:
     # Image Galleries
     #
 
+    # --------------------------------------------------------------------------
+    # Example gallery
+    #
+    - gallery:
+        enabled:                        true
+        type:                           image
+        id:                             jg_example
+        title:                          Example of a Justified Gallery
+        show_delay:                     250
+        css_classes:                    mb-5
+        images_path:                    /assets/images/pages/roundtrip/100_present_images
+        thumb_path:                     /assets/images/pages/roundtrip/100_present_images
+        images:                         [
+                                          lightbox-image-1.jpg,
+                                          lightbox-image-2.jpg,
+                                          lightbox-image-3.jpg
+                                        ]
+        captions_gallery:               [
+                                          Golden Gate Bridge with San Francisco in distance,
+                                          Forest with mountains behind,
+                                          Bicyclist looking out over hill at ocean
+                                        ]
+        captions_lightbox:              []
+
+        gallery_options:
+          rowHeight:                    300
+          margins:                      1
+
+        lightbox_options:
+          lightbox:                     lg
+          mode:                         lg-fade
+          cssEasing:                    cubic-bezier(0.25, 0, 0.25, 1)
+
+
     # --------------------------------------------------------------------------
     # Gallery Customizer (Mega Cities)
     #
@@ -99,7 +133,7 @@ settings:
         id:                             jg_customizer
   #     title:                          Masonry grid layout of Justified Gallery
         show_delay:                     250
-        css_classes:                    mb-3
+        css_classes:                    mb-5
         images_path:                    /assets/images/modules/gallery/mega_cities
         thumb_path:                     /assets/images/modules/gallery/mega_cities
         images:                         [
@@ -132,7 +166,7 @@ settings:
                                           Lotte World Tower Seoul - South Korea,
                                           New York City, United States
                                         ]
-        captions_lightbox:
+        captions_lightbox:              []
 
         gallery_options:
           rowHeight:                    150
@@ -157,7 +191,7 @@ settings:
         id:                             jg_video_html5
         show_delay:                     300
         title:                          false                                   # HTML5 Video Gallery
-        css_classes:                    mb-3
+        css_classes:
         video_path:                     https://github.com/jekyll-one-org/jekyll-one-lfs/raw/master/videos
         image_path:                     /assets/videos/gallery
         thumb_path:                     /assets/videos/gallery
@@ -197,7 +231,7 @@ settings:
         id:                             jg_video_online_youtube
         show_delay:                     300
         title:                          false                                   # YouTube Video Gallery
-        css_classes:                    mb-3
+        css_classes:
         image_path:                     /assets/videos/gallery
         thumb_path:                     /assets/videos/gallery
         videos:                         [
@@ -213,10 +247,10 @@ settings:
                                           "Carpool Karaoke - First Lady Michelle Obama"
                                         ]
         captions_lightbox:              [
-                                          "<p>Carpool Karaoke by James Corden - Lady Gaga <br/> Lady Gaga joins James for a drive through Los Angeles singing her classics and tracks from her new album</p>",
-                                          "<p>Carpool Karaoke by James Corden - Adele <br/> James Corden is about the holidays in London and gets his girlfriend Adele off for a ride through the city. <br/> On the way they sing some of their biggest hits and Adele raps Nicki Minaj's <b>monster</b></p>",
-                                          "<p>Carpool Karaoke by James Corden - Gwen Stefani <br/> Gwen Stefani, Julia Roberts, George Clooney and James Corden singing Holla back girl, there's nothing left to see</p>",
-                                          "<p>Carpool Karaoke by James Corden - First Lady Michelle Obama <br/> James Corden's White House tour takes an unthinkable turn when First Lady Michelle Obama joins him for a drive around the grounds singing Stevie Wonder and Beyonce</p>"
+                                          "<p>Lady Gaga joins James for a drive through Los Angeles singing her classics and tracks from her new album</p>",
+                                          "<p>James Corden is about the holidays in London and gets Adele off for a ride through the city. On the way they sing some of their biggest hits and Adele raps Nicki Minaj's <b>monster</b></p>",
+                                          "<p>Gwen Stefani, Julia Roberts, George Clooney and James Corden singing Holla back girl, there's nothing left to see</p>",
+                                          "<p>James Corden's White House tour takes an unthinkable turn when First Lady Michelle Obama joins him for a drive around the grounds singing Stevie Wonder and Beyonce</p>"
                                         ]
         poster:                         [
                                           video_gaga-poster.jpg, video_adele-poster.jpg,
@@ -246,7 +280,7 @@ settings:
         thumb_spacing:                  5
         thumb_bordered:                 true
         thumb_animate:                  true
-        css_classes:                    mb-3
+        css_classes:
         image_path:                     /assets/videos/gallery
         thumb_path:                     /assets/videos/gallery
         videos:                         [
@@ -281,7 +315,7 @@ settings:
         id:                             jg_video_intro
         show_delay:                     300
         title:                          false                                   # Introduction Videos
-        css_classes:                    mb-3
+        css_classes:
         video_path:                     /assets/videos/tutorials
         image_path:                     /assets/videos/tutorials
         thumb_path:                     /assets/videos/tutorials

data/lib/starter_web/_data/blocks/banner.yml

@@ -24,7 +24,6 @@ about_config:
 # SETTINGS
 #
 settings:
-
   # ----------------------------------------------------------------------------
   # General parallax settings
   #
@@ -84,7 +83,6 @@ settings:
   # DIVIDER Banner
   #
   divider:
-
     # --------------------------------------------------------------------------
     # DIVIDER banner properties
     #
@@ -114,7 +112,6 @@ settings:
   # TEASER Banner
   #
   teaser:
-
     # --------------------------------------------------------------------------
     # home_teaser_banner
     #
@@ -125,6 +122,7 @@ settings:
         comment:                        Top teaser shown on home page
         type:                           teaser
         icon_family:                    MDI
+
         style:                          light
         lane_span:                      fixed
 
@@ -137,41 +135,43 @@ settings:
               type:                     text
               animate:                  fadeInUp
               title:                    Jekyll One Template
-              tagline:                  <large><b>powerful modern static websites</b></large>
+              tagline:                  <b>powerful modern static websites</b>
               description: >
                                         <p>
-                                          Jekyll One Template is the first toolbox to create modern webs
-                                          as well as a learning platform to experience what is in behind
-                                          of current Internet Technologies for the World Wide Web.
-                                          J1 provides creative people both: a rich toolset to build websites
-                                          and the knowledge needed to learn what's all about.
+                                          Jekyll One Template is the first toolbox to create modern
+                                          webs as well as a learning platform to experience what is in
+                                          behind of current Internet Technologies for the World Wide Web.
+                                          J1 provides creative people with both: a rich toolset to build
+                                          websites and the knowledge needed to learn what's all about.
                                         </p>
                                         <p>
                                           J1 meets Jekyll and Bootstrap. And makes a lot of friends.
                                           The template system combines the best of free software for the web.
-                                          Jekyll One Template is open source and the modules included
+                                          Jekyll One Template is OpenSource and the modules included
                                           are free to use as well. No license issues for private
                                           or professional use.
                                         </p>
                                         <p>
-                                          Explore what's possible if you create websites the
-                                          the static way.
+                                          Explore what's possible if you statically
+                                          create websites.
                                         </p>
               buttons:
                 - name:                 Roundtrip button
                   button:
                     text:               Roundtrip
-                    class:              btn btn-raised btn-flex btn-md btn-primary mr-2
+                    class:              btn btn-raised btn-flex btn-md btn-primary mr-2 mb-2
+                    style:              "min-width: 17rem"
                     icon:               eye
                     icon_color:         md_white
                     icon_size:          24px
-                    href:               /pages/public/learn/whats_up/
+                    href:               /pages/public/learn/where_to_go/
                     target:
 
                 - name:                 Kickstarter button
                   button:
                     text:               Kickstart
-                    class:              btn btn-raised btn-flex btn-md btn-primary
+                    class:              btn btn-raised btn-flex btn-md btn-primary mr-2 mb-2
+                    style:              "min-width: 17rem"
                     icon:               rocket
                     icon_color:         md_white
                     icon_size:          24px
@@ -198,6 +198,7 @@ settings:
         comment:                        Teaser shown on home page below the parallax
         type:                           teaser
         icon_family:                    MDI
+
         style:                          light
         lane_span:                      fixed
 
@@ -212,14 +213,15 @@ settings:
               title:                    Are you corious?
               tagline:                  <large><b>creating websites</b></large>
               description: >
-                                        It is not a secret, that many options are available today to create
-                                        and present a web. Content Management Systems like Wordpress or
-                                        Online Services like Wix can be used to manage and present a website.
-                                        CMS are fairly complex because of their nature. CMS are creating dynamic
-                                        pages stored in database systems. And they are using complex programming
-                                        interfaces to generate each and every page.
-                                        On the other hand, a Online Service simplifies the process of creating a
-                                        website a lot but you're quite limited in what a Service Provider is giving
+                                        It is not a secret that many options are available today to create
+                                        and present websites. Content Management Systems (CMS) like WordPress,
+                                        or Online Services like Wix, can be used to manage and deliver a website.
+                                        Using Content Management Systems is reasonably complex because of their
+                                        nature. A CMS creates dynamic pages based on data stored in database systems.
+                                        And they are using quite complex programming interfaces like PHP to generate
+                                        each and every page.
+                                        On the other hand, an Online Service simplifies the process of creating a
+                                        website a lot, but you're quite limited in what a Service Provider is giving
                                         you at your hands.
                                         <br/><br/>
                                         To learn what is behind the scenes will be a quite challenging job if you go for a CMS.
@@ -228,10 +230,10 @@ settings:
                                         A provider won't get you any insight view what's happening in behind.
                                         <br/><br/>
                                         J1 is created to flatten the learning curve for learning how modern websites
-                                        are being created. Using Jekyll One, people can start on a beginner level but
-                                        simultaneously achive good results. That's important for all users but especially
-                                        for learners. The website generator Jekyll plus the template system J1 enables all
-                                        to reach a next level and having always fun what they're doing.
+                                        are being made. Using Jekyll One, people can start on a beginner level but
+                                        simultaneously achieve good results. That's important for all users but especially
+                                        for learners. The website generator Jekyll plus the template system J1 enables
+                                        all to reach the next level and always having fun what they're doing.
                                         <br/><br/>
                                         Jekyll One is meant to be a useful site for creators, for makers, for learners.
                                         For all people having this on their minds: creating unique websites by getting
@@ -265,6 +267,7 @@ settings:
         enabled:                          true
         type:                             image
         comment:                          Main image banner shown on home page
+
         lane_span:                        fluid
 
         cards:
@@ -291,6 +294,7 @@ settings:
         enabled:                          true
         type:                             parallax
         comment:                          Main parallax banner shown on home page
+
         style:                            dark
         lane_span:                        fluid
 
@@ -324,6 +328,7 @@ settings:
         enabled:                          false
         type:                             parallax
         comment:                          Main parallax banner shown on home page
+
         style:                            dark
         lane_span:                        fluid
 

data/lib/starter_web/_data/blocks/defaults/banner.yml

@@ -16,7 +16,6 @@
 # DEFAULT settings
 #
 defaults:
-
   # ----------------------------------------------------------------------------
   # Global settings
   #
@@ -82,7 +81,7 @@ defaults:
   #
   divider:
     # --------------------------------------------------------------------------
-    # DIVIDER banner properties
+    # DIVIDER banner settings
     #
     id:                                 divider
     enabled:                            false
@@ -90,12 +89,14 @@ defaults:
     comment:                            Default Divider Banner
 
     lane_span:                          fixed
-    helper_classes:                     mt-4 mb-4
 
 
+  # ----------------------------------------------------------------------------
+  # TEASER banner
+  #
   teaser:
     # --------------------------------------------------------------------------
-    # TEASER banner properties
+    # TEASER banner settings
     #
     enabled:                            false
     id:                                 teaser_banner
@@ -108,7 +109,6 @@ defaults:
     background_color_2:                 md_gray_50
 
     lane_span:                          fixed
-    helper_classes:                     mt-4 mb-4
 
     cards:
       card:
@@ -149,10 +149,12 @@ defaults:
               icon_size:                lg
               href:                     javascript:void(0)
               target:                   blank
-
+  # ----------------------------------------------------------------------------
+  # IMAGE banner
+  #
   image:
     # --------------------------------------------------------------------------
-    # IMAGE Banner properties
+    # IMAGE banner settings
     #
     enabled:                            false
     id:                                 image_banner
@@ -163,7 +165,6 @@ defaults:
     background_color_2:                 md_gray_50
 
     lane_span:                          fluid
-    helper_classes:                     mt-4 mb-4
 
     cards:
 
@@ -185,9 +186,12 @@ defaults:
             href:                       javascript:void(0)
             target:                     blank
 
+  # ----------------------------------------------------------------------------
+  # PARALLAX banner
+  #
   parallax:
     # --------------------------------------------------------------------------
-    # PARALLAX Banner properties
+    # PARALLAX banner settings
     #
     enabled:                            false
     id:                                 parallax_banner
@@ -199,7 +203,6 @@ defaults:
     background_color_2:                 md_gray_50
 
     lane_span:                          fluid
-    helper_classes:                     mt-4 mb-4
 
     cards:
 
@@ -228,7 +231,6 @@ defaults:
             href:                       javascript:void(0)
             target:                     blank
 
-
   # ----------------------------------------------------------------------------
   # EXCEPTION banner
   #
@@ -238,7 +240,7 @@ defaults:
   #
   exception:
     # --------------------------------------------------------------------------
-    # EXCEPTION banner properties
+    # EXCEPTION banner settings
     #
     id:                                 exception_container
     enabled:                            true
@@ -246,7 +248,6 @@ defaults:
     comment:                            Default Exception Banner
 
     lane_span:                          fixed
-    helper_classes:                     mt-4 mb-4
 
 # ------------------------------------------------------------------------------
 # END config