j1-template 2023.0.17 → 2023.2.0

data/lib/starter_web/collections/posts/public/series/_posts/2022-08-03-organize-your-life.adoc

@@ -0,0 +1,118 @@
+---
+title:                                  Life With Simple Rules
+tagline:                                Technology
+description: >
+                                        Modern life refers to the way of life and the
+                                        living conditions that have evolved with technological
+                                        advancements, urbanization, and globalization.
+
+categories:                             [ Life, Series ]
+tags:                                   [ Technology ]
+
+image:
+  path:                                 /assets/images/posts/featured/post-3.jpg
+  width:                                1920
+  height:                               1280
+  alt:                                  Post Image
+
+group:                                  Life
+series:                                 Life
+regenerate:                             false
+
+resources:                              [ animate ]
+resource_options:
+  - attic:
+      padding_top:                      600
+      slides:
+        - url:                          /assets/images/posts/featured/post-3.jpg
+          alt:                          Post Image
+---
+
+// Page Initializer
+// =============================================================================
+// Enable the Liquid Preprocessor
+:page-liquid:
+
+// Set (local) page attributes here
+// -----------------------------------------------------------------------------
+// :page--attr:                         <attr-value>
+
+// Place an excerpt at the most top position
+// -----------------------------------------------------------------------------
+[role="dropcap mb-4"]
+Modern life refers to the way of life and the living conditions that have
+evolved with technological advancements, urbanization, and globalization. It
+includes the various social, economic, and cultural changes due to these
+developments.
+
+excerpt__end
+
+//  Load Liquid procedures
+// -----------------------------------------------------------------------------
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
+
+// Load page attributes
+// -----------------------------------------------------------------------------
+{% include {{load_attributes}} scope="global" %}
+
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+// Include sub-documents (if any)
+// -----------------------------------------------------------------------------
+== Modern Life
+
+Modern life is characterized by the widespread use of technology and the
+internet, which have made communication, information sharing, and access to
+services more convenient and efficient. People can now work remotely, shop
+online, access entertainment, and connect with others from anywhere in the
+world.
+
+[role="mb-4"]
+Urbanization has also been a significant factor in shaping Modern life.
+Cities have become commerce, industry, and innovation centers, attracting
+people from rural areas for better opportunities. Urbanization has led to
+the growth of modern infrastructure, such as high-rise buildings, highways,
+public transportation systems, and modern amenities.
+
+
+== Organize Modern Life
+
+Moreover, Modern life has brought about significant changes in lifestyle
+and cultural practices. People today have access to various food, fashion,
+and entertainment options worldwide, leading to greater diversity and
+cultural exchange. However, Modern life also presents challenges, such
+as increased stress, pollution, and the risk of social isolation. Therefore,
+it is essential to strike a balance between embracing the benefits of modern
+living while also addressing its negative consequences.
+
+[role="mt-3 mb-5"]
+image::posts/post-img.jpg[{{page.tagline}}, width=1280]
+
+Five golden rules for Modern life:
+
+. Prioritize your health and wellness: In the fast-paced world of modern
+  living, it's important to prioritize your physical and mental health. A
+  healthy life includes regular exercise, eating a balanced and nutritious
+  diet, getting enough sleep, and managing stress.
+
+. Embrace technology but use it mindfully: Technology can be a powerful
+  tool for Modern life, but it's essential to use it mindfully.
+
+. Cultivate meaningful relationships: While technology has made it easier
+  to connect with others, it's important to cultivate meaningful relationships
+  online and offline.
+
+. Practice gratitude and mindfulness: Gratitude and mindfulness are essential
+  for Modern life. Taking time to appreciate the good things in life can
+  help cultivate a positive mindset, reduce stress, and improve overall
+  well-being.
+
+. Pursue personal growth and lifelong learning: In today's fast-changing
+  world, pursuing personal growth and lifelong learning is essential.
+  Personal growth includes setting goals, developing new skills, and
+  seeking new experiences and challenges.
+
+Following these golden rules can lead to a fulfilling and meaningful life
+in the current world.

data/lib/starter_web/collections/posts/public/series/_posts/2022-09-01-organize-your-life.adoc

@@ -0,0 +1,117 @@
+---
+title:                                  Life With Simple Rules
+tagline:                                Mindset
+description: >
+                                        Modern life refers to the way of life and the
+                                        living conditions that have evolved with technological
+                                        advancements, urbanization, and globalization.
+
+categories:                             [ Life, Series ]
+tags:                                   [ Mindset ]
+image:
+  path:                                 /assets/images/posts/featured/post-4.jpg
+  width:                                1920
+  height:                               1280
+  alt:                                  Post Image
+
+group:                                  Life
+series:                                 Life
+regenerate:                             false
+
+resources:                              [ animate ]
+resource_options:
+  - attic:
+      padding_top:                      600
+      slides:
+        - url:                          /assets/images/posts/featured/post-4.jpg
+          alt:                          Post Image
+---
+
+// Page Initializer
+// =============================================================================
+// Enable the Liquid Preprocessor
+:page-liquid:
+
+// Set (local) page attributes here
+// -----------------------------------------------------------------------------
+// :page--attr:                         <attr-value>
+
+// Place an excerpt at the most top position
+// -----------------------------------------------------------------------------
+[role="dropcap mb-4"]
+Modern life refers to the way of life and the living conditions that have
+evolved with technological advancements, urbanization, and globalization. It
+includes the various social, economic, and cultural changes due to these
+developments.
+
+excerpt__end
+
+//  Load Liquid procedures
+// -----------------------------------------------------------------------------
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
+
+// Load page attributes
+// -----------------------------------------------------------------------------
+{% include {{load_attributes}} scope="global" %}
+
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+// Include sub-documents (if any)
+// -----------------------------------------------------------------------------
+== Modern Life
+
+Modern life is characterized by the widespread use of technology and the
+internet, which have made communication, information sharing, and access to
+services more convenient and efficient. People can now work remotely, shop
+online, access entertainment, and connect with others from anywhere in the
+world.
+
+[role="mb-4"]
+Urbanization has also been a significant factor in shaping Modern life.
+Cities have become commerce, industry, and innovation centers, attracting
+people from rural areas for better opportunities. Urbanization has led to
+the growth of modern infrastructure, such as high-rise buildings, highways,
+public transportation systems, and modern amenities.
+
+
+== Organize Modern Life
+
+Moreover, Modern life has brought about significant changes in lifestyle
+and cultural practices. People today have access to various food, fashion,
+and entertainment options worldwide, leading to greater diversity and
+cultural exchange. However, Modern life also presents challenges, such
+as increased stress, pollution, and the risk of social isolation. Therefore,
+it is essential to strike a balance between embracing the benefits of modern
+living while also addressing its negative consequences.
+
+[role="mt-3 mb-5"]
+image::posts/post-img.jpg[{{page.tagline}}, width=1280]
+
+Five golden rules for Modern life:
+
+. Prioritize your health and wellness: In the fast-paced world of modern
+  living, it's important to prioritize your physical and mental health. A
+  healthy life includes regular exercise, eating a balanced and nutritious
+  diet, getting enough sleep, and managing stress.
+
+. Embrace technology but use it mindfully: Technology can be a powerful
+  tool for Modern life, but it's essential to use it mindfully.
+
+. Cultivate meaningful relationships: While technology has made it easier
+  to connect with others, it's important to cultivate meaningful relationships
+  online and offline.
+
+. Practice gratitude and mindfulness: Gratitude and mindfulness are essential
+  for Modern life. Taking time to appreciate the good things in life can
+  help cultivate a positive mindset, reduce stress, and improve overall
+  well-being.
+
+. Pursue personal growth and lifelong learning: In today's fast-changing
+  world, pursuing personal growth and lifelong learning is essential.
+  Personal growth includes setting goals, developing new skills, and
+  seeking new experiences and challenges.
+
+Following these golden rules can lead to a fulfilling and meaningful life
+in the current world.

data/lib/starter_web/collections/posts/public/series/_posts/2022-09-02-organize-your-life.adoc

@@ -0,0 +1,117 @@
+---
+title:                                  Life With Simple Rules
+tagline:                                Health
+description: >
+                                        Modern life refers to the way of life and the
+                                        living conditions that have evolved with technological
+                                        advancements, urbanization, and globalization.
+
+categories:                             [ Life, Series ]
+tags:                                   [ Health ]
+image:
+  path:                                 /assets/images/posts/featured/post-5.jpg
+  width:                                1920
+  height:                               1280
+  alt:                                  Post Image
+
+group:                                  Life
+series:                                 Life
+regenerate:                             false
+
+resources:                              [ animate ]
+resource_options:
+  - attic:
+      padding_top:                      600
+      slides:
+        - url:                          /assets/images/posts/featured/post-5.jpg
+          alt:                          Post Image
+---
+
+// Page Initializer
+// =============================================================================
+// Enable the Liquid Preprocessor
+:page-liquid:
+
+// Set (local) page attributes here
+// -----------------------------------------------------------------------------
+// :page--attr:                         <attr-value>
+
+// Place an excerpt at the most top position
+// -----------------------------------------------------------------------------
+[role="dropcap mb-4"]
+Modern life refers to the way of life and the living conditions that have
+evolved with technological advancements, urbanization, and globalization. It
+includes the various social, economic, and cultural changes due to these
+developments.
+
+excerpt__end
+
+//  Load Liquid procedures
+// -----------------------------------------------------------------------------
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
+
+// Load page attributes
+// -----------------------------------------------------------------------------
+{% include {{load_attributes}} scope="global" %}
+
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+// Include sub-documents (if any)
+// -----------------------------------------------------------------------------
+== Modern Life
+
+Modern life is characterized by the widespread use of technology and the
+internet, which have made communication, information sharing, and access to
+services more convenient and efficient. People can now work remotely, shop
+online, access entertainment, and connect with others from anywhere in the
+world.
+
+[role="mb-4"]
+Urbanization has also been a significant factor in shaping Modern life.
+Cities have become commerce, industry, and innovation centers, attracting
+people from rural areas for better opportunities. Urbanization has led to
+the growth of modern infrastructure, such as high-rise buildings, highways,
+public transportation systems, and modern amenities.
+
+
+== Organize Modern Life
+
+Moreover, Modern life has brought about significant changes in lifestyle
+and cultural practices. People today have access to various food, fashion,
+and entertainment options worldwide, leading to greater diversity and
+cultural exchange. However, Modern life also presents challenges, such
+as increased stress, pollution, and the risk of social isolation. Therefore,
+it is essential to strike a balance between embracing the benefits of modern
+living while also addressing its negative consequences.
+
+[role="mt-3 mb-5"]
+image::posts/post-img.jpg[{{page.tagline}}, width=1280]
+
+Five golden rules for Modern life:
+
+. Prioritize your health and wellness: In the fast-paced world of modern
+  living, it's important to prioritize your physical and mental health. A
+  healthy life includes regular exercise, eating a balanced and nutritious
+  diet, getting enough sleep, and managing stress.
+
+. Embrace technology but use it mindfully: Technology can be a powerful
+  tool for Modern life, but it's essential to use it mindfully.
+
+. Cultivate meaningful relationships: While technology has made it easier
+  to connect with others, it's important to cultivate meaningful relationships
+  online and offline.
+
+. Practice gratitude and mindfulness: Gratitude and mindfulness are essential
+  for Modern life. Taking time to appreciate the good things in life can
+  help cultivate a positive mindset, reduce stress, and improve overall
+  well-being.
+
+. Pursue personal growth and lifelong learning: In today's fast-changing
+  world, pursuing personal growth and lifelong learning is essential.
+  Personal growth includes setting goals, developing new skills, and
+  seeking new experiences and challenges.
+
+Following these golden rules can lead to a fulfilling and meaningful life
+in the current world.

data/lib/starter_web/dot.bundle/config

@@ -0,0 +1,2 @@
+---
+BUNDLE_PATH: "~/.gem"

data/lib/starter_web/index.html

@@ -21,22 +21,37 @@ robots:
   index:                                true
   follow:                               true
 
+# image:
+#   path:                               /assets/images/custom/header/avatar.svg
+#   width:                              1920
+#   height:                             1200
+#   alt:                                Family Cartoon
+
+
+# image:
+#   path:                               /assets/images/custom/header/family.svg
+#   width:                              1920
+#   height:                             1200
+#   alt:                                Family Cartoon
+
 image:
   path:                                 /assets/images/modules/attics/1920x1280/kristopher-roller.jpg
   width:                                1920
   height:                               1200
   alt:                                  Photo by Kristopher Roller on Unsplash
 
-personalization:                        false
-comments:                               false
-exclude_from_search:                    false
+toc:                                    false
 fab_menu_id:                            default
 scrollbar:                              false
-toc:                                    false
+comments:                               false
+personalization:                        false
+exclude_from_search:                    false
 regenerate:                             false
 
 accordion:
+  enabled:                              false
   debug:                                false
+
   name:                                 custom_panel
   id:                                   bs5_accordion
 

data/lib/starter_web/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "j1",
-  "version": "2023.0.17",
+  "version": "2023.2.0",
   "description": "J1 Theme Starter Web",
   "homepage": "https://your.site",
   "author": {
@@ -41,14 +41,14 @@
     "opt_skip_initial_build": "--skip-initial-build",
     "opt_webserver": "puma",
     "opt_interface": "0.0.0.0",
-    "opt_web_port": "20000",
-    "opt_web_url": "http://localhost:20000/",
-    "opt_app_port": "20010",
-    "opt_app_url": "http://localhost:20010/",
+    "opt_web_port": "30000",
+    "opt_web_url": "http://localhost:30000/",
+    "opt_app_port": "30010",
+    "opt_app_url": "http://localhost:30010/",
     "opt_profile": "",
     "opt_watch": "--watch",
     "opt_livereload": "--livereload",
-    "opt_livereload_port": "20001"
+    "opt_livereload_port": "30001"
   },
   "nbi": {
   "opt_output_type": "plain",
@@ -64,7 +64,7 @@
     "j1-app": "run-p -s app:*",
     "app:rackup": "cross-var cross-env INTERFACE=$npm_package_jekyll_opt_interface PORT=$npm_package_jekyll_opt_app_port bundle exec puma -C _data/puma/config.rb",
     "_app:jekyll": "cross-var cross-env JEKYLL_ENV=$npm_package_config_mode BUNDLE_GEMFILE=$npm_package_ruby_gemfile bundle exec jekyll b -c $npm_package_jekyll_configfile $npm_package_jekyll_opt_incremental --watch",
-    "_app:open": "npm run delay-3s && cross-var open-cli $npm_package_jekyll_opt_app_url",
+    "app:open": "npm run delay-3s && cross-var open-cli $npm_package_jekyll_opt_app_url",
     "delay-1s": "node ./node_modules/npm-delay 1000",
     "delay-2s": "node ./node_modules/npm-delay 2000",
     "delay-3s": "node ./node_modules/npm-delay 3000",
@@ -124,10 +124,10 @@
     "setup:detect-os": "echo Detect OS .. && cross-env if-env OS=Windows_NT && cross-var echo \"OS detected: $OS\" || OS=$(echo $(getos)) && echo \"OS detected: $OS\" && echo done.",
     "setup:site": "run-s -s build",
     "site": "run-p -s site:*",
-    "site:jekyll": "echo Startup the site .. && cross-var cross-env SINATRA_ACTIVESUPPORT_WARNING=false bundle exec jekyll s --incremental --livereload --livereload-port $npm_package_jekyll_opt_livereload_port --open",
+    "site:jekyll": "echo Startup the site .. && cross-env SINATRA_ACTIVESUPPORT_WARNING=false bundle exec jekyll s --incremental --livereload --skip-initial-build  --livereload-port $npm_package_jekyll_opt_livereload_port --watch --open 2>jekyll.err.log",
     "site:utilsrv": "npm --prefix ./utilsrv --silent run utilsrv",
     "j1-site": "run-p -s j1-site:*",
-    "j1-site:jekyll": "bundle exec jekyll s --incremental --livereload --open",
+    "j1-site:jekyll": "echo Startup the site .. && cross-env bundle exec jekyll s --incremental --livereload --skip-initial-build --livereload-port $npm_package_jekyll_opt_livereload_port --watch --open 2>jekyll.err.log",
     "j1-site:utilsrv": "npm --prefix ./utilsrv --silent run utilsrv",
     "bump": "run-s -s ver && run-s -s bump:* && run-s -s ver",
     "ver": "cross-var cross-env echo \"Project version: $npm_package_version\"",

data/lib/starter_web/pages/public/about/site.adoc

@@ -12,7 +12,7 @@ categories:                             [ About ]
 tags:                                   [ Site, Review ]
 
 image:
-  path:                                 /assets/images/modules/attics/1920x1280/j1-theme-mockup-1.jpg
+  path:                                 /assets/images/modules/attics/1920x1280/j1-starter-mockup-1.jpg
   width:                                1920
   height:                               1280
   alt:                                  J1 Theme Mockup
@@ -29,7 +29,7 @@ resource_options:
   - attic:
       padding_top:                      600
       slides:
-        - url:                          /assets/images/modules/attics/1920x1280/j1-theme-mockup-1.jpg
+        - url:                          /assets/images/modules/attics/1920x1280/j1-starter-mockup-1.jpg
           alt:                          J1 Themes Mockup
 ---
 

data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/documentation.adoc

@@ -30,7 +30,7 @@ exclude_from_search:                    false
 fab_menu_id:                            page_ctrl
 scrollbar:                              false
 toc:                                    true
-regenerate:                             true
+regenerate:                             false
 permalink:                              /pages/public/skeleton/documentation/
 
 resources:                              [ animate, clipboard, lightbox, rouge ]

data/lib/starter_web/pages/public/blog/navigator/archive/allview.html

@@ -245,7 +245,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
             </p>
 
             </div>
-            <a class="card-link md-grey-900 text-lowercase"
+            <a class="card-link text-lowercase"
                href="{{post.url}}#readmore">
                {{readmore_text}} · {{post.tagline}}
             </a>

data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html

@@ -287,7 +287,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
                   </p>
 
                   </div>
-                  <a class="card-link md-grey-900 text-lowercase"
+                  <a class="card-link text-lowercase"
                      href="{{post.url}}#readmore">
                      {{readmore_text}} · {{post.tagline}}
                   </a>

data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html

@@ -267,7 +267,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
                 </p>
 
                 </div>
-                <a class="card-link md-grey-900 text-lowercase"
+                <a class="card-link text-lowercase"
                    href="{{post.url}}#readmore">
                    {{readmore_text}} · {{post.tagline}}
                 </a>

data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html

@@ -289,7 +289,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
               </p>
 
               </div>
-              <a class="card-link md-grey-900 text-lowercase"
+              <a class="card-link text-lowercase"
                  href="{{post.url}}#readmore">
                  {{readmore_text}} · {{post.tagline}}
               </a>

data/lib/starter_web/pages/public/features/template.adoc

@@ -29,7 +29,7 @@ sitemap:                                true
 advertising:                            false
 fab_menu_id:                            open_toc
 comments:                               false
-regenerate:                             true
+regenerate:                             false
 permalink:                              /pages/public/features/template_features/
 
 resources:                              [

data/lib/starter_web/pages/public/learn/bookshelf/article_previewer/viewer_all_books.adoc

@@ -0,0 +1,107 @@
+---
+title:                                  Bookshelf
+tagline:                                All Books
+date:                                   2023-01-29 00:00:00
+description: >
+                                        All available articles in the Bookshelf. The content is
+                                        automatically generated and taken from the articles of the
+                                        collections in the Bookshelf contains.
+
+categories:                             [ Books ]
+tags:                                   [ Bookshelf ]
+
+image:
+  path:                                 /assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg
+  width:                                1920
+  height:                               1280
+  alt:                                  Photo by Giammarco on Unsplash
+
+toc:                                    true
+fab_menu_id:                            open_toc
+regenerate:                             false
+permalink:                              /pages/public/bookshelf/bookshelf/
+
+resources:                              [ animate, masonry ]
+resource_options:
+  - attic:
+      padding_top:                      600
+      slides:
+        - url:                          /assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg
+          alt:                          Photo by Giammarco on Unsplash
+          badge:
+            type:                       unsplash
+            author:                     Giammarco
+            href:                       https://unsplash.com/@giamboscaro
+---
+
+// Page Initializer
+// =============================================================================
+// Enable the Liquid Preprocessor
+:page-liquid:
+
+// Set page (local) attributes here
+// -----------------------------------------------------------------------------
+// :page--attr:                         <attr-value>
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
+{% capture create_collection_article_preview %}themes/{{site.template.name}}/procedures/collections/create_collection_article_preview.proc{% endcapture %}
+
+// Load page attributes
+// -----------------------------------------------------------------------------
+{% include {{load_attributes}} scope="none" %}
+
+{% comment %} Debugging
+site.biography: {{ site.biography | debug }}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+[role="dropcap"]
+Find below all available articles in the Bookshelf. The content is
+automatically generated and taken from the articles of the `collections`
+the *Bookshelf* contains:
+
+* Biography
+* Fantasy
+* Romance
+
+// Include sub-documents (if any)
+// -----------------------------------------------------------------------------
+== Biography
+
+A biography is a written account of a person's life, typically focusing on
+major achievements, events, and experiences. It can be a detailed record of
+a person's life, covering everything from their birth and childhood to their
+personal and professional accomplishments and even their death.
+
+[role="mb-4"]
+Biographies can be written by someone or someone else and found in various
+formats, including books, articles, and online sources. A biography aims to
+provide insight into a person's life, personality, and achievements and to
+inspire and inform readers about their accomplishments and contributions
+to society.
+
+masonry::collection_biography[role="mb-5"]
+
+== Fantasy
+
+The fantasy genre has become popular the past few years. Once a genre
+restricted to a few Tolkien fanatics and literature freaks, Fantasy has
+now gone mainstream in a big way, from the mega-popular Harry Potter series
+capturing the world's attention for a decade; brought Fantasy to readers of
+all ages.
+
+masonry::collection_fantasy[role="mb-5"]
+
+== Romance
+
+The romance genre is a popular category of books that consistently churns out
+bestsellers. The aim of the genre is simple, showcasing a love story where
+two people overcome adversity to obtain their happily ever after. According to
+the Romance Writers of America, women count for 82% percent of the genre’s
+readership.
+
+masonry::collection_romance[role="mb-5"]