j1-template 2020.0.10 → 2020.0.11

data/lib/starter_web/pages/public/previewer/mdb_preview/000_includes/attributes.asciidoc

@@ -0,0 +1,69 @@
+// ~/document_base_folder/000_includes
+//  Asciidoc attribute includes:                 attributes.asciidoc
+// -----------------------------------------------------------------------------
+
+
+// URLs - Internal references and/or sources on the Internet
+// -----------------------------------------------------------------------------
+tag::urls[]
+
+:bootstrap-home:                                  https://getbootstrap.com/
+:bs_doc_components_modal:                         https://getbootstrap.com/docs/4.3/components/modal/
+
+:bootswatch-home:                                 https://bootswatch.com/
+:bootswatch-api:                                  https://bootswatch.com/help/#api
+
+:mdb-home:                                        https://mdbootstrap.com/
+:mdb-bs-modals:                                   https://mdbootstrap.com/docs/jquery/modals/basic/
+:mdb-bs-modals-legacy:                            https://mdbootstrap.com/legacy/4.3.2/?page=javascript/modals
+
+end::urls[]
+
+// Tags - Asciidoc attributes used internally
+// -----------------------------------------------------------------------------
+tag::tags[]
+
+:window:                                          window="blank"
+:no-clipboard:                                    noclip
+:figure-caption:                                  Figure
+:images-dir:                                      pages/roundtrip
+:y:                                               icon:check[role="green"]
+:n:                                               icon:times[role="red"]
+:c:                                               icon:file-alt[role="blue"]
+:beginner:                                        icon:battery-quarter[role="md-blue"]
+:inter:                                           icon:battery-half[role="md-blue"]
+:advanced:                                        icon:battery-full[role="md-blue"]
+:emdash:                                          —
+:bullet:                                          •
+:bigbullet:                                       ●
+:bigbigbullet:                                    ⬤
+:dot:                                             .
+:dotdot:                                          ..
+:middot:                                          ·
+
+end::tags[]
+
+// Data - Data elements for Asciidoctor extensions
+// -----------------------------------------------------------------------------
+tag::data[]
+
+:data-images-standalone:                          "pages/roundtrip/100_present_images/lightbox-image-1.jpg, Golden Gate Bridge with San Francisco in distance, pages/roundtrip/100_present_images/lightbox-image-2.jpg, Forest with mountains behind"
+:data-images-group:                               "pages/roundtrip/100_present_images/lightbox-image-1.jpg, Golden Gate Bridge with San Francisco in distance, pages/roundtrip/100_present_images/lightbox-image-2.jpg, Forest with mountains behind"
+
+end::data[]
+
+
+// Product - Document (e.g release) information
+// -----------------------------------------------------------------------------
+tag::product_info[]
+:license:                                         MIT License
+:revdate:                                         2020
+:revnumber:                                       2020.1.0
+end::product_info[]
+
+
+// Author - Author information
+// -----------------------------------------------------------------------------
+tag::authors[]
+:uri-author-juergen-adams:                        https://jekyll.one
+end::authors[]

data/lib/starter_web/pages/public/previewer/mdb_preview/000_includes/documents/100_buttons.asciidoc

@@ -0,0 +1,170 @@
+## Buttons
+
+See: https://fezvrasta.github.io/bootstrap-material-design/docs/4.0/material-design/buttons/[MD Buttons, window="_blank"]
+
+Buttons communicate the action that will occur when the user touches them.
+
+### Flat buttons
+
+Flat buttons are text-only buttons. They may be used in dialogs, toolbars,
+or inline. They do not lift, but fill with color on press.
+
+Outline buttons, i.e. `.btn-outline-*`, are the equivalent of Material flat
+buttons. For more details, please refer to Components/Buttons documentation.
+
+++++
+<div class="doc-example">
+  <button type="button" class="btn btn-primary">Primary</button>
+  <button type="button" class="btn btn-secondary">Secondary</button>
+  <button type="button" class="btn btn-success">Success</button>
+  <button type="button" class="btn btn-info">Info</button>
+  <button type="button" class="btn btn-warning">Warning</button>
+  <button type="button" class="btn btn-danger">Danger</button>
+  <button type="button" class="btn btn-link">Link</button>
+</div>
+++++
+
+[source, html]
+----
+  <button type="button" class="btn btn-primary">Primary</button>
+  <button type="button" class="btn btn-secondary">Secondary</button>
+  <button type="button" class="btn btn-success">Success</button>
+  <button type="button" class="btn btn-info">Info</button>
+  <button type="button" class="btn btn-warning">Warning</button>
+  <button type="button" class="btn btn-danger">Danger</button>
+  <button type="button" class="btn btn-link">Link</button>
+----
+
+### Raised buttons
+
+Raised buttons are rectangular-shaped buttons. They may be used inline. They
+lift and display ink reactions on press.
+
+Default buttons, i.e. `.btn`, are the equivalent of Material raised buttons.
+For more details, please refer to Components/Buttons documentation.
+
+++++
+<div class="doc-example">
+  <button type="button" class="btn btn-raised btn-primary">Primary</button>
+  <button type="button" class="btn btn-raised btn-secondary">Secondary</button>
+  <button type="button" class="btn btn-raised btn-success">Success</button>
+  <button type="button" class="btn btn-raised btn-info">Info</button>
+  <button type="button" class="btn btn-raised btn-warning">Warning</button>
+  <button type="button" class="btn btn-raised btn-danger">Danger</button>
+  <button type="button" class="btn btn-raised btn-link">Link</button>
+</div>
+++++
+
+[source, html]
+----
+  <button type="button" class="btn btn-raised btn-primary">Primary</button>
+  <button type="button" class="btn btn-raised btn-secondary">Secondary</button>
+  <button type="button" class="btn btn-raised btn-success">Success</button>
+  <button type="button" class="btn btn-raised btn-info">Info</button>
+  <button type="button" class="btn btn-raised btn-warning">Warning</button>
+  <button type="button" class="btn btn-raised btn-danger">Danger</button>
+  <button type="button" class="btn btn-raised btn-link">Link</button>
+----
+
+### Floating action buttons
+
+A floating action button represents the primary action in an application,
+it is used for a promoted action.
+
+++++
+<div class="doc-example">
+  <button type="button" class="btn bmd-btn-fab">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+</div>
+++++
+
+[source, html]
+----
+  <button type="button" class="btn bmd-btn-fab">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+----
+
+#### Colors
+
+++++
+<div class="doc-example">
+  <button type="button" class="btn bmd-btn-fab btn-primary my-1">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+  <button type="button" class="btn bmd-btn-fab btn-secondary my-1">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+  <button type="button" class="btn bmd-btn-fab btn-danger my-1">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+  <button type="button" class="btn bmd-btn-fab btn-info my-1">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+  <button type="button" class="btn bmd-btn-fab btn-success my-1">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+  <button type="button" class="btn bmd-btn-fab btn-warning my-1">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+  <button type="button" class="btn bmd-btn-fab btn-dark my-1">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+  <button type="button" class="btn bmd-btn-fab btn-light my-1">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+</div>
+++++
+
+[source, html]
+----
+  <button type="button" class="btn bmd-btn-fab btn-primary my-1">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+  <button type="button" class="btn bmd-btn-fab btn-secondary my-2">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+  ...
+  <button type="button" class="btn bmd-btn-fab btn-dark my-7">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+  <button type="button" class="btn bmd-btn-fab btn-light my-8">
+    <i class="mdi mdi-plus mdi-2x"></i>
+  </button>
+----
+
+#### Sizes
+
+A smaller sized, i.e. mini floating action button, is also available.
+
+++++
+<div class="doc-example">
+  <button type="button" class="btn btn-danger bmd-btn-fab bmd-btn-fab-sm">
+    <i class="mdi mdi-plus mdi-sm"></i>
+  </button>
+</div>
+++++
+
+[source, html]
+----
+  <button type="button" class="btn btn-danger bmd-btn-fab bmd-btn-fab-sm">
+    <i class="mdi mdi-plus mdi-sm"></i>
+  </button>
+----
+
+## Recommended button placement
+
+Cards::
+  Buttons are best placed on the left side of a card to increase their
+  visibility. However, as cards have flexible layouts, buttons may be
+  placed in a location suited to the content and context, while
+  maintaining consistency within the product.
+
+Forms::
+  Button alignment on screen: Left. Place the affirmative button on the
+  left, the dismissive button on the right.
+
+Standard dialogs::
+  Button alignment on screen: right. Place the affirmative button on the
+  right, the dismissive button on the left.

data/lib/starter_web/pages/public/previewer/mdb_preview/mdb_previewer.adoc

@@ -0,0 +1,52 @@
+---
+title:                                  Themes
+tagline:                                Material Design for Bootstrap
+description:                            material
+
+tags:                                   [ Page, Bootstrap ]
+index:                                  [ Bootstrap, Addon, Clear, Button ]
+categories:                             [ pages ]
+
+permalink:                              /pages/public/mdb_preview/
+regenerate:                             true
+
+resources:                              []
+resource_options:
+---
+
+// Enable the Liquid Preprocessor
+// -----------------------------------------------------------------------------
+:page-liquid:
+
+
+// Set other global page attributes here
+// -----------------------------------------------------------------------------
+//:my-asciidoc-attribute:
+
+//  Load Liquid procedures
+// -----------------------------------------------------------------------------
+{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
+
+
+// Initialize entry document environmental attributes
+// -----------------------------------------------------------------------------
+{% include {{set_env_entry_document}} %}
+
+// Load tag, url and data attributes
+// -----------------------------------------------------------------------------
+include::{includedir}/attributes.asciidoc[tag=tags]
+include::{includedir}/attributes.asciidoc[tag=urls]
+include::{includedir}/attributes.asciidoc[tag=data]
+
+// Set local page attributes
+// -----------------------------------------------------------------------------
+// :images-dir:                         {imagesdir}/path/to/page/images
+
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+// Include sub-documents
+// -----------------------------------------------------------------------------
+
+include::{documentsdir}/100_buttons.asciidoc[]

data/lib/starter_web/pages/public/previewer/mdi_icons_preview.adoc

@@ -8,7 +8,7 @@ index:                                  []
 categories:                             [ pages, manuals ]
 
 permalink:                              /pages/protected/previewer/mdi_font/
-regenerate:                             false
+regenerate:                             false 
 
 scrollbar:                              false
 

data/lib/starter_web/pages/public/previewer/twitter_emoji_preview.adoc

@@ -8,7 +8,7 @@ index:                                  []
 categories:                             [ pages, manuals ]
 
 permalink:                              /pages/protected/previewer/twitter_emoji/
-regenerate:                             false
+regenerate:                             false 
 
 scrollbar:                              false
 

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

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

data/lib/starter_web/utilsrv/package.json

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: j1-template
 version: !ruby/object:Gem::Version
-  version: 2020.0.10
+  version: 2020.0.11
 platform: ruby
 authors:
 - juergen_jekyll_one
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2020-07-08 00:00:00.000000000 Z
+date: 2020-07-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -1102,7 +1102,7 @@ files:
 - lib/starter_web/pages/public/blog/navigator/archive/tagview.html
 - lib/starter_web/pages/public/blog/navigator/index.html
 - lib/starter_web/pages/public/clear_button.adoc
-- lib/starter_web/pages/public/learn/floating_sidebar.adoc
+- lib/starter_web/pages/public/learn/examples/floating_div.adoc
 - lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/000_includes/attributes.asciidoc
 - lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/000_includes/documents/100_meet_and_greet_jekyll.asciidoc
 - lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/000_includes/documents/200_preparations.asciidoc
@@ -1185,6 +1185,9 @@ files:
 - lib/starter_web/pages/public/previewer/bootstrap_theme.adoc
 - lib/starter_web/pages/public/previewer/iframer.adoc
 - lib/starter_web/pages/public/previewer/justified_gallery.html
+- lib/starter_web/pages/public/previewer/mdb_preview/000_includes/attributes.asciidoc
+- lib/starter_web/pages/public/previewer/mdb_preview/000_includes/documents/100_buttons.asciidoc
+- lib/starter_web/pages/public/previewer/mdb_preview/mdb_previewer.adoc
 - lib/starter_web/pages/public/previewer/mdi_icons_preview.adoc
 - lib/starter_web/pages/public/previewer/twitter_emoji_preview.adoc
 - lib/starter_web/pages/public/site_search.adoc