j1_template 2019.4.8 → 2019.4.10

data/lib/starter_web/pages/public/start/roundtrip/420_responsive_tables_extensions.adoc

@@ -1,10 +1,10 @@
 ---
 title:                                  Roundtrip
-tagline:                                Responsive Tables
-description:                            Enhanced Table styles for J1 Template
+tagline:                                BS table extensions
+description:                            Enhanced table styles for Bootstrap
 
 tags:                                   [ 
-                                         Template, Roundtrip, Extended, Tables
+                                         Template, Bootstrap, Roundtrip, Extended, Tables
                                         ]
 index:                                  []
 categories:                             [ pages ]
@@ -16,16 +16,20 @@ regenerate:                             false
 
 resources:                              []
 resource_options:
-  - masthead:
-      background_color:
-        color_1:                        md_grey_100
-        color_2:                        md_grey_400
-      opacity:                          1.0
-      transition:                       fade
-      transitionDuration:               fast
+  - attic:
+#    background_color:
+#      color_1:                        md_grey_100
+#      color_2:                        md_grey_400
+#     padding_top:                      350
+#     padding_bottom:                   50
+      opacity:                          0.7
       slides:
-        - url:                          /assets/images/pages/roundtrip/oleg-magni-1920x1280.png
-          alt:                          bootstrap-modals
+        - url:                          /assets/images/pages/roundtrip/tables-1920x1280-bw.jpg
+          alt:                          Photo by Markus Spiske on Unsplash
+          badge:
+            type:                       unsplash
+            author:                     Markus Spiske
+            href:                       https://unsplash.com/@markusspiske/portfolio
 ---
 
 // Enable the Liquid Preprocessor
@@ -68,7 +72,7 @@ for tables viewed on desktop *and* mobile devices, three types of responsive
 tables are implemented:
 
 .Types of responsive tables
-[cols="2a,4a,6a", options="header", width="100%", role="rtable_v table-responsive mt-3"]
+[cols="2a,4a,6a", options="header", width="100%", role="g-bg-white-opacity-0_8 rtable_v table-responsive mt-3"]
 |===============================================================================
 |Type |Style |Description
 
@@ -100,16 +104,6 @@ like mobiles or tablets.
 
 The styles for V Table *or* H Table can be combined with *Bootstrap*
 responsive tables.
-
-.Example V Table
-[source, sh]
-----
-[cols="6a,6a", role="table-responsive rtable_v"]
-|===============================================
-|Variable |Description
-...
-|===============================================
-----
 ====
 
 To see the transformation in action, for desktop devices resize the browser
@@ -121,7 +115,7 @@ window or use a device the viewport is smaller than 768px (mobiles or tablets)
 lorem:sentences[2] +
 lorem:sentences[3] +
 
-[cols="6a,6a", options="header", width="100%", role="rtable_v table-responsive mt-3"]
+[cols="6a,6a", options="header", width="100%", role="g-bg-white-opacity-0_8 rtable_v table-responsive mt-3"]
 |===============================================================================
 |Variable |Description
 
@@ -161,7 +155,7 @@ link:../frontmatter/[YAML Front Matter].
 |===============================================================================
 
 
-[cols="6a,6a", options="header", width="100%", role="rtable_h table-responsive mt-3"]
+[cols="6a,6a", options="header", width="100%", role="g-bg-white-opacity-0_8  rtable_h table-responsive mt-3"]
 |===============================================================================
 |Variable |Description
 
@@ -206,7 +200,7 @@ link:../frontmatter/[YAML Front Matter].
 lorem:sentences[2] +
 lorem:sentences[3] +
 
-[cols="3,2,2,5", options="header", width="100%", role="rtable_v table-responsive mt-3"]
+[cols="3,2,2,5", options="header", width="100%", role="g-bg-white-opacity-0_8 rtable_v table-responsive mt-3"]
 |===============================================================================
 |Parameter |Type |Default |Description
 
@@ -234,7 +228,7 @@ the form `#RRGGBB`
 
 
 
-[cols="3,2,2,5", options="header", width="100%", role="rtable_h table-responsive mt-3"]
+[cols="3,2,2,5", options="header", width="100%", role="g-bg-white-opacity-0_8  rtable_h table-responsive mt-3"]
 |===============================================================================
 |Parameter |Type |Default |Description
 
@@ -261,12 +255,14 @@ the form `#RRGGBB`
 |===============================================================================
 
 
-== What's next?
+== What's next
 
 Hopefully you've enjoyed exploring all the possibilities J1 offers sofar.
 An interesting feature may using themes. But much, much more can the J1 do 
 for your Web Site.
 
-Check out what themes can do: link:{roundtrip-themes}[J1 Theme feature]!
+Check out what themes can do. Have a look at link:{roundtrip-themes}[BS themes] 
+feature!
+
 
 

data/lib/starter_web/pages/public/start/roundtrip/500_themes.adoc

@@ -1,6 +1,6 @@
 ---
 title:                                  Roundtrip
-tagline:                                Themes
+tagline:                                themes
 description:                            J1 Template Roundtrip - Template Themes
 
 tags:                                   [ Template, Roundtrip, Bootstrap, Themes ]
@@ -12,14 +12,15 @@ regenerate:                             false
 
 resources:                              []
 resource_options:
-  - masthead:
+  - attic:
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/roundtrip/theme-1920.jpg
+        - url:                          /assets/images/pages/roundtrip/themes-1920x1280-bw.jpg
           alt:                          Photo by Clem Onojeghuo on Unsplash
-          caption:                      Photo by Clem Onojeghuo on Unsplash
-          caption_href:                 https://unsplash.com/@clemono2
-          caption_color:                rgba_lighten_800
+          badge:
+            type:                       unsplash
+            author:                     Clem Onojeghuo
+            href:                       https://unsplash.com/@clemono
 ---
 
 // Enable the Liquid Preprocessor 
@@ -62,17 +63,19 @@ lorem:sentences[2]
 lorem:sentences[5]
 
 
-== What's next?
+== What's next
 
-Hopefully you've enjoyed exploring all the possibilities J1 offers for managing
-themes. But much, much more can the J1 do for your Web Site.
+Hopefully you've enjoyed exploring some of the possibilities J1 offers for
+managing themes. But much, much more can the J1 do for your website.
 
 This was the last place to go for the roundtrip. More details of the most
 common elements of Bootstrap can be found on the previewer for a theme. Have
-a look at the link:{previewer-theme}[Theme Previewer, window="_blank"].
+a look at the link:{previewer-theme}[theme previewer, window="_blank"].
+
+To make things real for your new site, go for *Web in a day*. This tutorial
+guides you through all the steps how to build a website - your site using Jekyll 
+and the template system J1. It's really a nice journey to *explore* and 
+*learn* creating a static web - start from here: 
+link:{kickstarter-web-in-a-day}[Web in a day, window="_blank"].
 
-To make things real for your new Web, go for *Web in a Day*. This tutorial
-guides you through all the steps to build a Web - your Web using Jekyll and the
-Template J1. It's really a nice journey to *explore* and *learn* J1 - start with
-link:{kickstarter-web-in-a-day}[Web in a Day here, window="_blank"]!
 

data/lib/starter_web/pages/public/start/roundtrip/800_whats_next.adoc

@@ -0,0 +1,73 @@
+---
+title:                                  Roundtrip
+tagline:                                where to go
+description:                            Where to go further
+
+tags:                                   [ Start, Template, Whats, Next, Further ]
+index:                                  []
+categories:                             [ pages ]
+
+permalink:                              /pages/public/start/roundtrip/whats_next/
+regenerate:                             false
+
+resources:                              [ lightbox ]
+resource_options:
+  - attic:
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/attics/go-up-1920x1280-bw.jpg
+          alt:                          Photo by Fab Lentz on Unsplash
+          badge:
+            type:                       unsplash
+            author:                     Fab Lentz
+            href:                       https://unsplash.com/@fossy
+---
+
+// Enable the Liquid Preprocessor
+//
+:page-liquid:
+
+// Set other global page attributes here                                          
+// -------------------------------------------------------------------
+
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
+
+
+// NOTE: Initialize entry document paths
+//
+{% include {{set_env_entry_document}} init_folders=all %}
+
+// Load tags and urls
+// -----------------------------------------------------------------------------
+include::{includedir}/attributes.asciidoc[tag=tags]
+include::{includedir}/attributes.asciidoc[tag=urls]
+include::{includedir}/attributes.asciidoc[tag=data]
+
+// Additional Asciidoc page attributes goes here
+//
+
+Welcome to the Web Pages of J1 Template. If your here first time,
+hopefully you get on that page first - the *ReadMe First* of the *Start*
+section. For sure, there is no better place to start.
+
+Having a menu system is great. We hope the the Navigator of J1 will help
+you to explore this site, find what your are looking for. The site of J1
+has grown over the last month a lot. Many documents where seeking for a home.
+And we have really a bunch of them.
+
+== What's next
+
+Hopefully you've enjoyed exploring all the possibilities J1 offers for managing
+themes. But much, much more can the J1 do for your Web Site.
+
+This was the last place to go for the roundtrip. More details of the most
+common elements of Bootstrap can be found on the previewer for a theme. Have
+a look at the link:{previewer-theme}[Theme Previewer, window="_blank"].
+
+To make things real for your new Web, go for *Web in a Day*. This tutorial
+guides you through all the steps to build a Web - your Web using Jekyll and the
+Template J1. It's really a nice journey to *explore* and *learn* J1 - start with
+link:{kickstarter-web-in-a-day}[Web in a day, window="_blank"]!.

data/lib/starter_web/pages/public/start/roundtrip/_unused/600_cards.adoc

@@ -12,7 +12,7 @@ regenerate:                             false
 
 resources:                              []
 resource_options:
-  - masthead:
+  - attic:
       opacity:                          0.2
       slides:
         - url:                          /assets/images/pages/roundtrip/cards-1920.jpg
@@ -383,7 +383,7 @@ lorem:sentences[4]
       <div class="card card-blog card-plain">
         <div class="card-image">
           <a href="#">
-            <img class="img" src="/assets/images/master_header/stefan-stefancik-1280x800.png" alt="image stefan-stefancik-1200.jpg" >
+            <img class="img" src="/assets/images/attics/stefan-stefancik-1280x800.png" alt="image stefan-stefancik-1200.jpg" >
           </a>
         </div>
         <div class="content">
@@ -424,7 +424,7 @@ lorem:sentences[2]
         <div class="card card-profile">
           <div class="card-icon">
             <a href="#">
-              <i class="card-icon-circle raised mdi mdi-responsive mdi-5x mdi-md-indigo-50 card-icon-background-color-theme card-icon-mdi"></i>
+              <i class="card-icon-circle raised mdi mdi-responsive mdi-5x mdi-md-bg-primary-50 card-icon-background-color-theme card-icon-mdi"></i>
             </a>
           </div>
           <div class="content">
@@ -446,7 +446,7 @@ lorem:sentences[2]
         <div class="card card-profile">
           <div class="card-icon">
             <a href="#">
-              <i class="card-icon-circle raised mdi mdi-language-html5 mdi-5x mdi-md-indigo-50 card-icon-background-color-theme card-icon-mdi"></i>
+              <i class="card-icon-circle raised mdi mdi-language-html5 mdi-5x mdi-md-bg-primary-50 card-icon-background-color-theme card-icon-mdi"></i>
             </a>
           </div>
           <div class="content">
@@ -468,7 +468,7 @@ lorem:sentences[2]
         <div class="card card-profile">
           <div class="card-icon">
             <a href="#">
-              <i class="card-icon-circle raised mdi mdi-clock mdi-5x mdi-md-indigo-50 card-icon-background-color-theme card-icon-mdi"></i>
+              <i class="card-icon-circle raised mdi mdi-clock mdi-5x mdi-md-bg-primary-50 card-icon-background-color-theme card-icon-mdi"></i>
             </a>
           </div>
           <div class="content">

data/lib/starter_web/pages/public/start/roundtrip/_unused/710_search_engine.adoc

@@ -12,7 +12,7 @@ regenerate:                             true
 
 resources:                              [ algolia ]
 resource_options:
-  - masthead:
+  - attic:
       opacity:                          0.2
       slides:
         - url:                          /assets/images/widescreen/featured-1920x800.jpg

data/lib/starter_web/pages/public/start/roundtrip/_unused/720_google_custom_search.adoc

@@ -12,10 +12,10 @@ regenerate:                             false
 
 resources:                              []
 resource_options:
-  - masthead:
+  - attic:
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/master_header/homehead-default-1280x600.png
+        - url:                          /assets/images/attics/homehead-default-1280x600.png
           transition:                   fadeInOut
 ---
 

data/lib/starter_web/pages/public/start/whats_next.adoc

@@ -0,0 +1,76 @@
+---
+title:                                  Start
+tagline:                                where to go
+description:                            Where to go further
+
+tags:                                   [ Start, Template, Whats, Next, Further ]
+index:                                  []
+categories:                             [ pages ]
+
+permalink:                              /pages/public/start/whats_next/
+regenerate:                             false
+
+resources:                              [ lightbox ]
+resource_options:
+  - attic:
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/attics/go-up-1920x1280-bw.jpg
+          alt:                          Photo by Fab Lentz on Unsplash
+          badge:
+            type:                       unsplash
+            author:                     Fab Lentz
+            href:                       https://unsplash.com/@fossy
+---
+
+// Enable the Liquid Preprocessor
+//
+:page-liquid:
+
+// Set other global page attributes here                                          
+// -------------------------------------------------------------------
+
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
+
+
+// NOTE: Initialize entry document paths
+//
+{% include {{set_env_entry_document}} init_folders=all %}
+
+// Load tags and urls
+// -----------------------------------------------------------------------------
+include::{includedir}/attributes.asciidoc[tag=tags]
+include::{includedir}/attributes.asciidoc[tag=urls]
+include::{includedir}/attributes.asciidoc[tag=data]
+
+// Additional Asciidoc page attributes goes here
+//
+
+Welcome to the Web Pages of J1 Template. If your here first time,
+hopefully you get on that page first - the *ReadMe First* of the *Start*
+section. For sure, there is no better place to start.
+
+Having a menu system is great. We hope the the Navigator of J1 will help
+you to explore this site, find what your are looking for. The site of J1
+has grown over the last month a lot. Many documents where seeking for a home.
+And we have really a bunch of them.
+
+== What's next
+
+Hopefully you've enjoyed exploring all the possibilities J1 offers for managing
+themes. But much, much more can the J1 do for your Web Site.
+
+This was the last place to go for the roundtrip. More details of the most
+common elements of Bootstrap can be found on the previewer for a theme. Have
+a look at the link:{previewer-theme}[Theme Previewer, window="_blank"].
+
+To make things real for your new Web, go for *Web in a Day*. This tutorial
+guides you through all the steps to build a Web - your Web using Jekyll and the
+Template J1. It's really a nice journey to *explore* and *learn* J1 - start with
+link:{kickstarter-web-in-a-day}[Web in a Day here, window="_blank"]!.
+
+
+

data/lib/starter_web/pages/public/start/whats_up.adoc

@@ -1,24 +1,26 @@
 ---
-title:                                  What's up
-tagline:                                J1 Template
-description:                            Important information you should know upfront
+title:                                  Start
+tagline:                                step in
+description:                            What to get
 
-tags:                                   [ Start, Template, Whats ]
+tags:                                   [ Start, Template, Whats, Up, Readme, TL;DR ]
 index:                                  []
 categories:                             [ pages ]
 
-#permalink:                             /public/start/whats_up/
+permalink:                              /pages/public/start/whats_up/
 regenerate:                             false
 
 resources:                              [ lightbox ]
 resource_options:
-  - toccer:
-      collapseDepth:                    2
-  - masthead:
+  - attic:
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/master_header/whats-up-1920x1200.png
-          alt:                          readme_1280x600
+        - url:                          /assets/images/attics/the-place-1920x1280-bw.jpg
+          alt:                          Photo by Tim Mossholder on Unsplash
+          badge:
+            type:                       unsplash
+            author:                     Tim Mossholder
+            href:                       https://unsplash.com/@timmossholder/portfolio
 ---
 
 // Enable the Liquid Preprocessor
@@ -63,7 +65,7 @@ top to down a page. The same to all menus, sections and pages.
 For that reason, it was a good decision starting here.
 
 
-== ReadMe's
+== Whats up
 
 Every main section, or larger sub-section, and most of the dropdown menus have
 a ReadMe First. A Navigator is nice but the menu system does not explain what

data/lib/starter_web/utilsrv/_defaults/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "utls",
-  "version": "2019.4.8",
+  "version": "2019.4.10",
   "description": "J1 Template Utility Server",
   "homepage": "https://jekyll.one",
   "author": {