j1_template_mde 2018.4.11 → 2018.4.12

data/lib/starter_web/collections/posts/featured/_posts/000_includes/attributes.asciidoc

@@ -1,15 +0,0 @@
-////
-Asciidoc includes
-////
-
-tag::urls[]
-
-:parker-blog:                           https://byparker.com/blog/2014/clearing-up-confusion-around-baseurl/
-
-end::urls[]
-
-tag::tags[]
-
-:figure-caption:                        Figure
-
-end::tags[]

data/lib/starter_web/pages/about/about_you.adoc

@@ -1,103 +0,0 @@
----
-title:                                  About You
-tagline:                                Personal data used by this Site
-description:                            Personal data used by this Site
-categories:                             [ pages ]
-
-tags:                                   [ About ]
-resources:                              [ lightbox, data_tables ]
-flowtext:                               true
-permalink:                              /pages/about/you/
-regenerate:                             false
-
-resource_options:
-
-  # - masthead:
-  #     opacity:                          0.5
-      # slides:
-      #   - url:                          /assets/images/master_header/clark-tibbs-do-something.jpg
-      #     caption:                      Photo by Clark Tibbs on Unsplash
-      #     caption_href:                 https://unsplash.com/@clarktibbs
-      #     caption_color:                rgba_lighten_800
-      #     transition:                   fadeInOut
----
-
-lorem:sentences[3]
-
-lorem:sentences[2]
-
-excerpt__end
-
-== About You
-
-lorem:sentences[3]
-
-++++
-<script>
-  var logger = log4javascript.getLogger("j1.Page.{{page.title|downcase}}");
-</script>
-
-<div class="mt-5 mb-5">
-  <table id="ajax_table" class="display" cellspacing="0" width="100%">
-    <thead>
-      <tr>
-        <th>provider</th>        
-        <th>user</th>
-        <th>user_id</th>
-        <th>status</th>
-      </tr>
-    </thead>
-  </table>
-</div>
-++++
-
-lorem:sentences[5]
-
-++++
-<script>
-  $(document).ready(function() {
-    var user_data   = {};
-    var dataSet     = [];
-    var logText;
-
-    // Set|Detect J1 App status
-    if ( j1.existsCookie( 'j1.web.session' ) ) {
-      // Call middleware info endpoint to return the current user state
-      function load_user_info() {      
-        return $.ajax({
-          url:      '/status',
-          success:  function (data) {
-            if (typeof data == 'string') {
-              JSON.parse(data)
-            }
-            if (typeof data == 'object') {
-              data
-            }
-          }
-        })
-      };
-      // Create DataTable when data collected
-      $.when( load_user_info() ).done (
-        function( response ) {        
-          var json_data = JSON.stringify(response);
-          logger.info('JSON data: ' + json_data);
-          
-          var data = Object.values(response);
-          dataSet.push(data);
-
-          $('#ajax_table').DataTable({
-            data: dataSet,
-            columns: [
-              { "title": "provider" },            
-              { "title": "user" },
-              { "title": "user_id" },
-              { "title": "status" }
-            ]
-          }); // end DataTable
-        }); // end load_user_data
-    } else {
-      logger.info('Site detected in state: web');
-    }
-  });
-</script>
-++++

data/lib/starter_web/pages/start/documentation/user_guide/100_header/000_includes/attributes.asciidoc

@@ -1,72 +0,0 @@
-// ~/document_base_folder/000_includes
-//  Asciidoc attribute includes:                 attributes.asciidoc
-// -----------------------------------------------------------------------------
-
-
-// URLs - Internal references and/or sources on the Internet
-// -----------------------------------------------------------------------------
-tag::urls[]
-
-:jekyll-home-news:                                https://jekyllrb.com/news/
-
-:j1-kickstarter-docker-in-a-day:                  /pages/start/kickstarter/docker_in_a_day/getting_started/
-:j1-kickstarter-private-sites:                    /pages/start/kickstarter/j1_private_sites/100_introduction/
-
-:j1-images-in-a-day-intro:                        /pages/start/kickstarter/j1_images_in_a_day/intro/
-:j1-images-in-a-day-run-and-develop:              /pages/start/kickstarter/j1_images_in_a_day/run_and_develop/
-:j1-images-in-a-day-create-images:                /pages/start/kickstarter/j1_images_in_a_day/create_docker_images/
-:j1-images-in-a-day-cheatsheet:                   /pages/start/kickstarter/j1_images_in_a_day/j1_images_cheatsheet/
-:j1-images-in-a-day-j1-images-project:            /pages/start/kickstarter/j1_images_in_a_day/j1_images_project/
-
-end::urls[]
-
-
-// Tags - Asciidoc attributes used internally
-// -----------------------------------------------------------------------------
-tag::tags[]
-
-:window:                                          window="_blank"
-:figure-caption:                                  Figure
-:images-dir:                                      pages/documentation/100_development_system
-: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-download-image-create-starter:              "pages/documentation/100_user_guide/200_modules/800_auth_manager/download_image_create_starter.800x600.png, Create a starter web skeleton"
-:data-run-container-build-start-web:              "pages/documentation/100_user_guide/200_modules/800_auth_manager/run_container_build_start_web.800x400.png, Build and run the starter web"
-:data-running-starter-web:                        "pages/documentation/100_user_guide/200_modules/800_auth_manager/run_starter_web.800x700.png, Run the starter web in a browser"
-
-end::data[]
-
-
-// Product - Document (e.g release) information
-// -----------------------------------------------------------------------------
-tag::product_info[]
-:license:                                         MIT License
-:revdate:                                         2018
-:revnumber:                                       1.0.0
-end::product_info[]
-
-
-// Author - Author information
-// -----------------------------------------------------------------------------
-tag::authors[]
-:uri-author-juergen-adams                         https://jekyll.one
-end::authors[]

data/lib/starter_web/pages/start/documentation/user_guide/100_header/000_includes/documents/200_library_features.asciidoc

@@ -1,285 +0,0 @@
-== Library Features
-
-The _Bootsnav_ library is using _Bootstrap_ straight forward regarding
-menu bars and navigation. For more helpful information about how navigation
-is implemented by the _Bootstrap_ framework, please read the official documentation
-of Twitter's link:{getbs_components}#nav[Bootstrap framework, window="_blank"]
-for the `nav` class.
-
-_Bootsnav_ is written as a _jQuery plugin_. Therefore, besides the _Bootstrap
-Famework_, the _jQuery library_ is required. In order to get the best results
-with the latest versions of _Bootstrap  V3_ (version *3.3.7*), it's highly
-recommended to use _jQuery_ in version *1.12.4* (at least the *1.9.1* version).
-
-=== Initialization
-
-The initialization of _Bootsnav_ is done in a *3-step-sequence*:
-As first and second step the CSS and JS files get loaded,
-before the HTML code gets placed as the third and final step.
-
-==== CSS Loading
-
-In addition to the base CSS styles provided by `bootsnav.css`
-it's also possible to *overload* _Bootsnav_ and/or _Bootstrap_
-CSS definitions by loading CSS styles customized by the user
-in `style.css`, if desired.
-
-
-[IMPORTANT]
-====
-Of course, changing the Bootstrap CSS style definitions by using a customized
-`style.css` file is an valid option, but using a customized *Bootstrap CSS*
-file based on the _less_ sources provided by _Bootstrap_ might be a better
-choice. How to customize a _Bootstrap_ Theme, refer to  *j1_apps_theme_customizer*
-(link removed!) for more information.
-====
-
-[start=1]
-. Load CSS files (minified or non-minified) in the `<HEAD>` section:
-
-[source, html]
-----
-  <link rel="stylesheet" href="path_to_css/bootsnav.css" />
-  <link rel="stylesheet" href="path_to_css/style.css" />
-----
-
-[NOTE]
-====
-If no _custom_ CSS style is used, a customized file like `style.css`
-*must not* be used. _J1 Template_ makes use of custom CSS styles (skin),
-but changes _Bootsnav_ styles only.
-====
-
-==== JS Loading
-
-For _Bootsnav_ a single Javascript library file `bootsnav.js` (or
-`bootsnav.min.js` for the _minified_ version) has to get loaded with the page.
-
-[start=2]
-. The Javascript portion (minified or non-minified) of _Bootsnav_ should
-be included in the `<HEAD>` section:
-
-[source, html]
-----
-  <script src="path_to_js/bootsnav.min.js"></script>
-----
-
-In order to _initialize_ the Javascript code on a configured _Bootsnav_
-navigation, the (original) _Bootsnav_ library `bootsnav.js` contains an
-`initializer` that is automatically fired on `document-ready` event by _jQuery_.
-That way, all _Bootsnav_ functionalities get provided for all elements which are
-configured to use with _Bootsnav_.
-
-.Callbacks provided by _Bootsnav_ Javascript library:
-[source, js]
-----
-  // Initialize
-  $(document).ready(function(){
-    bootsnav.initialize();
-  });
-
-  // Reset on resize
-  $(window).on("resize", function(){
-    bootsnav.hoverDropdown();
-    setTimeout(function(){
-      bootsnav.navbarSticky();
-    }, 500);
-
-    // Toggle Bars
-    $(".navbar-toggle").each(function(){
-      $(".fa", this).removeClass("fa-times");
-      $(".fa", this).addClass("fa-bars");
-      $(this).removeClass("fixed");
-    });
-    $(".navbar-collapse").removeClass("in");
-    $(".navbar-collapse").removeClass("on");
-    $(".navbar-collapse").removeClass("bounceIn");
-  });
-----
-
-[CAUTION]
-====
-_J1 Template_ is using a *modified* version of _Bootsnav_! The
-`initializer` functions were moved to a separate JS module of _J1 Template_.
-Keep in mind, it's *not* possible to use this version of _Bootsnav_ outside
-the _J1 Template_ environment.
-====
-
-==== HTML Placement
-
-The HTML markup for _Bootsnav_ dropdown menus is very similar to the native
-_Bootstrap_ code. You only have to add the class `bootsnav` (and some
-`data attributes` for extended functionality) to the `nav` tag of the menu.
-
-[start=3]
-. The HTML code of a _Bootsnav_ menu should be positioned at the beginning
-of the `<BODY>` section of the page where the menu is used.
-
-.HTML Markup for a Dropdown Menu
-[source, html]
-----
-<nav class="navbar navbar-default bootsnav">
-  <div class="container">
-    <!-- Start Header Navigation -->
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle"
-              data-toggle="collapse"
-              data-target="#navbar-menu">
-        <i class="fa fa-bars"></i>
-      </button>
-      <a class="navbar-brand" href="#brand">
-        <img src="LOGO_ADDRESS" class="logo" alt="">
-      </a>
-    </div>
-    <!-- End Header Navigation -->
-    <!-- Collect the nav links, forms, and other content for toggling -->
-    <div class="collapse navbar-collapse" id="navbar-menu">
-      <ul class="nav navbar-nav navbar-left">
-        <li><a href="#">Home</a></li>
-        <li><a href="#">About Us</a></li>
-        <li><a href="#">Services</a></li>
-        <li><a href="#">Portfolio</a></li>
-        <li><a href="#">Contact Us</a></li>
-      </ul>
-    </div>
-    <!-- /.navbar-collapse -->
-  </div>
-</nav>
-----
-
-.HTML Markup for the Topsearch functionality
-[source, html]
-----
-  <div class="top-search">
-    <div class="container">
-      <div class="input-group">
-        <span class="input-group-addon">
-          <i class="mdi mdi-magnify mdi-48px" style="color:md_white"></i>
-        </span>
-        <input type="text" id="jss-input" class="form-control"
-               placeholder="QuickSearch">
-        <span class="input-group-addon close-search">
-          <i class="mdi mdi-close mdi-48px" style="color:md_white"></i>
-        </span>
-      </div>
-    </div>
-    <!-- search panel, hidden (display: none) -->
-    <div class="panel panel-search" id="jss-panel"
-         style="display: none">
-      <!-- default panel contents -->
-      <div class="panel-heading lead">Quick Search Results</div>
-      <div class="panel-body">
-        <p>Quick Search carries out a basic search for all documemts if this site.</p>
-      </div>
-      <!-- list group -->
-      <div class="list-group">
-        <ul id="jss-results"></ul>
-      </div>
-    </div>
-  </div>
-----
-
-.HTML Markup for a Sidebar
-[source, html]
-----
-  <div class="side">
-    <a href="#" class="close-side">
-      <i class="mdi mdi-close mdi-48px" style="color:md_white"></i>
-    </a>
-    <!-- SideBar widget container -->
-    <div class="widget">
-      <h4 class="heading">Site Info</h4>
-      <ul class="link">
-        <li><a href="/about">About</a></li>
-      </ul>
-      ...
-      <ul class="link">
-        <li><a href="mailto:contact@my.domain">Contact</a></li>
-      </ul>
-    </div>
-  </div>
-----
-
-.HTML Markup for the Quicklinks
-[source, html]
-----
-  <div class="attr-nav">
-    <ul>
-      <li>
-        <a href="javascript:void(0)">
-          <i class="mdi mdi-facebook mdi-24px" style="color:md_white"></i>
-        </a>
-      </li>
-      <li class="search">
-        <a href="#">
-          <i class="mdi mdi-magnify mdi-24px" style="color:md_white"></i>
-        </a>
-      </li>
-      <li class="side-menu">
-        <a href="#">
-          <i class="mdi mdi-menu mdi-24px" style="color:md_white"></i>
-        </a>
-      </li>
-    </ul>
-  </div>
-----
-
-A lot more examples for several types and flavours of menus which are supported
-by _Bootsnav_ can be found on the link:{bootsnav_doc}[Bootsnav Documentation, window="_blank"]
-pages.
-
-[IMPORTANT]
-====
-Writing HTML code is *not* necessary to create a menu system for a website,
-if the _J1 Template_ version of_Bootsnav_ is used.
-All menus will get generated *automatically* based on what is configured in
-the `YAML` configuration files. Configuration files _describe_ the menu's
-*actions* and *content*. See chapter <<j1-integration>> for all details about
-how to use _Bootsnav_ with _J1 Template_.
-====
-
-=== Options
-
-No `options` available.
-
-=== Events
-
-No `events` available.
-
-=== Methods
-
-The _Bootsnav_ library provides *no* methods besides the `initializer`
-that is automatically fired on `document-ready` event by _jQuery_
-(original library versions).
-
-++++
-<div class="table-responsive">
-++++
-[cols="4,2,6",options="header", role="table-responsive mt-3"]
-|=======================================================================
-| Method | Option | Description
-
-| initialize()
-| no options
-| Initializes all menus with the HTML tag `nav` that have a
-  `bootsnav` class configured
-
-|=======================================================================
-++++
-</div>
-++++
-
-==== Initialization
-
-The following code shows how _Bootsnav_ gets initialized in Bootstrap
-`nav` menus (class `bootsnav`).
-
-.Example of how to initialize _Bootsnav_ menus
-[source, html]
-----
-  <script type="text/javascript">
-    $(document).ready(function(){
-      bootsnav.initialize();
-    });
-  </script>
-----