j1_template_mde 2018.4.10

data/lib/starter_web/_data/modules/j1_cookiebar.yml

@@ -0,0 +1,65 @@
+# ------------------------------------------------------------------------------
+#  ~/_data/modules/j1_cookiebar.yml
+#  Default configuration for J1 Cookiebar module
+#
+#  Product/Info:
+#  https://jekyll-one.com
+#
+#  Copyright (C) 2019 Juergen Adams
+#
+#  J1 Template is licensed under the MIT License.
+#  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# Cookiebar configuration
+# ------------------------------------------------------------------------------
+enabled:                            true
+load:                               sync
+autoEnable:                         true
+background_color:                   '#354A60'
+text_color:                         '#EEEEEE'
+
+message: >
+                                    </br>
+                                      <p>
+                                      Some of these pages use so-called Cookies,
+                                      which serve the content of this site to be
+                                      user-friendly, more effective and safer.
+                                      </p>
+                                    </br>
+
+message_de: >
+                                    </br>
+                                      <p>Diese Internetseiten verwenden zum Teil so genannte
+                                      Cookies, die dazu dienen das Angebot nutzerfreundlicher,
+                                      effektiver und sicherer zu machen.</p>
+                                    </br>
+
+acceptButton:                       true
+stopScrolling:                      true
+acceptText:                         I understand and agree
+acceptText_de:                      Ich habe den Hinweis verstanden und stimme zu
+acceptFunction:                     null
+declineButton:                      false
+declineText:                        Disable Cookies
+declineFunction:                    null
+policyButton:                       true
+policyText:                         Privacy
+policyText_de:                      Datenschutzbestimmungen
+policyURL:                          /pages/legal/en/privacy/
+policyURL_de:                       /pages/legal/de/privacy/
+acceptOnContinue:                   false
+acceptOnScroll:                     false
+acceptAnyClick:                     false
+expireDays:                         3650
+renewOnVisit:                       false
+forceShow:                          false
+effect:                             slide
+element:                            "#no_flicker"  #body #nav
+append:                             false
+fixed:                              false
+bottom:                             false
+zindex:
+domain:                             www.example.com
+referrer:                           www.example.com

data/lib/starter_web/_data/modules/j1_footer.yml

@@ -0,0 +1,128 @@
+# ------------------------------------------------------------------------------
+#   ~/_data/modules/j1_footer.yml
+#   Template specific configuration data to configure site-wide footer
+#
+#   Product/Info:
+#   https://jekyll-one.com
+#
+#   Copyright (C) 2019 Juergen Adams
+#
+#   J1 Template is licensed under the MIT License.
+#   See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+#
+# ------------------------------------------------------------------------------
+
+# -------------------------------------------------------------------------
+# GLOBALS
+# -------------------------------------------------------------------------
+#
+#   THE GLOBALS sequence (array) contains general parameters used for
+#   ALL resource definitions
+#
+# data_path
+# ---------------------------------------------------------------
+#   All data items displayed by a panel are being read from a
+#   data file automatically generated from that configuration.
+#   AJAX get method is used to supply the panel with respective
+#   the HTML code at the time the panel is loaded (by the
+#   J1 Adapter for J1 Template).
+#
+#   values:                         string
+#   default:                        /assets/data/footer/index.html
+#
+global:
+  id:                               j1_footer
+  theme:                            footer-light-theme
+  data_path:                        /assets/data/footer/index.html
+
+
+footer:
+
+  - legal_info:
+    - copyright_statement:            J1 · Copyright © 2018 · All Rights reserved
+    - impress_statement:              Impress
+      impress_link:                   /pages/legal/en/impress/
+    - terms_statement:                Terms Of Use
+      terms_link:                     /pages/legal/en/terms_of_use/
+    - privacy_statement:              Privacy
+      privacy_link:                   /pages/legal/en/privacy/
+    - license_statement:              License
+      license_link:                   /pages/legal/en/license_agreement/
+    - support_statement:              Support
+      support_link:
+
+  - issue_info:
+    - enabled:                        true
+      text: >
+                                      Last changed
+      date:                           site.time
+
+  - social_media:
+    - facebook:                       true
+      href:                           "javascript:void(0)"
+    - twitter:                        true
+      href:                           "javascript:void(0)"
+    - google-plus:                    false
+      href:                           "javascript:void(0)"
+
+  - footer_box:
+
+    - box:
+        type:                         AboutBox
+        enabled:                      true
+        title:                        J1 TEMPLATE
+        text: >
+                                      Jekyll meets Bootstrap - and makes a lot of friends.
+                                      J1 Template combines the best of open source software for
+                                      the Web and the Web site generator Jekyll. J1 is Open
+                                      Source and the modules packed as well - no pain for private
+                                      or professional use.
+                                      <br/><br/>
+                                      <b>Create powerful modern static sites.<br/>
+                                      Secure, flexible and fast.</b>
+    - box:
+        type:                         NewsBox
+        enabled:                      true
+        title:                        Recent News
+        selected_category:            featured
+        max_posts:                    3
+
+    - box:
+        type:                         LinksBox
+        enabled:                      true
+        title:                        Useful Links
+        links:                        [
+                                        {
+                                          text:             Jekyll - First Addresss for last info,
+                                          url:              "http://jekyllrb.com/"
+                                        },
+                                        {
+                                          text:             Jekyll Tips - Learn from Experts,
+                                          url:              "http://jekyll.tips/"
+                                        },
+                                        {
+                                          text:             Stackoverflow - Get Help,
+                                          url:              "http://stackoverflow.com/questions/tagged/jekyll"
+                                        },
+                                        {
+                                          text:             GitHub Pages - Publish Your Web Sites for free,
+                                          url:              "https://help.github.com/articles/using-jekyll-as-a-static-site-generator-with-github-pages/"
+                                        }
+                                      ]
+
+    - box:
+        type:                         ContactsBox
+        enabled:                      false
+        title:                        Contacts
+        address:
+          enabled:                    false
+          address_1:                  795 Folsom Ave, Suite 600
+          address_2:                  San Francisco, CA 94107
+        phone:
+          enabled:                    false
+          phone_1:                    (+123) 456 7890
+          phone_2:                    (+123) 456 7891
+        internet:
+          enabled:                    false
+          mail:                       contact@jekyll.one
+          www:                        www.jekyll.one

data/lib/starter_web/_data/modules/j1_header.yml

@@ -0,0 +1,201 @@
+# ------------------------------------------------------------------------------
+#   ~/_data/components/j1_header.yml
+#   Template specific configuration data to configure headers
+#   used for all layouts|pages.
+#
+#   Product/Info:
+#   https://jekyll-one.com
+#
+#   Copyright (C) 2019 Juergen Adams
+#
+#   J1 Template is licensed under the MIT License.
+#   See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+# ------------------------------------------------------------------------------
+#  NOTE:
+#   If no header is assigned to a LAYOUT, all pages based on this
+#   layout will have NO header.
+# ------------------------------------------------------------------------------
+#  NOTE:
+#    By J1 template, "Liquid Procedures" are being used intensively. To load
+#    HTML data for a layout, the loader procedure places the data based this
+#    YAML data file into the REGION specified with a LANE.
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# 1. Default settings (all header)
+#
+defaults:
+  # 1.1 General settings (text- and image-based header)
+  #
+  globals:
+    debug:                              false
+    icon_family:                        ZMDI
+    icon_color:                         md_grey
+    icon_size:                          default
+
+  # 1.2 Common header default settings (text- and image-based header)
+  #
+  header:
+    raised_level:                       15
+    r_text:                             enabled
+    text_emphasis:                      stronger
+    padding_top:                        200
+    padding_bottom:                     50
+    margin_bottom:                      50
+
+    title_size:                         xxlarge
+    title_color:                        rgba_lighten_800
+    title_animate:                      fadeInLeft
+    title_align:                        left
+
+    tagline_size:                       large
+    tagline_color:                      rgba_lighten_800
+    tagline_animate:                    fadeInRight
+    tagline_align:                      left
+
+    background_color_1:                 md_indigo
+    background_color_2:                 md_indigo
+
+    action_enabled:                     false
+    action_url:                         "javascript:void(0)"
+    action_button:                      btn-default btn-raised
+    action_icon:                        cloud-action
+    action_icon_family:                 FontAweSome
+    action_text:                        Download Now
+
+    logo_enabled:                       false
+    logo_url:                           /assets/images/icons/j1/j1-512x512.png
+    logo_alt:                           Jekyll-One-Template
+    logo_height:                        196
+    logo_animate:                       slideInDown
+
+  # ------------------------------------------------------------------------------
+  # 1.3 Image Header default settings (image-based header only)
+  #
+  image_header:
+    # spinner animation before a show starts, can be
+    # pulsed|spinner|rotate-dots. See:
+    # ~/framework/jquery/backstretch/css/backstretch.css
+    spinner:                            false
+    # caption defaults
+    caption:                            ""
+    caption_href:                       ""
+    caption_color:                      rgba_lighten
+    # Sets the opacity for all header images. Can be
+    #  any number between 0.0 and 1.0
+    opacity:                            1
+    # alignX, the x-alignment for the image, can be
+    # 'left'|'center'|'right' or any number between 0.0 and 1.0
+    alignX:                             0.5
+
+    # alignY, the y-alignment for the image, can be
+    # 'top'|'center'|'bottom' or any number between 0.0 and 1.0
+    alignY:                             0.5
+
+    # scale, controls the scaling mode. Can be one of
+    # cover, fit, fit-smaller or fill
+    scale:                              cover
+
+    # transition, type of transition between slides
+    transition:                         fadeInOut
+
+    # duration, time in between slides (if slideshow)
+    duration:                           5000
+
+    # transitionDuration, duration at which the image will transition in.
+    # Integers in milliseconds are accepted, as well as standard jQuery
+    # speed strings as slow, normal or fast
+    transitionDuration:                 normal
+
+    # animateFirst, if set to true, the first image will
+    # transition in like all the others (slideshows only)
+    animateFirst:                       true
+
+    # start, index of the first image to show
+    start:                              0
+
+    # paused, whether the images should slide after given duration
+    paused:                             false
+
+    # preload, controls how many images preload at a time
+    preload:                            2
+
+    # preloadSize, controls how many images are preloaded
+    # in parallel
+    preloadSize:                        1
+
+    # bypassCss, avoid to add any CSS styles to the IMG element
+    bypassCss:                          false
+
+    # alwaysTestWindowResolution, test against the window
+    # width instead of the element width
+    alwaysTestWindowResolution:         false
+
+    # resolutionRefreshRate, contrls how long to wait before
+    # switching resolution
+    resolutionRefreshRate:              2500
+
+    # resolutionChangeRatioThreshold, controls how much a change
+    # should it be before switching resolution
+    resolutionChangeRatioThreshold:     0.1
+
+    # isVideo, pass source type video to the plugin, if cannot
+    # be recognized automatically
+    isVideo:                            false
+
+    # loop, enables|disables looping on videos. If true,
+    # duration is used to determine when to stop
+    loop:                               false
+
+    # mute, enables|disables sound on videos
+    mute:                               false
+
+# ------------------------------------------------------------------------------
+# 2. Layout specific header settings
+#
+headers:
+
+  # ------------------------------------------------------------------
+  # Home (page) header (image-based)
+  #
+  - header:
+      enabled:                          true
+      id:                               homehead
+      layout:                           home
+      padding_top:                      300
+      margin_bottom:                    0
+      title:
+        align:                          center
+      tagline:
+        align:                          center
+
+  # ------------------------------------------------------------------
+  # Page header (image-based)
+  #
+  - header:
+      enabled:                          true
+      id:                               pagehead
+      layout:                           page
+      text_emphasis:                    strong
+      title:
+        color:                          rgba_lighten_800
+      tagline:
+        color:                          rgba_lighten_800
+#      image_header:
+#        duration:                      3000
+#        transitionDuration:            2500
+#        animateFirst:                  false
+#        slides:
+#          - url:                       "/assets/images/master_header/pagehead-default-1200.jpg"
+#            alt:                       "J1 Master Header - Default image for Layout PAGE"
+#            caption:                   "Caption for the header image with a link"
+#            caption_href:              "javascript:void(0)"
+#            caption_color:             "rgba(255, 255, 255, 0.8)"
+
+  # ------------------------------------------------------------------
+  # Post|Collection|App|Raw|Blog Archive header (text-based)
+  #
+  - header:
+      enabled:                          true
+      id:                               texthead
+      layout:                           [ post, collection, app, raw, blog_archive ]

data/lib/starter_web/_data/modules/j1_iframe_resizer.yml

@@ -0,0 +1,234 @@
+# ------------------------------------------------------------------------------
+#  ~/_data/modules/j1_iframe_resizer.yml
+#  Default configuration for J1 iFrameResizer module
+#
+#  Product/Info:
+#  https://jekyll-one.com
+#
+#  Copyright (C) 2019 Juergen Adams
+#
+#  J1 Template is licensed under the MIT License.
+#  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# J1 APP Module (iFrameResizer) settings
+#
+
+# enabled
+#   Enables|Disables the use of J1 Application Manager
+#
+#   values:                         boolean (true|false)
+#   default:                        false
+#
+# log
+#   Setting the log option to true will make the scripts in both the host
+#   page and the iFrame output everything they do to the JavaScript console
+#   so you can see the communication between the two scripts.
+#
+#   values:                         boolean (true|false)
+#   default:                        false
+#
+# autoResize
+#   When enabled changes to the Window size or the DOM will cause the iFrame
+#   to resize to the new content size. Disable if using size method with custom
+#   dimensions.
+#
+#   values:                         boolean (true|false)
+#   default:                        true
+#
+# bodyBackground
+#   Overrides the body background style in the iFrame.
+#
+#   values:                         string
+#   default:                        null
+#
+# bodyMargin
+#   Override the default body margin style in the iFrame. A string can be
+#   any valid value for the CSS margin attribute, for example '8px 3em'.
+#   A number value is converted into px.
+#
+#   values:                         integer
+#   default:                        0
+#
+# checkOrigin
+#   When set to true, only allow incoming messages from the domain listed
+#   in the src property of the iFrame tag. If your iFrame navigates between
+#   different domains, ports or protocols; then you will need to provide an
+#   array of URLs or disable this option.
+#
+#   values:                         boolean (true|false)
+#   default:                        true
+#
+# inPageLinks
+#   When enabled in page linking inside the iFrame and from the iFrame to
+#   the parent page will be enabled.
+#
+#   values:                         boolean (true|false)
+#   default:                        false
+#
+# interval
+#   Browsers that doesn't support mutationObserver, such as IE10, the
+#   library falls back to use setInterval, to check for changes of the page
+#   size. The default value is set to 2 frame refreshes at 60Hz, setting
+#   this to a higher value will make screen redraws noticeable to the user.
+#
+#   Setting this property to a negative number will force the interval check
+#   to run instead of mutationObserver.
+#   Set to zero to disable.
+#
+#   values:                         integer (msec)
+#   default:                        32
+#
+# heightCalculationMethod
+#   By default the height of the iFrame is calculated by converting the margin
+#   of the body to px and then adding the top and bottom figures to the
+#   offsetHeight of the body tag.
+#
+#   In cases where CSS styles causes the content to flow outside the body you
+#   may need to change this setting to one of the following options. Each can
+#   give different values depending on how CSS is used in the page and each
+#   has varying side-effects. You will need to experiment to see which is
+#   best for any particular circumstance.
+#
+#     bodyScroll:                   uses document.body.scrollHeight
+#     documentElementOffset:        uses document.documentElement.offsetHeight
+#     documentElementScroll:        uses document.documentElement.scrollHeight
+#     max:                          takes the largest value of the main four options
+#     min:                          takes the smallest value of the main four options
+#     grow:                         same as max but disables the double resize that
+#                                   is used to workout if the iFrame needs to shrink.
+#                                   This provides much better performance if your
+#                                   iFrame will only ever increase in size
+#     lowestElement:                Loops though every element in the the DOM and
+#                                   finds the lowest bottom point
+#     taggedElement:                Finds the bottom of the lowest element with a
+#                                   data-iframe-height attribute
+#   Note:
+#     If the default option doesn't work then the best solutions is to
+#     either to use taggedElement, or to use lowestElement in modern browsers
+#     and max in IE10 downwards.
+#
+#   values:                         bodyOffset|bodyScroll|documentElementOffset|
+#                                   documentElementScroll|max|min|grow|lowestElement|
+#                                   taggedElement
+#   default:                        bodyOffset
+#
+# maxHeight
+#   Set maximum height of an iFrame
+#
+#   values:                         integer
+#   default:                        infinite
+#
+# minHeight
+#   Set minimum height of an iFrame
+#
+#   values:                         integer
+#   default:                        0
+#
+# maxWidth
+#   Set maximum width of an iFrame
+#
+#   values:                         integer
+#   default:                        infinite
+#
+# minWidth
+#   Set minimum width of an iFrame
+#
+#   values:                         integer
+#   default:                        0
+#
+# resizeFrom
+#   Listen for resize events from the parent page, or the iFrame. Select
+#   the 'child' value if the iFrame can be resized independently of the
+#   browser window. Selecting this value can cause issues with some height
+#   calculation methods on mobile devices.
+#
+#   values:                         parent|child
+#   default:                        parent
+#
+# scrolling
+#   Enable scroll-bars for an iFrame
+#
+#   values:                         boolean (true|false)
+#   default:                        false
+#
+# sizeHeight
+#   Resize an iFrame to it's content height
+#
+#   values:                         boolean (true|false)
+#   default:                        true
+#
+# sizeWidth
+#   Resize an iFrame to it's content width
+#
+#   values:                         boolean (true|false)
+#   default:                        false
+#
+# tolerance
+#   Set the number of pixels the iFrame content size has to change by, before
+#   triggering a resize of the iFrame.
+#
+#   values:                         integer
+#   default:                        0
+#
+# widthCalculationMethod
+#   By default the width of the page is worked out by taking the greater
+#   of the documentElement and body scrollWidth values.
+#
+#   Some CSS technics may require you to change this setting to one of
+#   the following options. Each can give different values depending on how
+#   CSS is used in the page and each has varying side-effects. You will need
+#   to experiment to see which is best for any particular circumstance.
+#
+#     bodyOffset:                   uses document.body.offsetWidth
+#     bodyScroll:                   uses document.body.scrollWidth
+#     documentElementOffset:        uses document.documentElement.offsetWidth
+#     documentElementScroll:        uses document.documentElement.scrollWidth
+#     scroll:                       use the largest value of the two scroll options
+#     max:                          use the largest value of the main four options
+#     min:                          use the lowest value of the main four options
+#     rightMostElement:             Loops though every element in the the DOM and
+#                                   finds the right most point
+#     taggedElement:                Finds the most left element with a data-iframe-width
+#                                   attribute
+#   Note:
+#     The rightMostElement option is the most reliable way of determining the
+#     page width. However, it does have a performance impact in older versions
+#     of IE. In one screen refresh (16ms) Chrome can calculate the position of
+#     around 10,000 html nodes, whereas IE 8 can calculate approximately 50.
+#     The taggedElement option provides much greater performance by limiting
+#     the number of elements that need their position checked.
+#
+#     The bodyScroll, documentElementScroll, max and min options can cause
+#     screen flicker and will prevent the interval trigger downsizing the
+#     iFrame when the content shrinks. This is mainly an issue in IE 10 and
+#     below, where the mutationObserver event is not supported. To overcome
+#     this you need to manually trigger a page resize by calling the
+#     parentIFrame.size() method when you remove content from the page.
+#
+#   values:                         bodyOffset|bodyScroll|documentElementOffset|
+#                                   documentElementScroll|max|min|scroll|
+#                                   rightMostElement|taggedElement
+#   default:                        scroll
+#
+enabled:                            true
+load:                               sync
+log:                                false
+autoResize:                         true
+bodyBackground:
+bodyMargin:                         0
+checkOrigin:                        true
+inPageLinks:                        false
+interval:                           32
+heightCalculationMethod:            bodyOffset
+maxHeight:                          100000000
+minHeight:                          150
+maxWidth:                           100000000
+minWidth:                           0
+resizeFrom:                         parent
+scrolling:                          false
+sizeHeight:                         true
+sizeWidth:                          false
+tolerance:                          0
+widthCalculationMethod:             scroll