j1-template 2020.0.9 → 2020.0.14

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2020.0.9'
+  VERSION = '2020.0.14'
 end

data/lib/starter_web/Gemfile

@@ -45,13 +45,13 @@ ruby RUBY_VERSION
 # See: https://github.com/jekyll/jekyll/issues/8049
 # gem "jekyll", github: "jekyll/jekyll"
 
-# Latest stable Jekyll version
+# Jekyll version
 #
 gem 'jekyll', '~> 4.0'
 
-# Theme Rubies, default: J1 Template
+# Theme Rubies, default: J1 Template (NOT used for the developmnet system)
 #
-gem 'j1-template', '~> 2020.0.9'
+gem 'j1-template', '~> 2020.0.14'
 
 # ------------------------------------------------------------------------------
 # PRODUCTION: Gem needed for the Jekyll and J1 prod environment
@@ -78,7 +78,7 @@ gem 'htmlbeautifier', '>= 1.2.1'
 gem 'middleman-core', '~> 4.2', '>= 4.2.1'
 
 # ------------------------------------------------------------------------------
-# Timezone support
+# Timezone support (multi-platform)
 #
 gem 'tzinfo', '>= 1.2.2'
 
@@ -86,15 +86,15 @@ gem 'tzinfo', '>= 1.2.2'
 # Platform specific Gem
 #
 
-#   Windows does not include zoneinfo files, so bundle the
-#   tzinfo-data gem
+# Windows does not include zoneinfo files (timezone support).
+# To provide zoneinfo, tzinfo-data gem is bundled on win platforms
 #
-gem "tzinfo-data"                                                               # if Gem.win_platform?
+gem 'tzinfo-data' if Gem.win_platform?
 
-#  Windows Directory Monitor (WDM) monitor directories
-#  for changes
+# Windows Directory Monitor (WDM) monitor directories
+# for changes
 #
-gem 'wdm', '>= 0.1.1'                                                           # if Gem.win_platform?
+gem 'wdm', '>= 0.1.1' if Gem.win_platform?
 
 # ------------------------------------------------------------------------------
 # Jekyll Plugins
@@ -209,5 +209,11 @@ gem 'scss_lint', '~> 0.56.0'
 gem 'sass', '~> 3.5.0'
 gem 'bump', '~> 0.5.4'
 
+# ------------------------------------------------------------------------------
+# Gem needed to compress JS and JSON files
+# Gem uglifier is an dependency of middleman-core
+# gem 'uglifier', '~> 3.2.0'
+gem 'json-minify', '~> 0.0.3'
+
 # ------------------------------------------------------------------------------
 # END

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            production
 # ------------------------------------------------------------------------------
 #   Sets the build version of J1 Template Gem
 #
-version:                                2020.0.9
+version:                                2020.0.14
 
 # version
 # ------------------------------------------------------------------------------
@@ -224,7 +224,7 @@ doctype:                                html
 #   values:                             boolean (true|false)
 #   default:                            false
 #
-title:                                  J1 Template MDE
+title:                                  J1 Template
 slogan:                                 Starter Web
 description:                            Made for Jekyll · Made for Your Web
 keywords:                               Jekyll, One, Template, Ruby, Asciidoctor,
@@ -314,7 +314,7 @@ permalink:                              pretty
 # site.url will be set to the value of host, port. This defaults to
 # url: http://localhost:4000.
 #
-url:                                    "http://localhost:40000"
+url:                                    "http://localhost:44440/"
 
 # The subpath of your site, e.g. /blog/. Used in conjunction with
 # site.url (see above) when you want a link to something with the
@@ -341,7 +341,7 @@ base_path:                              ""
 #
 #  Defaults:
 #   protocol:                           http
-#   host:                               localhost | 0.0.0.0
+#   host:                               localhost
 #   port:                               4000
 #   timezone:                           Europe/Berlin
 #   encoding:                           UTF-8
@@ -546,8 +546,10 @@ autopages:
 
   tags:
     enabled:                            false
-    layouts:                            [ paginator/autopage_collections_tags.html, paginator/autopage_tags.html ]
-
+    layouts:                            [
+                                          paginator/autopage_collections_tags.html,
+                                          paginator/autopage_tags.html
+                                        ]
   categories:
     enabled:                            false
     layouts:                            [ paginator/autopage_category.html ]
@@ -639,7 +641,7 @@ defaults:
         size:                           5x
 
       images:
-#       category-image:                 img26.jpg
+#       category-image:                 img26.webp
         dir:                            /assets/images/collections/blog/featured
 
       resource_options:
@@ -674,7 +676,7 @@ defaults:
         size:                           5x
 
       images:
-#       category-image:                 img26.jpg
+#       category-image:                 img26.webp
         dir:                            /assets/images/collections/blog/series
 
 
@@ -846,6 +848,5 @@ compress_html:
   ignore:
     envs:                               []
 
-
-# END config
 # ------------------------------------------------------------------------------
+# END config

data/lib/starter_web/_data/_defaults/resources.yml

@@ -784,19 +784,19 @@ resources:
       data:
         css:                            []
         files:                          [
-                                          extensions/light_gallery/css/lightgallery.css,
-                                          extensions/light_gallery/css/theme/uno.css,
-                                          extensions/light_gallery/css/lg-transitions.css,
-                                          extensions/light_gallery/css/lg-fb-comment-box.css,
-                                          extensions/light_gallery/js/lightgallery.js,
-                                          extensions/light_gallery/js/lg-autoplay.js,
-                                          extensions/light_gallery/js/lg-fullscreen.js,
-                                          extensions/light_gallery/js/lg-hash.js,
-                                          extensions/light_gallery/js/lg-pager.js,
-                                          extensions/light_gallery/js/lg-share.js,
-                                          extensions/light_gallery/js/lg-thumbnail.js,
-                                          extensions/light_gallery/js/lg-video.js,
-                                          extensions/light_gallery/js/lg-zoom.js,
+                                          extensions/lightGallery/css/lightgallery.css,
+                                          extensions/lightGallery/css/theme/uno.css,
+                                          extensions/lightGallery/css/lg-transitions.css,
+                                          extensions/lightGallery/css/lg-fb-comment-box.css,
+                                          extensions/lightGallery/js/lightgallery.js,
+                                          extensions/lightGallery/js/lg-autoplay.js,
+                                          extensions/lightGallery/js/lg-fullscreen.js,
+                                          extensions/lightGallery/js/lg-hash.js,
+                                          extensions/lightGallery/js/lg-pager.js,
+                                          extensions/lightGallery/js/lg-share.js,
+                                          extensions/lightGallery/js/lg-thumbnail.js,
+                                          extensions/lightGallery/js/lg-video.js,
+                                          extensions/lightGallery/js/lg-zoom.js,
                                           extensions/videojs/js/video.7.3.0.min.js,
                                           extensions/videojs/css/video-js.7.3.0.min.css,
                                           extensions/vimeo_player/js/froogaloop2.min.js

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

@@ -126,8 +126,6 @@ settings:
         type:                           teaser
         icon_family:                    MDI
         style:                          light
-        background_color_1:             md_gray_50
-        background_color_2:             md_gray_50
         lane_span:                      fixed
 
         cards:
@@ -141,19 +139,19 @@ settings:
               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 
+                                        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/>                                          
+                                        <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 
+                                        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 
+                                        Explore what's possible if you create websites the
                                         the static way.
               buttons:
                 - name:                 Roundtrip button
@@ -197,8 +195,6 @@ settings:
         type:                           teaser
         icon_family:                    MDI
         style:                          light
-        background_color_1:             md_gray_50
-        background_color_2:             md_gray_50
         lane_span:                      fixed
 
         cards:
@@ -212,34 +208,34 @@ 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 
+                                        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 
+                                        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. 
+                                        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/>                                        
+                                        <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 
+                                        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 
+                                        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
@@ -265,8 +261,6 @@ settings:
         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:
@@ -277,7 +271,7 @@ settings:
               gridify:                    false
               size_y:                     450
               darken:                     1
-              background_image:           /assets/images/modules/attics/ideas-start-here-1920x1280-bw.jpg
+              background_image:           /assets/images/modules/attics/ideas-start-here-1920x1280-bw.webp
 
 
   # ----------------------------------------------------------------------------
@@ -294,8 +288,6 @@ settings:
         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:
@@ -316,7 +308,7 @@ settings:
               gridify:                    true
               size_y:                     450
               darken:                     6
-              background_image:           /assets/images/modules/attics/ideas-start-here-1920x1280-bw.jpg
+              background_image:           /assets/images/modules/attics/ideas-start-here-1920x1280-bw.webp
 
     # --------------------------------------------------------------------------
     # parallax_banner_einstein
@@ -363,4 +355,4 @@ settings:
 
 
 # END config
-# ------------------------------------------------------------------------------
+# ------------------------------------------------------------------------------

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

@@ -119,8 +119,8 @@ settings:
             text: >
                                         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. 
+                                        Jekyll One Template is open source and the modules included
+                                        are free to use as well.
                                         <br/><br/>
                                         No issues for private or professional use.
 
@@ -137,6 +137,7 @@ settings:
 
           # --------------------------------------------------------------------
           # REFERENCES box
+          # See: https://www.markus-steinacher.at/sichere-externe-links-durch-target_blank-relnoopener-noreferrer/
           #
           - name:                       References
             type:                       references
@@ -150,18 +151,24 @@ settings:
                   title:                Jekyll Home
                   tagline:              First addresss for latest news
                   href:                 http://jekyllrb.com/
+                  target:               _blank
+                  rel:                  noopener noreferrer
 
               - name:                   Jekyll Tips
                 link:
                   title:                Jekyll Tips
                   tagline:              Learn from experts
                   href:                 http://jekyll.tips/
+                  target:               _blank
+                  rel:                  noopener noreferrer
 
               - name:                   Stackoverflow
                 link:
                   title:                Stackoverflow
                   tagline:              Get help from the community
                   href:                 http://stackoverflow.com/questions/tagged/jekyll
+                  target:               _blank
+                  rel:                  noopener noreferrer
 
           # --------------------------------------------------------------------
           # CONTACT box
@@ -186,4 +193,4 @@ settings:
 
 
 # ------------------------------------------------------------------------------
-# END configuration
+# END configuration

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

@@ -38,22 +38,22 @@ settings:
         id:                             home_intro_panel
         comment:                        Home Intro Panel
         type:                           intro
-        animate:                        
+        animate:
         title:                          All in One
         tagline:                        top features
         description: >
-                                        People quite often ask, if static websites make sense for 
+                                        People quite often ask, if static websites make sense for
                                         anything beyond a one-page website. Some other see in static websites
                                         the stone age of the World Wide Web. What's about of static websites
                                         today? What's achiveable?
                                         <br/><br/>
-                                        This board highlights top features, what make static webs not 
-                                        only an option, but an attractive method to create fast, secure 
+                                        This board highlights top features, what make static webs not
+                                        only an option, but an attractive method to create fast, secure
                                         and sophisticated websites for many use cases.
         style:                          flat
         raised:
         lane_span:                      fixed
-        helper_classes:
+        helper_classes:                 mt-2
 
         cards:
 
@@ -68,7 +68,7 @@ settings:
               icon_size:                3x
               icon_color:               bg-primary                              # md-indigo
               text: >
-                                        The Web is everywhere. J1 Template supports modern 
+                                        The Web is everywhere. J1 Template supports modern
                                         web browsers on all devices. For best results on PCs,
                                         Tablets and SmartPhones.
 
@@ -88,7 +88,7 @@ settings:
             card:
               enabled:                  true
               type:                     text
-              title:                    HTML5 &#xB7; CSS3 &#xB7; JS
+              title:                    HTML &#xB7; CSS &#xB7; JS
               tagline:                  J1 Template
               icon:                     language-html5
               icon_family:              MDI
@@ -122,8 +122,8 @@ settings:
               icon_size:                3x
               icon_color:               bg-primary                              # md-indigo
               text: >
-                                        No programming is needed to start using J1. The Template 
-                                        provides a large number of building blocks to create 
+                                        No programming is needed to start using J1. The Template
+                                        provides a large number of building blocks to create
                                         modern web pages in minutes.
 
               buttons:
@@ -154,7 +154,7 @@ settings:
         icon_family:                    MDI
         style:                          flat
         lane_span:                      fixed
-        helper_classes:
+        helper_classes:                 mt-2
 
         header:
           enabled:                      true
@@ -193,7 +193,7 @@ settings:
               enabled:                  true
               type:                     service
               icon:                     bullseye
-              icon_size:                8x
+              icon_size:                mdi-6x
               icon_color:               md-grey-800
               href:                     /pages/public/panel/service_panel/core
               title:                    J1 Template
@@ -226,7 +226,7 @@ settings:
               enabled:                  true
               type:                     service
               icon:                     locker-multiple
-              icon_size:                8x
+              icon_size:                mdi-6x
               icon_color:               md-grey-800
               href:                     /pages/public/panel/service_panel/components/
               title:                    J1 Template
@@ -259,7 +259,7 @@ settings:
               enabled:                  true
               type:                     service
               icon:                     language-javascript
-              icon_size:                8x
+              icon_size:                mdi-6x
               icon_color:               md-grey-800
               href:                     /pages/public/panel/service_panel/modules/
               title:                    J1 Template
@@ -300,15 +300,15 @@ settings:
         id:                             home_news_panel
         comment:                        Home News Panel
         type:                           news
-        animate:        
+        animate:
         title:                          Creators Blog
         tagline:                        latest news
-        helper_classes:
+        helper_classes:                 mt-2
         description: >
                                         Explore the blog and find some interesting articles around Jekyll and
                                         website creation processes in general. And this blog is an excellent
-                                        example how J1 and Jekyll can be used for blogging.                                      
-                                        <br/><br/>
+                                        example how J1 and Jekyll can be used for blogging.
+                                        <br/>
                                         Have fun!
 
         cards:
@@ -319,7 +319,7 @@ settings:
               category:                 featured
 #             truncatewords:            30                                      # currently NOT used
               max_posts:                3
-              readmore_text:            read more
+              readmore_text:            Read
 
   # # ----------------------------------------------------------------------------
   # # STEP Panel
@@ -335,14 +335,14 @@ settings:
   #       type:                       step
   #       style:                      dark
   #       lane_span:                  fixed
-  # 
+  #
   #       cards:
   #         - card:
   #             title:                Marketing & Consulting
   #             tagline: >
   #                                   Donec id elit non mi porta gravida at eget
   #                                   metus id elit mi egetine. Fusce dapibus
-  
+
 
 # ------------------------------------------------------------------------------
-# END config
+# END config