j1-template 2021.1.1 → 2021.1.6

data/lib/starter_web/_data/j1_config.yml

@@ -140,6 +140,7 @@ cookies:
   app_session:                          j1.app.session
   user_session:                         j1.user.session
   user_state:                           j1.user.state
+  user_consent:                         j1.user.consent
 
 
 # ==============================================================================
@@ -386,15 +387,15 @@ comments:
   provider:                             disqus
 
   disqus:
-    short_name:                         '<your-site-short-name>'
+    short_name:                         '<your-site-id>'
 
-# facebook:
+# facebook:                                                                     # currently NOT supported
 #   appid:                              123
 #   num_posts:                          5
 #   width:                              580
 #   colorscheme:                        light
 
-# custom:
+# custom:                                                                       # currently NOT supported
 #   custom_data:
 
 # ------------------------------------------------------------------------------
@@ -408,10 +409,10 @@ analytics:
   provider:                             google
 
   google:
-    tracking_id:                        '<your-tracking_id>'
+    tracking_id:                        '<your-tracking-id>'
 
-  custom:
-    custom_data:
+# custom:                                                                       # currently NOT supported
+#   custom_data:
 
 # ------------------------------------------------------------------------------
 # ADVERTISING settings
@@ -422,26 +423,28 @@ analytics:
 advertising:
   enabled:                              false
   provider:                             google
+
   google:
-    publisher_id:                       '<your-publisher_id>'
-  custom:
-    custom_data:
+    publisher_id:                       '<your-publisher-id>'
+
+# custom:                                                                       # currently NOT supported
+#   custom_data:
 
 # ------------------------------------------------------------------------------
-# TRANSLATOR settings
+# TRANSLATOR settings (currently NOT supported)
 #
 # Set 'enabled' to false to turn translators off globally
 # Set 'provider' to the translation provider you want to use
 #
-translation:
-  enabled:                              false
-  provider:                             google
-
-  google:
-    layout:                             default
-    meta_data:                          [google-translate-customization]
-    page_language:                      en
-    translation_languages:              [all]
+# translation:
+#   enabled:                              false
+#   provider:                             google
+#
+#   google:
+#     layout:                             default
+#     meta_data:                          [google-translate-customization]
+#     page_language:                      en
+#     translation_languages:              [all]
 
 # ------------------------------------------------------------------------------
 # SHARING settings (currently NOT supported)

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

@@ -155,5 +155,14 @@ lanes:
       path:                             layouts
       file:                             content_generator_blog_archive.html
 
+  # ----------------------------------------------------------------------------
+  # FAM
+  #
+  - lane:
+      enabled:                          true
+      id:                               fam-container
+      region:                           body-main
+      type:                             async
+
 # ------------------------------------------------------------------------------
 # END config

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

@@ -99,12 +99,13 @@
 # ------------------------------------------------------------------------------
 
 # ------------------------------------------------------------------------------
-# Layout configuration settings
+# DEFAULT layout configuration
 #
 lanes:
 
   # ----------------------------------------------------------------------------
-  # META data (head)
+  # META data
+  #
   - lane:
       enabled:                          true
       region:                           head
@@ -114,7 +115,8 @@ lanes:
       file:                             layout_metadata_generator.html
 
   # ----------------------------------------------------------------------------
-  # CONNECTORS (Google Analytics)
+  # CONNECTORS (analytics)
+  #
   - lane:
       enabled:                          true
       region:                           head
@@ -122,11 +124,12 @@ lanes:
       base:                             _includes/themes/j1
       path:                             modules/connectors
       file:                             analytics
+
   # ----------------------------------------------------------------------------
-  # TRANSLATOR connector
+  # CONNECTORS (translation)
   #
   - lane:
-      enabled:                          false
+      enabled:                          true
       region:                           head
       type:                             sync
       base:                             _includes/themes/j1
@@ -134,7 +137,8 @@ lanes:
       file:                             translator
 
   # ----------------------------------------------------------------------------
-  # CONNECTORS (Google Ads)
+  # CONNECTORS (advertising)
+  #
   - lane:
       enabled:                          true
       region:                           head
@@ -144,7 +148,8 @@ lanes:
       file:                             ads
 
   # ----------------------------------------------------------------------------
-  # RESOURCE loader (head)
+  # RESOURCE loader
+  #
   - lane:
       enabled:                          true
       region:                           head
@@ -154,13 +159,7 @@ lanes:
       file:                             layout_resource_generator.html
 
   # ----------------------------------------------------------------------------
-  #   NAVIGATOR (body-navigation)
-  #
-  #   NOTE:
-  #   The Generator of the NAV Module (generator.html) is based
-  #   on several Liquid procedures to generate the HTML code for
-  #   all components of the navigation system (NAV Module) as:
-  #   MainMenu, Quicklinks, SideBar and TopSearch.
+  # NAVIGATION
   #
   - lane:
       enabled:                          true
@@ -171,7 +170,7 @@ lanes:
       file:                             generator.html
 
   # ----------------------------------------------------------------------------
-  # EXCEPTION container (body-footer)
+  # EXCEPTION container
   #
   #   NOTE:
   #   The EXCEPTION container is used to place additional information
@@ -185,26 +184,17 @@ lanes:
       class:                            container-fluid no-padding
 
   # ----------------------------------------------------------------------------
-  #   FOOTER (body-footer)
-  #
-  #   NOTE:
-  #   The FOOTER component (default: footer_light_themes.html) is
-  #   a complex LOADER based on several Liquid procedures to LOAD
-  #   and INITIALIZE all parts of the page footer (cards) as:
-  #   About, News, Links and Contact.
+  # FOOTER
   #
   - lane:
       enabled:                          true
       id:                               j1_footer
       region:                           body-footer
       type:                             async
-      class:
+      class:                            mt-5
 
   # ----------------------------------------------------------------------------
-  #   MODULE generator (body-footer)
-  #
-  #   NOTE:
-  #
+  # MODULE generator
   #
   - lane:
       enabled:                          true

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

@@ -173,7 +173,7 @@ lanes:
       id:                               home_teaser_banner
       region:                           body-main
       type:                             async
-      properties:                       mt-3 mr-5 mb-0 ml-3
+      properties:                       elevated-z0
 
   # ----------------------------------------------------------------------------
   # DIVIDER banner
@@ -193,7 +193,7 @@ lanes:
       id:                               home_intro_panel
       region:                           body-main
       type:                             async
-      properties:                       mt-3 mr-5 mb-3 ml-3
+      properties:                       elevated-z2
 
   # ----------------------------------------------------------------------------
   # PARALLAX banner
@@ -203,7 +203,7 @@ lanes:
       id:                               home_parallax_banner
       region:                           body-main
       type:                             async
-      properties:                       mb-3
+      properties:                       elevated-z0
 
   # ----------------------------------------------------------------------------
   # IMAGE banner
@@ -223,7 +223,7 @@ lanes:
       id:                               home_service_panel
       region:                           body-main
       type:                             async
-      properties:                       mt-3 mr-5 mb-3 ml-3
+      properties:                       mt-5 mr-5 mb-4 ml-3
 
   # ----------------------------------------------------------------------------
   # DIVIDER banner
@@ -243,7 +243,7 @@ lanes:
       id:                               home_news_panel
       region:                           body-main
       type:                             async
-      properties:                       mt-3 mr-5 mb-3 ml-3
+      properties:                       elevated-z2
 
   # ----------------------------------------------------------------------------
   # FAM
@@ -253,6 +253,7 @@ lanes:
       id:                               fam-container
       region:                           body-main
       type:                             async
+      properties:                       elevated-z0
 
 # ------------------------------------------------------------------------------
 # END config

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

@@ -124,7 +124,7 @@ lanes:
   # Ad Block
   #
   - lane:
-      enabled:                          true
+      enabled:                          false
       region:                           body-header
       type:                             sync
       base:                             _includes/themes/j1

data/lib/starter_web/_data/modules/{cookiebar.yml → cookieconsent.yml}

@@ -1,6 +1,6 @@
 # ------------------------------------------------------------------------------
-#  ~/_data/modules/j1_cookiebar.yml
-#  User configuration settings for J1 Cookiebar module
+#  ~/_data/modules/j1_cookieconsent.yml
+#  User configuration settings for J1 Cookie Consent module
 #
 #  Product/Info:
 #  https://jekyll.one
@@ -16,9 +16,9 @@
 #
 description:
 
-  title:                                Cookiebar
+  title:                                CookieConsent
   scope:                                User settings
-  location:                             _data/modules/cookiebar.yml
+  location:                             _data/modules/cookieconsent.yml
 
 # ------------------------------------------------------------------------------
 # User configuration settings

data/lib/starter_web/_data/modules/defaults/authentication.yml

@@ -202,6 +202,7 @@ defaults:
     enabled:                            false
 
     xhr_container_id:                   authclient_modals
+    xhr_data_element:                   authClientModals
     xhr_data_path:                      /assets/data/authclient/index.html
 
     signin_modal_id:                    modalOmniSignIn

data/lib/starter_web/_data/modules/defaults/cookieconsent.yml

@@ -0,0 +1,135 @@
+# ------------------------------------------------------------------------------
+#  ~/_data/modules/defaults/cookieconsent.yml
+#  Default configuration settings for J1 Cookie Consent module
+#
+#  Product/Info:
+#  https://jekyll.one
+#
+#  Copyright (C) 2021 Juergen Adams
+#
+#  J1 Template is licensed under the MIT License.
+#  See: https://github.com/jekyll-one/J1 Template/blob/master/LICENSE
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# About this configuration (used for J1 CC only)
+#
+about_config:
+  title:                                CookieConsent
+  scope:                                Default settings
+  location:                             _data/modules/defaults/cookieconsent.yml
+
+# ------------------------------------------------------------------------------
+# Default settings
+#
+defaults:
+
+  enabled:                              false
+
+  autoShowDialog:                       true                                    # disable autoShowModal on the privacy policy and legal notice pages, to make these pages readable
+  language:                             en                                      # the language, in which the modal is shown. Default navigator.language
+  languages:                            [en, de]                                # supported languages, defaults to first language in array (en)
+  contentURL:                           /assets/data/cookieconsent              # this URL must contain the dialogs content in the needed languages
+  cookieName:                           j1.user.consent                         # the name of the cookie in which the configuration is stored as JSON
+  cookieStorageDays:                    365                                     # the duration the cookie configuration is stored on the client
+
+  reloadPageOnChange:                   false                                   # reload current page if any user settings has been changed
+  xhr_data_element:                     consent-data                            # container for the language-specific consent modal taken from /assets/data/cookieconsent.html
+  whitelisted:                          [ "/pages/public/legal/en/privacy" ]    # pages no consent issued
+
+  consent_modal_title:
+    de:                                 Ihre Privatsphäre
+    en:                                 Your Privacy
+
+  body_text:
+    en: >
+                                        This website is using cookies and similar technologies that
+                                        are required for operation. You are free to decide to give,
+                                        refuse or withdraw your consent at any time by clicking
+                                        the <code>My Settings</code> button. Subsequent changes are
+                                        possible at any time by clicking on the <code>cookie icon</code>
+                                        in the menu bar.
+                                        <br><br>
+                                        Extended cookies are only used with your consent. Additional
+                                        cookies are used to analyze the usage of this website.
+                                        Analysis of the use of this website help gives you a better
+                                        user experience of the website to offer. More information
+                                        about what data is collected and how they may be passed on
+                                        to partners can be found in the <code>Privacy Policy</code>.
+                                        <br><br>
+                                        Visiting this website, you consent to the use of by clicking the
+                                        <code>I agree</code> button.
+    de: >
+                                        Diese Website nutzt Cookies und ähnliche Technologien, die
+                                        zum Betrieb erforderlich sind. Es steht Ihnen frei, Ihre
+                                        Zustimmung jederzeit zu geben, zu verweigern oder zurückzuziehen,
+                                        indem Sie auf die Schaltfläche <code>Meine Einstellungen</code>
+                                        klicken. Nachträgliche Änderungen sind jederzeit möglich, indem Sie
+                                        auf das <code>Cookie-Icon</code> in der Menüleiste klicken.
+                                        <br><br>
+                                        Erweiterte Cookies werden nur mit Ihrer Zustimmung verwendet.
+                                        Zusätzliche Cookies werden eingesetzt, um Analysen der Nutzung
+                                        dieser Website durchzuführen. Analysen der Nutzung dieser Website
+                                        helfen dabei, Ihnen ein besseres Nutzungserlebnis der Website
+                                        zu bieten. Weitere Informationen welche Daten gesammelt und
+                                        wie sie ggf. an Partner weitergegeben werden finden Sie in der
+                                        <code>Datenschutzerklärung</code>.
+                                        <br><br>
+                                        Für den Besuch dieser Webseite stimmen Sie der Verwendung zu,
+                                        indem Sie auf die Schaltfläche <code>Einverstanden</code> klicken.
+
+  privacy_notice:
+    en: >
+                                        The operators of this website take the protection of your personal data
+                                        seriously. We treat your data confidential and comply with the
+                                        General Data Protection Regulation (GDPR) of the European Union to
+                                        protect your privacy.
+                                        A small set of data is stored in persistent cookies, e.g. what data
+                                        you agree to be stored in cookies. Persistent cookies have a lifespan
+                                        of 365 days (a year). We and our partners make use of persistent cookies.
+                                        Those additional cookies are only used with your consent.
+                                        <br><br>
+                                        <code>Necessary</code> data is stored to run base services of this site.
+                                        This website is based on static content, and no database is used behind it.
+                                        All information (data) needed to control this site is stored in
+                                        so-called session cookies. Session cookies are automatically removed by your
+                                        browser if you close all windows.
+                                        <br><br>
+                                        <code>Analysis</code> of the use of this website helps us to optimize your
+                                        user experience of the website. For analysis, Google Analytics (GA) is used.
+                                        This website does <b>not</b> transfer any personal data to GA. Implicit
+                                        personal information, like IP addresses, is anonymized to protect your privacy.
+                                        <br><br>
+                                        <code>Personalization</code> is used e.g. to collect user feedback or running
+                                        advertising campaigns to provide you a website free of charge. Partners like
+                                        Disqus or Google enables us to provide you excellent personalized services and
+                                        enables us to finance the costs for running this site.
+    de: >
+                                        Die Betreiber dieser Website nehmen den Schutz Ihrer persönlichen Daten ernst.
+                                        Wir behandeln Ihre Daten vertraulich und halten uns zum Schutz Ihrer Privatsphäre
+                                        an die Datenschutz-Grundverordnung (DSGVO) der Europäischen Union. In persistenten
+                                        Cookies wird ein kleiner Datensatz gespeichert, z.B. mit welchen Daten Sie
+                                        einverstanden sind, in Cookies gespeichert zu werden. Dauerhafte Cookies haben
+                                        eine Lebensdauer von 365 Tagen (ein Jahr). Wir und unsere Partner verwenden
+                                        dauerhafte Cookies. Diese zusätzlichen Cookies werden nur mit Ihrer Zustimmung
+                                        verwendet.
+                                        <br><br>
+                                        <code>Notwendige</code> Daten werden gespeichert, um Basisdienste dieser Site zu
+                                        betreiben. Diese Website basiert auf statischen Inhalten und es wird keine
+                                        Datenbank dahinter verwendet. Alle Informationen (Daten), die zur Steuerung dieser
+                                        Seite benötigt werden, werden in sogenannten Session-Cookies gespeichert. Sitzungscookies
+                                        werden von Ihrem Browser automatisch entfernt, wenn Sie alle Fenster schließen.
+                                        <br><br>
+                                        <code>Analysen</code> der Nutzung dieser Website hilft uns, Ihr Nutzungserlebnis der
+                                        Website zu optimieren. Zur Analyse wird Google Analytics (GA) verwendet. Diese Website
+                                        übermittelt keine personenbezogenen Daten an GA. Implizite personenbezogene Daten wie
+                                        IP-Adressen werden zum Schutz Ihrer Privatsphäre anonymisiert.
+                                        <br><br>
+                                        <code>Personalisierung</code> wird z.B. um Benutzerfeedback zu sammeln oder
+                                        Werbekampagnen durchzuführen, um Ihnen eine Website kostenlos zur Verfügung zu
+                                        stellen. Partner wie Disqus oder Google ermöglichen es uns, Ihnen exzellente
+                                        personalisierte Dienste anzubieten und die Kosten für den Betrieb dieser Website
+                                        zu finanzieren.
+
+# ------------------------------------------------------------------------------
+# END config

data/lib/starter_web/_data/modules/defaults/navigator.yml

@@ -73,7 +73,7 @@ defaults:
   nav_bar:
     enabled:                            false
 
-    xhr_container_id:                   navigator_nav_navbar
+#   xhr_container_id:                   navigator_nav_navbar
 
     media_breakpoint:                   lg
     brand_position:                     right                                   # left|right
@@ -116,6 +116,7 @@ defaults:
     enabled:                            false
 
     xhr_container_id:                   navigator_nav_menu
+    xhr_data_element:                   desktop_menu
     xhr_data_path:                      /assets/data/menu/index.html
 
     raised_level:                       5                                       # level
@@ -154,6 +155,7 @@ defaults:
     enabled:                            false
 
     xhr_container_id:                   navigator_nav_quicklinks
+    xhr_data_element:                   quicklinks
     xhr_data_path:                      /assets/data/quicklinks/index.html
 
     icon_family:                        MDI
@@ -194,7 +196,8 @@ defaults:
   nav_topsearch:
     enabled:                            false
 
-    xhr_container_id:                   navigator_nav_topsearch
+    container_id:                       navigator_nav_topsearch
+
     type:                               quicksearch
     icon_family:                        MDI
     icon_color:                         "#FFFFFF"                               # md-white