j1_template 2019.4.8 → 2019.4.10

data/lib/starter_web/_data/blocks/_unused/banner.org.yml

@@ -0,0 +1,297 @@
+# ------------------------------------------------------------------------------
+#  ~/_data/blocks/banner.yml
+#  User configuration settings for BANNER lanes
+#
+#  Product/Info:
+#  https://jekyll.one
+#
+#  Copyright (C) 2019 Juergen Adams
+#
+#  J1 Template is licensed under the MIT License.
+#  See: https://github.com/jekyll-one-org/j1_template/blob/master/LICENSE
+#
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# About this configuration (used for CC only)
+#
+about_config:
+  title:                                Banner
+  scope:                                User settings
+  location:                             _data/blocks/banner.yml
+
+# ------------------------------------------------------------------------------
+# SETTINGS
+#
+settings:
+
+  # ------------------------------------------------------------------------------
+  # General parallax settings
+  #
+  # Global configuration for parallax|banner quotes. These settings are
+  # side-wide and should match your theme not individual images. Be careful
+  # for the selection of banner images.
+  #
+  # Individual settings (e.g. page placement, cite, source) are configured
+  # with the panels configuration (j1_panels.yml).
+  #
+  #   gridify
+  #   ----------------------------------------------------------------------------
+  #   If enabled, a grit pattern is placed over the background image. This
+  #   puts some "noise" on the image to focus more on the quote|text rather
+  #   than the image.
+  #
+  #   values:                         boolean (true|false)
+  #   default:                        true
+  #
+  #   gridifier
+  #   ----------------------------------------------------------------------------
+  #   Pixel image used to gridify the background image of the banner.
+  #
+  #   values:                         image path|name (string)
+  #   default:                        /assets/images/patterns/gridtile.png
+  #
+  #   darken
+  #   ----------------------------------------------------------------------------
+  #   Sets the lightning for the banner|background image. As higher the value
+  #   for darken as less is the (background) light. Values are out of the
+  #   range from 1 (light) to 9 (dark). Useful to focus on the quote|text
+  #   rather than the background image.
+  #
+  #   values:                         number [1 .. 9]
+  #   default:                        3
+  #
+  #   background
+  #   ----------------------------------------------------------------------------
+  #   Default background image of the banner if no other image is specified with
+  #   the panels configuration (j1_panels.yml).
+  #
+  #   values:                         image path|name (string)
+  #   default:                        /assets/images/quotes/default.png
+  # ------------------------------------------------------------------------------
+  parallax_settings:
+
+    gridify:                          true
+    gridifier:                        /assets/images/patterns/gridtile.png
+    text_color:                       rgba_lighten
+    cite_color:                       rgba_lighten
+    darken:                           3
+    background:                       /assets/images/quotes/default.png
+    background_pos_x:                 50%
+    background_pos_y:                 0
+
+  # ----------------------------------------------------------------------------
+  # DIVIDER Banner
+  #
+  divider:
+
+    # --------------------------------------------------------------------------
+    # DIVIDER banner properties
+    #
+    - name:                               Divider Banner 1
+      banner:
+        id:                               divider-1
+        enabled:                          true
+        type:                             divider
+        comment:                          Divider Banner 1
+
+    - name:                               Divider Banner 2
+      banner:
+        id:                               divider-2
+        enabled:                          true
+        type:                             divider
+        comment:                          Divider Banner 2
+
+    - name:                               Divider Banner 3
+      banner:
+        id:                               divider-3
+        enabled:                          true
+        type:                             divider
+        comment:                          Divider Banner 3
+
+
+  # ----------------------------------------------------------------------------
+  # TEASER Banner
+  #
+  teaser:
+
+    # --------------------------------------------------------------------------
+    # home_teaser_banner
+    #
+    - name:                               Home Teaser Banner
+      banner:
+        id:                               home_teaser_banner
+        enabled:                          true
+        comment:                          Top teaser shown on home page
+        type:                             teaser
+        icon_family:                      MDI
+        style:                            light
+        background_color_1:               md_gray_50
+        background_color_2:               md_gray_50
+        lane_span:                        fixed
+        helper_classes:                   mt-4 mb-4
+
+        cards:
+
+          - name:                         Teaser Content
+            card:
+
+              enabled:                    true
+              width:                      12
+              type:                       text
+              animate:                    fadeInUp
+              title:                      All you need for your amazing site
+              tagline:                    <large><b>Create powerful modern static webs</b></large>
+              description: >
+                                          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.
+                                          Explore this site to learn what's possible if you go the
+                                          Jekyll Way.<br/>
+              buttons:
+
+                - name:                   Start button
+                  button:
+                    text:                 Start
+                    class:                btn btn-xl u-btn-indigo g-mr-10 g-mb-15
+                    icon:                 rocket
+                    icon_color:           md_white
+                    icon_size:            24px
+                    href:                 /pages/public/start/kickstarter/web_in_a_day/intro/
+
+                - name:                   Download button
+                  button:
+                    text:                 Download
+                    class:                btn btn-xl u-btn-indigo g-mr-10 g-mb-15
+                    icon:                 download
+                    icon_color:           md_white
+                    icon_size:            24px
+                    href:                 /pages/public/start/downloads/linux_starter/
+
+                - name:                   Patreon button
+                  button:
+                    text:                 Become a Patron
+                    class:                btn btn-xl u-btn-indigo g-mr-10 g-mb-15
+                    icon:                 patreon
+                    icon_color:           md_white
+                    icon_size:            24px
+                    href:                 https://www.patreon.com/join/jekyll_one
+                    target:               blank
+
+  # ----------------------------------------------------------------------------
+  # IMAGE Banner
+  #
+  image:
+    # --------------------------------------------------------------------------
+    # home_image_banner
+    #
+    - name:                               Home Image Banner
+      banner:
+        id:                               home_image_banner
+        enabled:                          true
+        type:                             image
+        comment:                          Main image banner shown on home page
+        background_color_1:               md_gray_300
+        background_color_2:               md_gray_50
+        lane_span:                        fluid
+        helper_classes:                   mt-4 mb-4
+
+        cards:
+
+          - name:                         Image settings
+            card:
+              enabled:                    true
+              gridify:                    false
+              size_y:                     450
+              darken:                     1
+              background_image:           /assets/images/attics/ideas-start-here-1920x1200.png
+
+
+  # ----------------------------------------------------------------------------
+  # PARALLAX Banner
+  #
+  parallax:
+    # --------------------------------------------------------------------------
+    # home_parallax_banner
+    #
+    - name:                               Home Parallax Banner v1
+      banner:
+        id:                               home_parallax_banner
+        enabled:                          true
+        type:                             parallax
+        comment:                          Main parallax banner shown on home page
+        style:                            dark
+        background_color_1:               md_gray_300
+        background_color_2:               md_gray_50
+        lane_span:                        fluid
+        helper_classes:                   mt-4 mb-4
+
+        cards:
+
+          - name:                         Quote settings
+            card:
+              enabled:                    true
+              type:                       quote
+              cite_text_size:             300%
+              cite_text_quotes:           false
+              cite_text: >
+                                          Making is like Wanting,
+                                          <br> but even <span style="color:red">Better</span>
+              cite_size:                  200%
+              cite:                       J1 Team
+              text_color:                 rgba_lighten_900
+              cite_color:                 rgba_lighten
+              gridify:                    true
+              size_y:                     450
+              darken:                     6
+              background_image:           /assets/images/attics/ideas-start-here-1920x1200.png   #/assets/images/quotes/people.png
+
+    # --------------------------------------------------------------------------
+    # parallax_banner_einstein
+    #
+    - name:                               Home Parallax Banner v2
+      banner:
+        id:                               parallax_banner_einstein
+        enabled:                          false
+        type:                             parallax
+        comment:                          Main parallax banner shown on home page
+        style:                            dark
+        lane_span:                        fluid
+        helper_classes:                   mt-4 mb-4
+
+        cards:
+
+          - name:                         Quote settings
+            card:
+              enabled:                    true
+              type:                       quote
+              cite_text: >
+                                          Everything should be made as <b><span class="color-red">simple</span></b>
+                                          as possible,<br>
+                                          but not <b><span class="color-red">simpler</span></b>
+              cite:                       Albert Einstein
+              text_color:                 rgba_lighten_900
+              cite_color:                 rgba_lighten
+              gridify:                    true
+              darken:                     7
+              background_image:           /assets/images/quotes/albert_einstein.png
+
+  # ----------------------------------------------------------------------------
+  # FOO Banner
+  #
+  foo:
+    # --------------------------------------------------------------------------
+    # foo_banner
+    #
+    - name:                               Foo Banner
+      banner:
+        id:                               foo_banner
+        enabled:                          false
+        type:                             foo
+        comment:                          Banner (type) to test config issues/exceptions
+
+
+# END config
+# ------------------------------------------------------------------------------

data/lib/starter_web/_data/blocks/_unused/panel.new.yml

@@ -0,0 +1,348 @@
+# ------------------------------------------------------------------------------
+# ~/_data/components/j1_panel.yml
+# Template specific configuration data to configure panel lanes
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2019 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/j1_template/blob/master/LICENSE
+#
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# About this configuration (used for CC only)
+#
+about_config:
+  title:                                Panel
+  scope:                                User settings
+  location:                             _data/blocks/panel.yml
+
+# ------------------------------------------------------------------------------
+# SETTINGS
+#
+settings:
+
+  # ----------------------------------------------------------------------------
+  # INTRO Panel
+  #
+  intro:
+    # --------------------------------------------------------------------------
+    # INTRO panel properties
+    #
+    - name:                             Home Intro Panel
+      panel:
+        enabled:                        true
+        id:                             home_intro_panel
+        comment:                        Home Intro Panel
+        title:                          All in One
+        description: >
+                                        People quite often ask if static sites 
+                                        make sense for anything beyond a one-pager. 
+                                        This leaderboard highlights the top features, 
+                                        what make static sites not only viable, but 
+                                        an attractive option for creating sophisticated 
+                                        websites.
+
+        type:                           intro
+        icon_family:                    MDI
+        style:                          flat
+        raised:
+        lane_span:                      fixed
+
+        cards:
+
+          - name:                       Full Responsive
+            card:
+              enabled:                  true
+              title:                    Full Responsive
+              tagline:
+              icon:                     responsive
+              icon_family:              mdi
+              icon_size:                3x
+              icon_color:               md-indigo
+              text: >
+                                        The Web is everywhere. J1 Template supports
+                                        all Hardware. For best results on PCs, Tablets
+                                        and SmartPhones.
+              buttons:
+                - name:                 Read More
+                  button:
+                    type:               text
+                    text:               Follow Your Visitors
+                    class:              g-color-main g-color-primary--hover 
+                                        g-font-weight-600 g-font-size-12 
+                                        g-text-underline--none--hover 
+                                        text-uppercase
+                    icon:
+                    icon_family:
+                    icon_size:
+                    icon_color:
+                    href:               /pages/public/panels/intro_panel#responsive-design
+
+          - name:                       HTML5
+            card:
+              enabled:                  true
+              title:                    HTML5 · CSS3 · JS
+              tagline:             
+              icon:                     language-html5
+              icon_family:              mdi
+              icon_size:                3x
+              icon_color:               md-indigo
+              text: >
+                                        Current technology, design and excellent
+                                        performance. Present all content pages for
+                                        products, projects, services at it's best.
+              buttons:
+                - name:                 Read More
+                  button:
+                    type:               text
+                    text:               Make your Web Site unique
+                    class:              g-color-main g-color-primary--hover 
+                                        g-font-weight-600 g-font-size-12 
+                                        g-text-underline--none--hover 
+                                        text-uppercase
+                    icon:               
+                    icon_size:          
+                    icon_color:
+                    icon_family:
+                    href:               /pages/public/panels/intro_panel#current-technology
+
+          - name:                       Start in No Time
+            card:
+              enabled:                  true
+              title:                    Start in No Time
+              tagline:           
+              icon:                     clock
+              icon_family:              mdi
+              icon_size:                3x
+              icon_color:               md-indigo
+              text: >
+                                        No programming is needed. For J1 Template,
+                                        a large number of building blocks are available
+                                        to manage the job.
+              buttons:
+                - name:                 Read More
+                  button:
+                    type:               text
+                    text:               Configure what needs to be done
+                    class:              g-color-main g-color-primary--hover 
+                                        g-font-weight-600 g-font-size-12 
+                                        g-text-underline--none--hover 
+                                        text-uppercase
+                    icon:
+                    icon_family:
+                    icon_size:
+                    icon_color:
+                    href:               /pages/public/panels/intro_panel#launch-ready
+
+
+  # ----------------------------------------------------------------------------
+  # SERVICE Panel
+  #
+  service:
+    # --------------------------------------------------------------------------
+    # SERVICE panel properties
+    #
+    - name:                             Home Service Panel
+      panel:
+        enabled:                        true
+        id:                             home_service_panel
+        comment:                        Home Service Panel
+        type:                           service
+        icon_family:                    MDI
+        style:                          flat
+        lane_span:                      fixed
+
+        header:
+          enabled:                      true
+          title:                        J1 Template Overview
+          description: >
+                                        Creating and managing Web sites using Jekyll is different
+                                        in compare to CMS Systems like Drupal, Joomla oder Wordpress.
+                                        No surprise: Jekyll One Template is <b>different</b> as well.
+                                        Template systems are very common, a huge number of site
+                                        templates are available for all CMS and Web site generators.
+                                        The same to Jekyll. J1 Template is <b>not</b> the first
+                                        template for Jekyll available - it is probably the <b>youngest</b>!
+                                        <br \><br \>
+                                        Classic templates are focussing the <b>layout</b> and <b>design</b>
+                                        of a web. They offer pre-build, standardized <b>building blocks</b>
+                                        and tools <b>designing</b> web sites. The are embedded into the
+                                        creators system and often hard to customize. J1 for Jekyll goes different.
+                                        J1 Template combines layout, design and <b>functionality</b> for a web.
+                                        The template offers building blocks to create common page components,
+                                        implements a sytem independend markup language (Asciidoc and Markdown)
+                                        to create the content and adds a large number of usefull functions based
+                                        on common Javascript libraries for the web from a single source. That way,
+                                        J1 web sites behaves as one unit in design <b>and</b> functionality.
+                                        No breaks between the different components.
+                                        <br \><br \>
+                                        How get this managed? Find below the answers to how J1 template is
+                                        organized, the building blocks and functional components as an overview.
+                                        Read in in a quite compact form what J1 Template constitutes: the <b>Core</b>,
+                                        the <b>Components</b> and the <b>Module</b>.
+
+
+        cards:
+
+          - name:                       The Core
+            card:
+              enabled:                  true
+              type:                     service
+              icon:                     bullseye
+              icon_size:                8x
+              icon_color:               md-grey-800
+              href:                     /pages/public/panel/service_panel/core
+              title:                    J1 Template
+              tagline:                  The Core
+              text: >
+                                        The core integrates the site generator Jekyll into J1, contains all
+                                        base functions for page layout, design and configuration. Provides
+                                        procedures to generate web pages automatically based on a given layout
+                                        based on design settings.
+
+              services:
+
+                - name:                 Layout System
+                  service:
+                    title:              Layout System
+                    href:               /pages/public/panel/service_panel/core#layout-system
+
+                - name:                 Template Engine
+                  service:
+                    title:              Template Engine
+                    href:               /pages/public/panel/service_panel/core#template-engine
+
+                - name:                 Bootstrap Integration
+                  service:
+                    title:              Bootstrap Integration
+                    href:               /pages/public/panel/service_panel/core#bootstrap-integration
+
+          - name:                       The Components
+            card:
+              enabled:                  true
+              type:                     service
+              icon:                     locker-multiple
+              icon_size:                8x
+              icon_color:               md-grey-800
+              href:                     /pages/public/panel/service_panel/components/
+              title:                    J1 Template
+              tagline:                  The Components
+              text: >
+                                        Building blocks ready-to-use to create common page components,
+                                        connections to systems and workflows of social networks like
+                                        Twitter or Facebook or Online Services like Disqus for
+                                        a blog-related Web and Comments.
+
+              services:
+
+                - name:                 Blocks
+                  service:
+                    title:              Blocks
+                    href:               /pages/public/panel/service_panel/components#panel
+
+                - name:                 Builder
+                  service:
+                    title:              Builder
+                    href:               /pages/public/panel/service_panel/components#builder
+
+                - name:                 Connectors
+                  service:
+                    title:              Connectors
+                    href:               /pages/public/panel/service_panel/components#connectors
+
+          - name:                       The Modules
+            card:
+              enabled:                  true
+              type:                     service
+              icon:                     language-javascript
+              icon_size:                8x
+              icon_color:               md-grey-800
+              href:                     /pages/public/panel/service_panel/modules/
+              title:                    J1 Template
+              tagline:                  The Modules
+              text: >
+                                        Javascript libraries and ready-to-use applications gets
+                                        the site dynamic. JS modules add complex functionality
+                                        to Web pages to integrate for example image and video content or
+                                        provides sliders to present animated text or image data.
+
+              services:
+
+                - name:                 Slider
+                  service:
+                    title:              Slider
+                    href:               /pages/public/panel/service_panel/modules#slider
+
+                - name:                 Galleries
+                  service:
+                    title:              Galleries
+                    href:               /pages/public/panel/service_panel/modules#galleries
+
+                - name:                 Lightboxes
+                  service:
+                    title:              Lightboxes
+                    href:               /pages/public/panel/service_panel/modules#lightboxes
+
+  # ----------------------------------------------------------------------------
+  # NEWS Panel
+  #
+  news:
+    # --------------------------------------------------------------------------
+    # NEWS panel properties
+    #
+    - name:                             Home News Panel
+      panel:
+        enabled:                        true
+        id:                             home_news_panel
+        comment:                        Home Service Panel
+        type:                           news
+        style:                          flat
+        title:                          Current Articles · Most Read
+        tagline:
+        lane_span:                      fixed
+
+        cards:
+
+          - name:                       Last Current Posts
+            card:
+              enabled:                  true
+              type:                     last_current
+              category:                 featured
+              max_posts:                1
+
+          - name:                       Recent Posts
+            card:
+              enabled:                  true
+              type:                     recent
+              category:                 featured
+              max_posts:                3
+
+  # # ----------------------------------------------------------------------------
+  # # STEP Panel
+  # #
+  # step:
+  #   # --------------------------------------------------------------------------
+  #   # STEP panel properties
+  #   #
+  #   - name:                         Home Step Panel
+  #     panel:
+  #       enabled:                    false
+  #       id:                         home_step_panel
+  #       type:                       step
+  #       style:                      dark
+  #       lane_span:                  fixed
+  # 
+  #       cards:
+  #         - card:
+  #             title:                Marketing & Consulting
+  #             tagline: >
+  #                                   Donec id elit non mi porta gravida at eget
+  #                                   metus id elit mi egetine. Fusce dapibus
+  
+
+# END config
+# ------------------------------------------------------------------------------