j1-template 2020.0.0

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

@@ -0,0 +1,114 @@
+# ------------------------------------------------------------------------------
+# ~/_data/apps/light_gallery.yml
+# User configuration settings for J1 LightGallery (lg)
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2020 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# About this configuration (used for J1 CC only)
+#
+about_config:
+
+  title:                                Light Gallery
+  scope:                                User settings
+  location:                             _data/apps/light_gallery.yml
+
+# ------------------------------------------------------------------------------
+# User configuration settings
+#
+settings:
+
+  # ----------------------------------------------------------------------------
+  # behavior and appearance
+  #
+  autoplay:
+    enabled:                        false
+    pause:                          5000
+    progressBar:                    true
+    fourceAutoplay:                 false
+    autoplayControls:               true
+    appendAutoplayControlsTo:       .lg-toolbar
+
+  fullScreen:
+    enabled:                        true
+
+  # ----------------------------------------------------------------------------
+  # HASH plugin
+  #
+  hash:
+    enabled:                        false
+
+  # ----------------------------------------------------------------------------
+  # PAGER plugin
+  #
+  pager:
+    enabled:                        false
+
+  # ----------------------------------------------------------------------------
+  # SHARE plugin
+  #
+  share:
+    enabled:                        false
+    facebook:                       true
+    facebookDropdownText:           Facebook
+    twitter:                        true
+    twitterDropdownText:            Twitter
+    googlePlus:                     true
+    googlePlusDropdownText:         GooglePlus
+    pinterest:                      true
+    pinterestDropdownText:          Pinterest
+
+  # ----------------------------------------------------------------------------
+  # THUMBNAIL plugin
+  #
+  thumbnail:
+    enabled:                        false
+    animateThumb:                   true
+    currentPagerPosition:           middle
+    thumbWidth:                     100
+    thumbContHeight:                100
+    thumbMargin:                    5
+    exThumbImage:                   false
+    showThumbByDefault:             true
+    toogleThumb:                    true
+    pullCaptionUp:                  true
+    enableThumbDrag:                true
+    enableThumbSwipe:               true
+    swipeThreshold:                 50
+    loadYoutubeThumbnail:           true
+    youtubeThumbSize:               1
+    loadVimeoThumbnail:             true
+    vimeoThumbSize:                 thumbnail_small
+    loadDailymotionThumbnail:       true
+
+  # ----------------------------------------------------------------------------
+  # VIDEO plugin
+  #
+  video:
+    videoMaxWidth:                  855
+    youtubePlayerParams:            false
+    vimeoPlayerParams:              false
+    dailymotionPlayerParams:        false
+    vkPlayerParams:                 false
+    videojs:                        true                                        # Enable VideoJS player
+    videojsOptions:                 {}
+
+  # ----------------------------------------------------------------------------
+  # ZOOM plugin
+  #
+  zoom:
+    enabled:                        false
+    scale:                          1
+    actualSize:                     true
+    enableZoomAfter:                300
+
+
+# ------------------------------------------------------------------------------
+# END config

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

@@ -0,0 +1,181 @@
+# ------------------------------------------------------------------------------
+# ~/_data/apps/lightbox.yml
+# Default configuration for J1 Lightbox V2
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2020 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# About this configuration (used for J1 CC only)
+#
+about_config:
+
+  title:                                Lightbox
+  scope:                                User settings
+  location:                             _data/modules/lightbox.yml
+
+# ------------------------------------------------------------------------------
+# User configuration settings
+#
+settings:
+
+  # ------------------------------------------------------------------------------
+  # Lightbox V2
+  #
+  # JavaScript library that displays images and videos by filling the
+  # screen, and dimming out the rest of the web page. Enables gallery views
+  # for individual images, images sets and images are part of a carousel
+  # (e.g. Owl Carousel).
+
+  # GENERAL settings
+  # ------------------------------------------------------------------------------
+
+  # version
+  # ------------------------------------------------------------------------------
+  #   Current version of the module
+  #
+  #   values:                         string
+  #   default:                        no defaults
+  #
+  version:                            0.0.1
+
+  # enabled
+  # ------------------------------------------------------------------------------
+  #   Enables|Disables the use of LightGallery for the template system
+  #
+  #   values:                         boolean (true|false)
+  #   default:                        false
+  #
+  enabled:                            true
+
+  # ------------------------------------------------------------------------------
+  # J1 Lightbox default settings
+  #
+
+  #   alwaysShowNavOnTouchDevices
+  #   ----------------------------------------------------------------------------
+  #   If true, the left and right navigation arrows which appear
+  #   on mouse hover when viewing image sets will always be visible
+  #   on devices which support touch.
+  #
+  #   values:                         boolean (false|true)
+  #   default:                        false
+  #
+  #   albumLabel
+  #   ----------------------------------------------------------------------------
+  #   The text displayed below the caption when viewing an image
+  #   set. The default text shows the current image number and the
+  #   total number of images in the set.
+  #
+  #   values:                         string
+  #   default:                        "Image %1 of %2"
+  #
+  #   disableScrolling
+  #   ----------------------------------------------------------------------------
+  #   If true, prevent the page from scrolling while Lightbox is
+  #   open. This works by settings overflow hidden on the body.
+  #
+  #   values:                         boolean (false|true)
+  #   default:                        false
+  #
+  #   fadeDuration
+  #   ----------------------------------------------------------------------------
+  #   The time it takes for the Lightbox container and overlay to
+  #   fade in and out, measured in milliseconds.
+  #
+  #   values:                         integer
+  #   default:                        600
+  #
+  #   fitImagesInViewport
+  #   ----------------------------------------------------------------------------
+  #   If true, resize images that would extend outside of the
+  #   viewport so they fit neatly inside of it. This saves the
+  #   user from having to scroll to see the entire image.
+  #
+  #   values:                         boolean (false|true)
+  #   default:                        true
+  #
+  #   imageFadeDuration
+  #   ----------------------------------------------------------------------------
+  #   The time it takes for the image to fade in once loaded,
+  #   measured in milliseconds.
+  #
+  #   values:                         integer (ms)
+  #   default:                        600
+  #
+  #   maxWidth
+  #   ----------------------------------------------------------------------------
+  #   If set, the image width will be limited to this number,
+  #   measured in pixels.
+  #
+  #   values:                         integer (px)
+  #   default:                        no defaults
+  #
+  #   maxHeight
+  #   ----------------------------------------------------------------------------
+  #   If set, the image height will be limited to this number,
+  #   measured in pixels.
+  #
+  #   values:                         integer (px)
+  #   default:                        no defaults
+  #
+  #   positionFromTop
+  #   ----------------------------------------------------------------------------
+  #   The distance from top of viewport that the Lightbox container
+  #   will appear, measured in pixels.
+  #
+  #   values:                         integer (px)
+  #   default:                        50
+  #
+  #   resizeDuration
+  #   ----------------------------------------------------------------------------
+  #   The time it takes for the Lightbox container to animate its
+  #   width and height when transition between different size
+  #   images, measured in milliseconds.
+  #
+  #   values:                         integer (ms)
+  #   default:                        700
+  #
+  #   showImageNumberLabel
+  #   ----------------------------------------------------------------------------
+  #   If false, the text indicating the current image number and
+  #   the total number of images in set (e.g. "image 2 of 4")
+  #   will be hidden.
+  #
+  #   values:                         boolean: true|false
+  #   default:                        true
+  #
+  #   wrapAround
+  #   ----------------------------------------------------------------------------
+  #   If true, when a user reaches the last image in a set, the
+  #   right navigation arrow will appear and they will be to
+  #   continue moving forward which will take them back to the
+  #   first image in the set.
+  #
+  #   values:                         boolean (false|true)
+  #   default:                        false                4
+  #
+  # ------------------------------------------------------------------------------
+
+  alwaysShowNavOnTouchDevices:          false
+  albumLabel:                           Image %1 of %2
+  disableScrolling:                     false
+  fadeDuration:                         600
+  fitImagesInViewport:                  true
+  imageFadeDuration:                    600
+  maxWidth:
+  maxHeight:
+  positionFromTop:                      50
+  resizeDuration:                       250
+  showImageNumberLabel:                 true
+  wrapAround:                           true
+
+
+# ------------------------------------------------------------------------------
+# END config

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

@@ -0,0 +1,366 @@
+# ------------------------------------------------------------------------------
+#  ~/_data/blocks/banner.yml
+#  User configuration settings for BANNER lanes
+#
+#  Product/Info:
+#  https://jekyll.one
+#
+#  Copyright (C) 2020 Juergen Adams
+#
+#  J1 Template is licensed under the MIT License.
+#  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+#
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# About this configuration (used for CC only)
+#
+about_config:
+  title:                                Banner
+  scope:                                User settings
+  location:                             _data/blocks/banner.yml
+
+# ------------------------------------------------------------------------------
+# SETTINGS
+#
+settings:
+
+  # ----------------------------------------------------------------------------
+  # General parallax settings
+  #
+  # Global configuration for parallax|banner quotes. These settings are
+  # side-wide and should match your theme not individual images. Be careful
+  # for the selection of banner images.
+  #
+  # Individual settings (e.g. page placement, cite, source) are configured
+  # with the panels configuration (j1_panels.yml).
+  #
+  #   gridify
+  #   --------------------------------------------------------------------------
+  #   If enabled, a grit pattern is placed over the background image. This
+  #   puts some "noise" on the image to focus more on the quote|text rather
+  #   than the image.
+  #
+  #   values:                         boolean (true|false)
+  #   default:                        true
+  #
+  #   gridifier
+  #   --------------------------------------------------------------------------
+  #   Pixel image used to gridify the background image of the banner.
+  #
+  #   values:                         image path|name (string)
+  #   default:                        /assets/images/modules/patterns/gridtile.png
+  #
+  #   darken
+  #   --------------------------------------------------------------------------
+  #   Sets the lightning for the banner|background image. As higher the value
+  #   for darken as less is the (background) light. Values are out of the
+  #   range from 1 (light) to 9 (dark). Useful to focus on the quote|text
+  #   rather than the background image.
+  #
+  #   values:                         number [1 .. 9]
+  #   default:                        3
+  #
+  #   background
+  #   --------------------------------------------------------------------------
+  #   Default background image of the banner if no other image is specified with
+  #   the panels configuration (j1_panels.yml).
+  #
+  #   values:                         image path|name (string)
+  #   default:                        /assets/images/quotes/default.png
+  # ----------------------------------------------------------------------------
+  parallax_settings:
+
+    gridify:                            true
+    gridifier:                          /assets/images/modules/patterns/gridtile.png
+    text_color:                         rgba_lighten
+    cite_color:                         rgba_lighten
+    darken:                             3
+    background:                         /assets/images/quotes/default.png
+    background_pos_x:                   50%
+    background_pos_y:                   0
+
+  # ----------------------------------------------------------------------------
+  # DIVIDER Banner
+  #
+  divider:
+
+    # --------------------------------------------------------------------------
+    # DIVIDER banner properties
+    #
+    - name:                             Divider Banner 1
+      banner:
+        id:                             divider-1
+        enabled:                        true
+        type:                           divider
+        comment:                        Divider Banner 1
+
+    - name:                             Divider Banner 2
+      banner:
+        id:                             divider-2
+        enabled:                        true
+        type:                           divider
+        comment:                        Divider Banner 2
+
+    - name:                             Divider Banner 3
+      banner:
+        id:                             divider-3
+        enabled:                        true
+        type:                           divider
+        comment:                        Divider Banner 3
+
+
+  # ----------------------------------------------------------------------------
+  # TEASER Banner
+  #
+  teaser:
+
+    # --------------------------------------------------------------------------
+    # home_teaser_banner
+    #
+    - name:                             Home Teaser Banner
+      banner:
+        id:                             home_teaser_banner
+        enabled:                        true
+        comment:                        Top teaser shown on home page
+        type:                           teaser
+        icon_family:                    MDI
+        style:                          light
+        background_color_1:             md_gray_50
+        background_color_2:             md_gray_50
+        lane_span:                      fixed
+
+        cards:
+
+          - name:                       Teaser Content
+            card:
+              enabled:                  true
+              width:                    12
+              type:                     text
+              animate:                  fadeInUp
+              title:                    Jekyll One Template
+              tagline:                  <large><b>powerful modern static websites</b></large>
+              description: >
+                                        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.
+                                        <br/><br/>                                          
+                                        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 
+                                        are free to use as well. No license issues for private 
+                                        or professional use.
+                                        <br/><br/>
+                                        Explore what's possible if you create websites the 
+                                        the static way.
+              buttons:
+                - name:                 Roundtrip button
+                  button:
+                    text:               Roundtrip
+                    class:              btn btn-raised btn-flex btn-md btn-info g-mr-5
+                    icon:               eye
+                    icon_color:         md_white
+                    icon_size:          24px
+                    href:               /pages/public/learn/whats_up/
+                    target:
+
+                - name:                 Kickstarter button
+                  button:
+                    text:               Kickstart
+                    class:              btn btn-raised btn-flex btn-md btn-info g-mr-5
+                    icon:               rocket
+                    icon_color:         md_white
+                    icon_size:          24px
+                    href:               /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
+                    target:
+
+                # - name:                 Patreon button
+                #   button:
+                #     text:               Become a Patron
+                #     class:              btn btn-raised btn-flex btn-md btn-red
+                #     icon:               patreon
+                #     icon_color:         md_white
+                #     icon_size:          24px
+                #     href:               https://www.patreon.com/join/jekyll_one
+                #     target:             blank
+
+    # --------------------------------------------------------------------------
+    # Home Welcome Banner
+    #
+    - name:                             Home Welcome Banner
+      banner:
+        id:                             home_welcome_banner
+        enabled:                        true
+        comment:                        Teaser shown on home page below the parallax
+        type:                           teaser
+        icon_family:                    MDI
+        style:                          light
+        background_color_1:             md_gray_50
+        background_color_2:             md_gray_50
+        lane_span:                      fixed
+
+        cards:
+
+          - name:                       Welcome Content
+            card:
+              enabled:                  true
+              width:                    12
+              type:                     text
+              animate:                  fadeInUp
+              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 
+                                        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.
+                                        For Content Management Systems, expect a really steep learning curve to get
+                                        an insight view. If you have plans using an Online Service, forget about learning. 
+                                        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.
+                                        <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 
+                                        their hands dirty and to keep control over what's happening.
+                                        <br/><br/>
+                                        Willing for a try?
+
+                                        
+              buttons:
+
+                - name:                 Kickstarter button
+                  button:
+                    text:               Start creating your static web
+                    class:              btn btn-raised btn-flex btn-md btn-info g-mr-5
+                    icon:               rocket
+                    icon_color:         md_white
+                    icon_size:          24px
+                    href:               /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
+                    target:
+
+  # ----------------------------------------------------------------------------
+  # IMAGE Banner
+  #
+  image:
+    # --------------------------------------------------------------------------
+    # home_image_banner
+    #
+    - name:                               Home Image Banner
+      banner:
+        id:                               home_image_banner
+        enabled:                          true
+        type:                             image
+        comment:                          Main image banner shown on home page
+        background_color_1:               md_gray_300
+        background_color_2:               md_gray_50
+        lane_span:                        fluid
+
+        cards:
+
+          - name:                         Image settings
+            card:
+              enabled:                    true
+              gridify:                    false
+              size_y:                     450
+              darken:                     1
+              background_image:           /assets/images/modules/attics/ideas-start-here-1920x1280-bw.jpg
+
+
+  # ----------------------------------------------------------------------------
+  # PARALLAX Banner
+  #
+  parallax:
+    # --------------------------------------------------------------------------
+    # home_parallax_banner
+    #
+    - name:                               Home Parallax Banner v1
+      banner:
+        id:                               home_parallax_banner
+        enabled:                          true
+        type:                             parallax
+        comment:                          Main parallax banner shown on home page
+        style:                            dark
+#       background_color_1:               md_gray_300
+#       background_color_2:               md_gray_50
+        lane_span:                        fluid
+
+        cards:
+
+          - name:                         Quote settings
+            card:
+              enabled:                    true
+              type:                       quote
+              cite_text_size:             300%
+              cite_text_quotes:           false
+              cite_text: >
+                                          Making is like Wanting,
+                                          <br> but even <span style="color:red">Better</span>
+              cite_size:                  200%
+#             cite:                       J1 Team
+              text_color:                 rgba_lighten_900
+              cite_color:                 rgba_lighten
+              gridify:                    true
+              size_y:                     450
+              darken:                     6
+              background_image:           /assets/images/modules/attics/ideas-start-here-1920x1280-bw.jpg
+
+    # --------------------------------------------------------------------------
+    # parallax_banner_einstein
+    #
+    - name:                               Home Parallax Banner v2
+      banner:
+        id:                               parallax_banner_einstein
+        enabled:                          false
+        type:                             parallax
+        comment:                          Main parallax banner shown on home page
+        style:                            dark
+        lane_span:                        fluid
+
+        cards:
+
+          - name:                         Quote settings
+            card:
+              enabled:                    true
+              type:                       quote
+              cite_text: >
+                                          Everything should be made as <b><span class="color-red">simple</span></b>
+                                          as possible,<br>
+                                          but not <b><span class="color-red">simpler</span></b>
+              cite:                       Albert Einstein
+              text_color:                 rgba_lighten_900
+              cite_color:                 rgba_lighten
+              gridify:                    true
+              darken:                     7
+              background_image:           /assets/images/quotes/albert_einstein.png
+
+  # ----------------------------------------------------------------------------
+  # FOO Banner
+  #
+  foo:
+    # --------------------------------------------------------------------------
+    # foo_banner
+    #
+    - name:                               Foo Banner
+      banner:
+        id:                               foo_banner
+        enabled:                          false
+        type:                             foo
+        comment:                          Banner (type) to test config issues/exceptions
+
+
+# END config
+# ------------------------------------------------------------------------------