j1-template 2023.7.0 → 2023.8.0

data/assets/themes/j1/modules/slick/slider/css/theme/uno.css

@@ -12,8 +12,6 @@
  # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
  # -----------------------------------------------------------------------------
 */
-@charset 'UTF-8';
-
 
 /* Article link (collections)
 -------------------------------------------------------------------------------- */
@@ -33,7 +31,6 @@ a.article-link:hover {
 h2.slide-item, h3.slide-item {
     background: var(--bs-gray-400);
     color: var(--bs-gray-800);
-    /* font-size: 36px !important; */
     line-height: 150px;
     margin-right: 1%;
     margin-top:  0px;
@@ -42,17 +39,6 @@ h2.slide-item, h3.slide-item {
     text-align: center;
 }
 
-/*
-h2.slide-item, h3.slide-item {
-    background: var(--bs-gray-400);
-    color: var(--bs-gray-800);
-    font-size: 36px;
-    line-height: 150px;
-    margin: 1%;
-    text-align: center;
-}
-*/
-
 /* All carousels
 -------------------------------------------------------------------------------- */
 .slick-loading .slick-list {
@@ -60,9 +46,13 @@ h2.slide-item, h3.slide-item {
 }
 
 .slider-title {
-  font-style: italic;
+  text-rendering: optimizeLegibility;
+  text-align: left;
+  line-height: 1.25;
+  font-size: 1.125rem;
   font-weight: 500;
-  margin-left: 1px;
+  margin-top: 1.75rem;
+  margin-bottom: .5rem;
 }
 
 /* Cards
@@ -96,18 +86,19 @@ a.link-no-decoration:hover {
 .slick-dots {
 	display: block;
 	width: 100%;
-	padding: 0;
-	margin: 0;
-  /* margin-top: 5px; */
+	padding-left: 0;                                                              /* overwite left padding */
+  margin: 10px 0 0 0;                                                           /* overwite button styles */
 	list-style: none;
 	text-align: center;
+  line-height: 0;
 }
 
 .slick-dots li {
 	display: inline-block;
-  width: 1.25rem;
-  height: 1.25rem;
-  margin: 5px 7px;
+  width: 20px;
+  height: 20px;
+  margin-right: 7px;
+  margin-left: 7px;
   filter: Alpha(Opacity=50);
   opacity: 0.5;
   -webkit-border-radius: 20px;
@@ -117,15 +108,13 @@ a.link-no-decoration:hover {
 	cursor: pointer;
 }
 
+/* modify the arrow button style */
 .slick-dots li button {
-	font-size: 0;
+	font-size: 0;                                                                  /* suppress numbering */
 	line-height: 0;
 	display: block;
-	width: 20px;
-	height: 20px;
-	padding: 5px;
-	cursor: pointer;
-	color: transparent;
+  margin: 0;
+  padding: 0;
 	border: 0;
 	outline: none;
 	background: transparent;
@@ -148,32 +137,12 @@ a.link-no-decoration:hover {
 	opacity: 1;
 }
 
-.slick-dots li button:before {
-	font-family: 'slick';
-	font-size: 12px;
-	line-height: 20px;
-	position: relative;
-	top: -4px;
-	left: -1px;
-	width: 20px;
-	height: 20px;
-	content: '•';
-	text-align: center;
-	opacity: 0;
-	color: black;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-}
-
-.slick-dots li.slick-active button:before {
-	opacity: 1;
-	color: black;
-}
-
 /* Arrows
 -------------------------------------------------------------------------------- */
+/* modify the arrow (button) style */
 .slick-arrow {
-  top: 45%;                                                                     /* center arrows in slide (default) */
+  margin: 0;
+  padding: 0;
   z-index: 10;                                                                  /* show on top of a slide */
 }
 

data/assets/themes/j1/modules/slick/slider/css/theme/uno.min.css

@@ -1,6 +1,6 @@
 /*
  # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/modules/slick/css/theme/uno.min.css
+ # ~/assets/themes/j1/modules/slick/css/theme/uno.css
  # Provides Slicks styles for J1 Theme Uno
  #
  # Product/Info:
@@ -12,4 +12,4 @@
  # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
  # -----------------------------------------------------------------------------
 */
-@charset 'UTF-8';a.article-link{font-weight:500 !important;text-decoration:none;border-bottom:unset;color:#fafafa}a.article-link:hover{color:#bdbdbd}h2.slide-item,h3.slide-item{background:var(--bs-gray-400);color:var(--bs-gray-800);line-height:150px;margin-right:1%;margin-top:0;margin-bottom:0;padding-bottom:0;text-align:center}.slick-loading .slick-list{background:#fff url('../../images/ajax-loader.gif') center center no-repeat}.slider-title{font-style:italic;font-weight:500;margin-left:1px}.card{border:none !important}.card [class*="header-"],.card [class*="content-"]{color:var(--bs-gray-400) !important}.card .card-title a{color:var(--bs-gray-400) !important}.card .card-title>a:focus,.card .card-title>a:hover{color:rgba(255,255,255,0.4) !important}a.link-no-decoration:hover{color:rgba(255,255,255,0.4) !important}.slick-dots{display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{display:inline-block;width:1.25rem;height:1.25rem;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:var(--bs-primary);cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}.slick-dots li:hover{opacity:1}.slick-dots li.slick-active{opacity:1}.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:12px;line-height:20px;position:relative;top:-4px;left:-1px;width:20px;height:20px;content:'•';text-align:center;opacity:0;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:1;color:black}.slick-arrow{top:45%;z-index:10}.slick-prev,.slick-next{position:absolute;display:block;font-size:0;border:0;outline:0;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:0;color:transparent;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:40px;opacity:.75;color:var(--bs-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:3%}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:3%}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.controls{display:flex;width:100%}.captions{flex:1;width:100px;padding:10px;color:#212121;background:rgba(0,0,0,.1)}.caption{outline:0 !important;font-size:14px;font-weight:500}.pagination{display:flex;margin-top:2px}.pagination__button{cursor:pointer;display:flex;justify-content:center;align-items:center;color:#ccc;background:#fff;width:40px;height:40px;margin-left:2px}.pagination__button:hover{color:#fff;background:#2aa1c0}.pagination__button.slick-disabled{cursor:not-allowed;background:#ccc;color:#fff}
+a.article-link{font-weight:500 !important;text-decoration:none;border-bottom:unset;color:#fafafa}a.article-link:hover{color:#bdbdbd}h2.slide-item,h3.slide-item{background:var(--bs-gray-400);color:var(--bs-gray-800);line-height:150px;margin-right:1%;margin-top:0;margin-bottom:0;padding-bottom:0;text-align:center}.slick-loading .slick-list{background:#fff url('../../images/ajax-loader.gif') center center no-repeat}.slider-title{text-rendering:optimizeLegibility;text-align:left;line-height:1.25;font-size:1.125rem;font-weight:500;margin-top:1.75rem;margin-bottom:.5rem}.card{border:none !important}.card [class*="header-"],.card [class*="content-"]{color:var(--bs-gray-400) !important}.card .card-title a{color:var(--bs-gray-400) !important}.card .card-title>a:focus,.card .card-title>a:hover{color:rgba(255,255,255,0.4) !important}a.link-no-decoration:hover{color:rgba(255,255,255,0.4) !important}.slick-dots{display:block;width:100%;padding-left:0;margin:10px 0 0 0;list-style:none;text-align:center;line-height:0}.slick-dots li{display:inline-block;width:20px;height:20px;margin-right:7px;margin-left:7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:var(--bs-primary);cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;margin:0;padding:0;border:0;outline:0;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}.slick-dots li:hover{opacity:1}.slick-dots li.slick-active{opacity:1}.slick-dots li button:focus:before{opacity:1}.slick-arrow{margin:0;padding:0;z-index:10}.slick-prev,.slick-next{position:absolute;display:block;font-size:0;border:0;outline:0;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:0;color:transparent;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:40px;opacity:.75;color:var(--bs-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:3%}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:3%}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.controls{display:flex;width:100%}.captions{flex:1;width:100px;padding:10px;color:#212121;background:rgba(0,0,0,.1)}.caption{outline:0 !important;font-size:14px;font-weight:500}.pagination{display:flex;margin-top:2px}.pagination__button{cursor:pointer;display:flex;justify-content:center;align-items:center;color:#ccc;background:#fff;width:40px;height:40px;margin-left:2px}.pagination__button:hover{color:#fff;background:#2aa1c0}.pagination__button.slick-disabled{cursor:not-allowed;background:#ccc;color:#fff}

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2023.7.0'
+  VERSION = '2023.8.0'
 end

data/lib/starter_web/Gemfile

@@ -75,11 +75,11 @@ gem 'jekyll', '~> 4.0'
 # Specify the THEME GEM used for the project
 
 # Loaded from RubyGems
-gem 'j1-template', '~> 2023.7.0'
+gem 'j1-template', '~> 2023.8.0'
 
 # Loaded from gem.fury.io
 #source 'https://gem.fury.io/jekyll-one-org/' do
-#  gem 'j1-template', '~> 2023.6.0'
+#  gem 'j1-template', '~> 2023.8.0'
 #end
 
 # ------------------------------------------------------------------------------

data/lib/starter_web/README.md

@@ -379,7 +379,7 @@ This command creates a **initial** project in folder **my-starter**.
   2023-02-28 18:12:12 - GENERATE: Resolving dependencies...
   2023-02-28 18:12:12 - GENERATE: Using bundler 2.3.7
   ...
-  2023-02-28 18:12:12 - GENERATE: Using j1-template 2023.7.0
+  2023-02-28 18:12:12 - GENERATE: Using j1-template 2023.8.0
   2023-02-28 18:12:12 - GENERATE: Bundle complete! 31 Gemfile dependencies, 78 gems now installed.
   2023-02-28 18:12:12 - GENERATE: Bundled gems are installed into `../../.gem`
   2023-02-28 18:12:12 - GENERATE:  C:/Users/xxx/.gem/ruby/3.1.0;C:/DevTools/Ruby31-x64/lib/ruby/gems/3.1.0;
@@ -415,7 +415,7 @@ commands are available as well.
   2023-02-28 18:17:48 - SETUP: Initialize the project ...
   2023-02-28 18:17:48 - SETUP: Be patient, this will take a while ...
   2023-02-28 18:17:49 - SETUP:
-  2023-02-28 18:17:49 - SETUP: > j1@2023.7.0 setup C:\Users\xxx\j1-projects\my-starter
+  2023-02-28 18:17:49 - SETUP: > j1@2023.8.0 setup C:\Users\xxx\j1-projects\my-starter
   2023-02-28 18:17:49 - SETUP: > npm --silent run setup-start && npm --silent run setup-base && run-s -s setup:*
   2023-02-28 18:17:49 - SETUP:
   2023-02-28 18:17:50 - SETUP: Setup project for first use ..
@@ -460,7 +460,7 @@ browser. Let's start the journey ...
   Check setup state of the J1 project ...
   2023-02-28 18:26:18 - SITE: Starting up your site ...
   2023-02-28 18:26:18 - SITE:
-  2023-02-28 18:26:18 - SITE: > j1@2023.7.0 j1-site C:\Users\jadams\j1-projects\my-starter
+  2023-02-28 18:26:18 - SITE: > j1@2023.8.0 j1-site C:\Users\jadams\j1-projects\my-starter
   2023-02-28 18:26:18 - SITE: > run-p -s j1-site:*
   2023-02-28 18:26:18 - SITE:
   2023-02-28 18:26:20 - SITE: Startup UTILSRV ..
@@ -499,7 +499,7 @@ Check setup state of the J1 project ...
 REBUILD: Rebuild the projects website ...
 REBUILD: Be patient, this will take a while ...
 2023-02-28 18:45:09 - REBUILD:
-2023-02-28 18:45:09 - REBUILD: > j1@2023.7.0 rebuild C:\Users\xxx\j1-projects\my-starter
+2023-02-28 18:45:09 - REBUILD: > j1@2023.8.0 rebuild C:\Users\xxx\j1-projects\my-starter
 2023-02-28 18:45:09 - REBUILD: > run-s -s rebuild:* && run-s -s post-rebuild:*
 2023-02-28 18:45:09 - REBUILD:
 2023-02-28 18:45:10 - REBUILD: Rebuild site incremental ..
@@ -547,7 +547,7 @@ using Lerna for all packages:
   2023-02-28 18:29:07 - RESET: Reset the project to factory state ...
   2023-02-28 18:29:07 - RESET: Be patient, this will take a while ...
   2023-02-28 18:29:08 - RESET:
-  2023-02-28 18:29:08 - RESET: > j1@2023.7.0 reset C:\Users\xxx\j1-projects\my-starter
+  2023-02-28 18:29:08 - RESET: > j1@2023.8.0 reset C:\Users\xxx\j1-projects\my-starter
   2023-02-28 18:29:08 - RESET: > run-s -s reset:*
   2023-02-28 18:29:08 - RESET:
   2023-02-28 18:29:08 - RESET: Reset project to factory state ..

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 # Sets the build version of the site
 #
-version:                                2023.7.0
+version:                                2023.8.0
 
 # copyright
 # ------------------------------------------------------------------------------

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

@@ -110,23 +110,22 @@ settings:
               description_properties:   mt-3 mb-3
               description: >
                                         <p class="dropcap">
-                                          The Starter Theme of JekyllOne is a full-featured template for Jekyll to
-                                          create modern dynamic websites. The template system gives hobbyists
-                                          and professionals a clean implementation for starting new projects.
-                                          JekyllOne is open source, and the modules packed are also free
-                                          to use.
+                                          The Starter Web of J1 Template is a full-featured template for Jekyll to
+                                          create modern dynamic websites. The template system provides a clean
+                                          implementation for starting new projects. Jekyll One is open source,
+                                          and the modules packed are also free to use.
                                         </p>
                                         <p>
-                                          J1 Starter Theme is designed to be lightweight and easily customizable.
+                                          J1 Starter Web is designed to be lightweight and easily customizable.
                                           It comes with a basic structure and styling out of the box so that you
                                           can create a website quickly and easily, without having to worry about
                                           the code.
                                         </p>
                                         <p>
                                           It features a modern, minimalist design with a focus on usability
-                                          and accessibility. Additionally, it comes with built-in support for search
-                                          engine optimization and social media integration, making it easy to
-                                          get your site off the ground and running.
+                                          and accessibility. Additionally, it comes with built-in support for
+                                          search engine optimization and social media integration, making it
+                                          easy to get your site off the ground and running.
                                         </p>
                                         <p class="mt-4 fw-bold">Explore what is possible when using static webs.</p>
               buttons:

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

@@ -220,21 +220,21 @@ settings:
                   title:                Jekyll Home
                   title_translation:    notranslate
                   tagline:              First for latest news
-                  href:                 http://jekyllrb.com/
+                  href:                 https://jekyllrb.com/
 
               - name:                   Jekyll Tips
                 link:
                   title:                Jekyll Tips
                   title_translation:    notranslate
                   tagline:              Learn from experts
-                  href:                 http://jekyll.tips/
+                  href:                 https://jekyll.tips/
 
               - name:                   Stackoverflow
                 link:
                   title:                Stackoverflow
                   title_translation:    notranslate
                   tagline:              Get help
-                  href:                 http://stackoverflow.com/questions/tagged/jekyll
+                  href:                 https://stackoverflow.com/questions/tagged/jekyll
 
           # --------------------------------------------------------------------
           # CONTACT box

data/lib/starter_web/_data/modules/masonry.yml

@@ -38,7 +38,7 @@ settings:
 
       id:                               post_series_example
       type:                             post
-      group:                            Life                                    # generate grid elements only for the group
+      group:                            Featured                                # generate grid elements only for the group
       gutters:                          true
       image_styles:                     img-fluid img-object--cover
       image_height:                     300px
@@ -54,6 +54,14 @@ settings:
         initLayout:                     true
         percentPosition:                true
 
+      # ------------------------------------------------------------------------
+      # CSS filter options
+      #
+      filters:
+        enabled:                        true
+        grayscale:                      1
+        contrast:                       0.8
+        brightness:                     0.4
 
     # --------------------------------------------------------------------------
     # Collection Portfolio