j1_template_mde 2018.4.25 → 2018.4.26

data/lib/starter_web/_data/j1_resources.yml

@@ -515,10 +515,10 @@ resources:
         files:                          extensions/rouge/css/base16/theme.css
 
   # ----------------------------------------------------------------------------
-  # Stickyfill (CSS polyfill)
+  # Stickyfill (CSS polyfill, https://github.com/wilddeer/stickyfill)
   #
   - resource:
-      enabled:                          false
+      enabled:                          true
       id:                               stickyfill
       comment:                          Polyfill for CSS position sticky
       region:                           head
@@ -526,7 +526,8 @@ resources:
       required:                         always
       script_load:                      sync
       data:
-        js:                             extensions/stickyfill/js/stickyfill
+        files:                          extensions/stickyfill/js/stickyfill.js
+
 
   # ----------------------------------------------------------------------------
   # Alogolia
@@ -536,7 +537,7 @@ resources:
       id:                               algolia
       comment:                          Resources used by Algolia Instantsearch
       region:                           head
-      layout:                           all
+      layout:                           [ page, post, app ]
       required:                         ondemand
       script_load:                      sync
       data:

data/lib/starter_web/_data/layouts/app.yml

@@ -20,15 +20,15 @@
 # ------------------------------------------------------------------------------
 # Layout configuration settings
 
-# lanes|lane
-# -------------------------------------
+#   lanes|lane
+#   ----------------------------------------------------------------------------
 #   Set LANE specific configuration parameters for a page LAYOUT. The
 #   LANES array contains multiple (lane) hashes that describes the type
 #   of the component that is loaded into a lane and their specific
 #   (placement) parameters.
 #
-# region
-# -------------------------------------
+#   region
+#   ----------------------------------------------------------------------------
 #   J1 templates defines, based on the general structure of a HTML page
 #   (head|body), more specific REGIONS based on HTML5 semantic elements
 #   to place HTML data:
@@ -54,8 +54,8 @@
 #   values:           head|body-navigation|body-header|body-main|body-footer
 #   default:          no defaults
 #
-# type
-# -------------------------------------
+#   type
+#   ----------------------------------------------------------------------------
 #   The (HTML) content of a lane can be included (from an include file) or
 #   loaded asychronously from a HTML data file by AJAX (get|load) calls.
 #   J1 template is using jQuery as an interface to AJAX calls.
@@ -63,23 +63,23 @@
 #   values:           include|load
 #   default:          no defaults
 #
-# source
-# -------------------------------------
+#   source
+#   ----------------------------------------------------------------------------
 #   The parameter source defines a (site root relativ) path to the data
 #   source to be included or loaded.
 #
 #   values:           string (path)
 #   default:          no defaults
 #
-# file
-# -------------------------------------
+#   file
+#   ----------------------------------------------------------------------------
 #   Defines the data file to be included or loaded.
 #
 #   values:           string
 #   default:          no defaults
 #
-# id
-# -------------------------------------
+#   id
+#   ----------------------------------------------------------------------------
 #   Used for AJAX load calls (see parameter type). The id is used twice. First,
 #   id references a HTML fragment as part of the (HTML) data file (see parameter
 #   data below). Second, the id is used to identify the placeholder (div)
@@ -88,8 +88,8 @@
 #   values:           string
 #   default:          no defaults
 #
-# class
-# -------------------------------------
+#   class
+#   ----------------------------------------------------------------------------
 #   Additional CSS classes that are put on the placeholder (div) element.
 #   Can be used for type 'load', only.
 #
@@ -97,7 +97,6 @@
 #   default:          no defaults
 #
 # ------------------------------------------------------------------------------
-
 lanes:
 
 # ------------------------------------------------------------------------------

data/lib/starter_web/_data/layouts/blog_archive.yml

@@ -20,15 +20,15 @@
 # ------------------------------------------------------------------------------
 # Layout configuration settings
 
-# lanes|lane
-# -------------------------------------
+#   lanes|lane
+#   ----------------------------------------------------------------------------
 #   Set LANE specific configuration parameters for a page LAYOUT. The
 #   LANES array contains multiple (lane) hashes that describes the type
 #   of the component that is loaded into a lane and their specific
 #   (placement) parameters.
 #
-# region
-# -------------------------------------
+#   region
+#   ----------------------------------------------------------------------------
 #   J1 templates defines, based on the general structure of a HTML page
 #   (head|body), more specific REGIONS based on HTML5 semantic elements
 #   to place HTML data:
@@ -54,51 +54,49 @@
 #   values:           head|body-navigation|body-header|body-main|body-footer
 #   default:          no defaults
 #
-#
-# type
-# -------------------------------------
+#   type
+#   ----------------------------------------------------------------------------
 #   The (HTML) content of a lane can be included (from an include file) or
 #   loaded asychronously from a HTML data file by AJAX (get|load) calls.
 #   J1 template is using jQuery as an interface to AJAX calls.
 #
-#   values:                   include|load
-#   default:                  no defaults
+#   values:           include|load
+#   default:          no defaults
 #
-# source
-# -------------------------------------
+#   source
+#   ----------------------------------------------------------------------------
 #   The parameter source defines a (site root relativ) path to the data
 #   source to be included or loaded.
 #
-#   values:                   string (path)
-#   default:                  no defaults
+#   values:           string (path)
+#   default:          no defaults
 #
-# file
-# -------------------------------------
+#   file
+#   ----------------------------------------------------------------------------
 #   Defines the data file to be included or loaded.
 #
-#   values:                   string
-#   default:                  no defaults
+#   values:           string
+#   default:          no defaults
 #
-# id
-# -------------------------------------
+#   id
+#   ----------------------------------------------------------------------------
 #   Used for AJAX load calls (see parameter type). The id is used twice. First,
 #   id references a HTML fragment as part of the (HTML) data file (see parameter
 #   data below). Second, the id is used to identify the placeholder (div)
 #   element where the AJAX call puts the data on.
 #
-#   values:                   string
-#   default:                  no defaults
+#   values:           string
+#   default:          no defaults
 #
-# class
-# -------------------------------------
+#   class
+#   ----------------------------------------------------------------------------
 #   Additional CSS classes that are put on the placeholder (div) element.
 #   Can be used for type 'load', only.
 #
-#   values:                   string (CSS class name)
-#   default:                  no defaults
+#   values:           string (CSS class name)
+#   default:          no defaults
 #
 # ------------------------------------------------------------------------------
-
 lanes:
 
 # ------------------------------------------------------------------------------

data/lib/starter_web/_data/layouts/collection.yml

@@ -20,15 +20,15 @@
 # ------------------------------------------------------------------------------
 # Layout configuration settings
 
-# lanes|lane
-# -------------------------------------
+#   lanes|lane
+#   ----------------------------------------------------------------------------
 #   Set LANE specific configuration parameters for a page LAYOUT. The
 #   LANES array contains multiple (lane) hashes that describes the type
 #   of the component that is loaded into a lane and their specific
 #   (placement) parameters.
 #
-# region
-# -------------------------------------
+#   region
+#   ----------------------------------------------------------------------------
 #   J1 templates defines, based on the general structure of a HTML page
 #   (head|body), more specific REGIONS based on HTML5 semantic elements
 #   to place HTML data:
@@ -54,50 +54,49 @@
 #   values:           head|body-navigation|body-header|body-main|body-footer
 #   default:          no defaults
 #
-# type
-# -------------------------------------
+#   type
+#   ----------------------------------------------------------------------------
 #   The (HTML) content of a lane can be included (from an include file) or
 #   loaded asychronously from a HTML data file by AJAX (get|load) calls.
 #   J1 template is using jQuery as an interface to AJAX calls.
 #
-#   values:                   include|load
-#   default:                  no defaults
+#   values:           include|load
+#   default:          no defaults
 #
-# source
-# -------------------------------------
+#   source
+#   ----------------------------------------------------------------------------
 #   The parameter source defines a (site root relativ) path to the data
 #   source to be included or loaded.
 #
-#   values:                   string (path)
-#   default:                  no defaults
+#   values:           string (path)
+#   default:          no defaults
 #
-# file
-# -------------------------------------
+#   file
+#   ----------------------------------------------------------------------------
 #   Defines the data file to be included or loaded.
 #
-#   values:                   string
-#   default:                  no defaults
+#   values:           string
+#   default:          no defaults
 #
-# id
-# -------------------------------------
+#   id
+#   ----------------------------------------------------------------------------
 #   Used for AJAX load calls (see parameter type). The id is used twice. First,
 #   id references a HTML fragment as part of the (HTML) data file (see parameter
 #   data below). Second, the id is used to identify the placeholder (div)
 #   element where the AJAX call puts the data on.
 #
-#   values:                   string
-#   default:                  no defaults
+#   values:           string
+#   default:          no defaults
 #
-# class
-# -------------------------------------
+#   class
+#   ----------------------------------------------------------------------------
 #   Additional CSS classes that are put on the placeholder (div) element.
 #   Can be used for type 'load', only.
 #
-#   values:                   string (CSS class name)
-#   default:                  no defaults
+#   values:           string (CSS class name)
+#   default:          no defaults
 #
 # ------------------------------------------------------------------------------
-
 lanes:
 
 # ------------------------------------------------------------------------------

data/lib/starter_web/_data/layouts/default.yml

@@ -17,119 +17,86 @@
 #    YAML data file into the REGION specified with a LANE.
 # ------------------------------------------------------------------------------
 
-# -------------------------------------------------------------------------
-# GLOBAL settings
-#
-
-# base
-# --------------------------------------------------------------------
-#   Defines a (canonical) base path.
-#
-#   core               (base) path for core components
-#   asset              (base) path for assets
-#
-
-# -------------------------------------------------------------------------
+# ------------------------------------------------------------------------------
 # Layout configuration settings
 
-# lanes|lane
-# --------------------------------------------------------------------
+#   lanes|lane
+#   ----------------------------------------------------------------------------
 #   Set LANE specific configuration parameters for a page LAYOUT. The
-#   LANES array contains multiple (lane) hashes that describes the
-#   type of the component that is placed into a lane and their specific
+#   LANES array contains multiple (lane) hashes that describes the type
+#   of the component that is loaded into a lane and their specific
 #   (placement) parameters.
 #
-# region
-# --------------------------------------------------------------------
-#   J1 Template defines, based on the general structure of a HTML
-#   page (head and body), more specific regions to place HTML data
-#   (lanes):
-#
-#   head              <HEAD> section. Contains (site-wide) meta
-#                     data (tags) and all CSS files to be loaded.
-#   body-navigation   <BODY> section. Contains the navigation bar
-#                     (NavManager). Placed a the BEGINNING of the
-#                     body region <body>.
-#   body-banner       <BODY> section. Contains the page banner
-#                     (header). Placed AFTER the page navigation
-#                     but BEFORE the page content.
-#   body-content      <BODY> section. J1 template puts a specific
-#                     <div> container element in the <BODY> section
-#                     to place the content. All content specific
-#                     elements are loaded into the region 'body-content'.
-#                     Content may e.g. boxes, panels, quotes and
-#                     the page content.
-#   body-footer       <BODY> section. J1 template puts a specific
-#                     <div> container element at the end of the
-#                     <BODY> section. The body-footer region contains
-#                     all elements that should be loaded at the
-#                     end of a page - typically the page footer.
-#
-#   values:                   head|body-navigation|body-banner|
-#                             body-content|body-footer
-#   default:                  no defaults
-#
-# type
-# --------------------------------------------------------------------
-#   The (HTML) CONTENT of a lane can be placed for sychronous (sync)
-#   or asychronous (async) load. If the content is placed synchronously,
-#   a core component of J1 Template (base = core) or an HTML adapter
-#   (base = module) generates the HTML code to be placed.
-#   If the content is placed asynchronously, only a <DIV> element, using
-#   an unique id, is placed for synchronous (page) load. The HTML code
-#   will be generated asynchronously (by a module) after the page is
-#   completely loaded (document-ready) and placed within the previously
-#   generated <DIV> element (e.g. by a module).
-#
-#   values:                   sync|async
-#   default:                  no defaults
-#
-# base
-# --------------------------------------------------------------------
-#   Type SYNC only. The parameter base defines a (canonical) BASE
-#   path.
-#
-#   values:                   core|asset
-#   default:                  no defaults
-#
-# path
-# --------------------------------------------------------------------
-#   Type SYNC only. The parameter path defines a PATH (relativ to BASE)
-#   to the data source to be placed.
-#
-#   values:                   string (path)
-#   default:                  no defaults
-#
-# file
-# --------------------------------------------------------------------
-#   Type SYNC only. Defines the FILE to be placed (and
-#   executed) for a lane.
-#
-#   values:                   string
-#   default:                  no defaults
-#
-# id
-# --------------------------------------------------------------------
-#   Type ASYNC only. Used for content placed asyncronously by (AJAX
-#   calls) on an DIV element using this id.
-#   the data on.
-#
-#   values:                   string
-#   default:                  no defaults
-#
-# class
-# --------------------------------------------------------------------
-#   Type ASYNC only. Additional CSS classes that are put on the
-#   DIV element using this id.
-#
-#   values:                   string (CSS class name)
-#   default:                  no defaults
-#
-# -------------------------------------------------------------------------
-
-# -------------------------------------------------------------------------
-# GLOBAL configuration settings
+#   region
+#   ----------------------------------------------------------------------------
+#   J1 templates defines, based on the general structure of a HTML page
+#   (head|body), more specific REGIONS based on HTML5 semantic elements
+#   to place HTML data:
+#
+#   head              <head> section. Contains (site-wide) meta data and
+#                     all CSS and JS files are to be loaded for a page.
+#   body-navigation   <body> NAV section. Contains the main navigation bar.
+#                     Placed a the BEGINNING of the <body> section.
+#   body-header       <body> HEADER section. Contains the page banner (header).
+#                     Placed AFTER the page navigation but BEFORE the main
+#                     content (body-main) of a page.
+#   body-main         <body> MAIN section. J1 template puts a <main> container
+#                     element in the <body> section to place the (main) content.
+#                     All content related elements are loaded into the region
+#                     'body-main'. Content may components like boxes, panels,
+#                     quotes etc. and the document content like sections and
+#                     articles.
+#   body-footer       <body> FOOTER section. J1 template puts a <footer> element
+#                     at the end of the <BODY> section. The body-footer region
+#                     contains all elements that should be loaded at the end
+#                     of a page; typically the page footer.
+#
+#   values:           head|body-navigation|body-header|body-main|body-footer
+#   default:          no defaults
+#
+#   type
+#   ----------------------------------------------------------------------------
+#   The (HTML) content of a lane can be included (from an include file) or
+#   loaded asychronously from a HTML data file by AJAX (get|load) calls.
+#   J1 template is using jQuery as an interface to AJAX calls.
+#
+#   values:           include|load
+#   default:          no defaults
+#
+#   source
+#   ----------------------------------------------------------------------------
+#   The parameter source defines a (site root relativ) path to the data
+#   source to be included or loaded.
+#
+#   values:           string (path)
+#   default:          no defaults
+#
+#   file
+#   ----------------------------------------------------------------------------
+#   Defines the data file to be included or loaded.
+#
+#   values:           string
+#   default:          no defaults
+#
+#   id
+#   ----------------------------------------------------------------------------
+#   Used for AJAX load calls (see parameter type). The id is used twice. First,
+#   id references a HTML fragment as part of the (HTML) data file (see parameter
+#   data below). Second, the id is used to identify the placeholder (div)
+#   element where the AJAX call puts the data on.
+#
+#   values:           string
+#   default:          no defaults
+#
+#   class
+#   ----------------------------------------------------------------------------
+#   Additional CSS classes that are put on the placeholder (div) element.
+#   Can be used for type 'load', only.
+#
+#   values:           string (CSS class name)
+#   default:          no defaults
 #
+# ------------------------------------------------------------------------------
 
 # -------------------------------------------------------------------------
 # Layout configuration settings