j1_template 2019.4.8 → 2019.4.10

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

@@ -0,0 +1,331 @@
+# ------------------------------------------------------------------------------
+# ~/_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
+        type:                           intro
+        icon_family:                    MDI
+        style:                          flat
+        raised:
+        lane_span:                      fixed
+
+        cards:
+
+          - name:                       Full Responsive
+            card:
+              enabled:                  true
+              type:                     text
+              title:                    J1 Template
+              tagline:                  Full Responsive
+              icon:                     responsive
+              icon_size:                8x
+              icon_color:               md-grey-800
+              text: >
+                                        The Web is everywhere. J1 Template supports all Hardware.
+                                        for best results on PCs, Tablets and SmartPhones.
+                                        <br/><br/>
+                                        <i>Follow Your Visitors</i>
+
+              buttons:
+                - name:                 Read More
+                  button:
+                    text:               Read More
+                    class:              btn-primary btn-raised btn-flex
+                    icon:               eye
+                    icon_size:          lg
+                    icon_color:         md-grey-50
+                    href:               /pages/public/panels/intro_panel#responsive-design
+
+          - name:                       HTML5
+            card:
+              enabled:                  true
+              type:                     text
+              title:                    J1 Template
+              tagline:                  HTML5 &#xB7; CSS3 &#xB7; JS
+              icon:                     language-html5
+              icon_size:                8x
+              icon_color:               md-grey-800
+              text: >
+                                        Current Technology and Design.
+                                        Excellent Performance.
+                                        Present all Content Pages for Products,
+                                        Projects, Services at it's best.
+                                        <br/><br/>
+                                        <i>Make your Web Site unique</i>
+              buttons:
+                - name:                 Read More
+                  button:
+                    text:               Read More
+                    class:              btn-primary btn-raised btn-flex
+                    icon:               eye
+                    icon_size:          lg
+                    icon_color:         md-grey-50
+                    href:               /pages/public/panels/intro_panel#current-technology
+
+          - name:                       Start in No Time
+            card:
+              enabled:                  true
+              type:                     text
+              title:                    J1 Template
+              tagline:                  Start in No Time
+              icon:                     clock
+              icon_size:                8x
+              icon_color:               md-grey-800
+              text: >
+                                        No programming is needed. For J1 Template,
+                                        a large number of building blocks are available
+                                        to manage the job.
+                                        <br/><br/>
+                                        <i>Configure what needs to be done</i>
+              buttons:
+                - name:                 Read More
+                  button:
+                    text:               Read More
+                    class:              btn-primary btn-raised btn-flex
+                    icon:               eye
+                    icon_size:          lg
+                    icon_color:         md-grey-50
+                    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
+# ------------------------------------------------------------------------------

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

@@ -25,7 +25,7 @@ about_config:
 #
 settings:
 
-  # ------------------------------------------------------------------------------
+  # ----------------------------------------------------------------------------
   # General parallax settings
   #
   # Global configuration for parallax|banner quotes. These settings are
@@ -36,7 +36,7 @@ settings:
   # 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.
@@ -45,14 +45,14 @@ settings:
   #   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
@@ -62,13 +62,13 @@ settings:
   #   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
@@ -135,50 +135,46 @@ settings:
 
           - name:                         Teaser Content
             card:
-
               enabled:                    true
               width:                      12
               type:                       text
               animate:                    fadeInUp
-              title:                      All You need for your New Amazing Site
+              title:                      Jekyll One Template
+              tagline:                    <large><b>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/>
-              tagline: >
-                                          <big><b>Create powerful modern Static Webs: Secure, Flexible and Fast</b>.</big>
-
+                                          Jekyll meets Bootstrap. And makes a lot of friends.
+                                          J1 One Template combines the best of free software 
+                                          for the web. J1 is open source and the modules packed 
+                                          as well. No pain for private or professional use.
+                                          <br/><br/>
+                                          Explore what's possible if you go the 
+                                          the static way.
               buttons:
-
                 - name:                   Start button
                   button:
                     text:                 Start
-                    class:                btn-primary btn-raised btn-flex
+                    class:                btn btn-raised btn-flex btn-md btn-info g-mr-5
                     icon:                 rocket
                     icon_color:           md_white
-                    icon_size:            lg
+                    icon_size:            24px
                     href:                 /pages/public/start/kickstarter/web_in_a_day/intro/
 
                 - name:                   Download button
                   button:
                     text:                 Download
-                    class:                btn-primary btn-raised btn-flex
+                    class:                btn btn-raised btn-flex btn-md btn-info g-mr-5
                     icon:                 download
                     icon_color:           md_white
-                    icon_size:            lg
-                    href:                 /pages/public/start/downloads/linux_starter/
+                    icon_size:            24px
+                    href:                 /pages/public/start/downloads/quickstart/
 
                 - name:                   Patreon button
                   button:
                     text:                 Become a Patron
-                    class:                btn-danger btn-raised btn-flex
+                    class:                btn btn-raised btn-flex btn-md btn-red
                     icon:                 patreon
                     icon_color:           md_white
-                    icon_size:            lg
+                    icon_size:            24px
                     href:                 https://www.patreon.com/join/jekyll_one
                     target:               blank
 
@@ -208,7 +204,7 @@ settings:
               gridify:                    false
               size_y:                     450
               darken:                     1
-              background_image:           /assets/images/master_header/ideas-start-here-1920x1200.png
+              background_image:           /assets/images/attics/ideas-start-here-1920x1280-bw.jpg
 
 
   # ----------------------------------------------------------------------------
@@ -225,8 +221,8 @@ settings:
         type:                             parallax
         comment:                          Main parallax banner shown on home page
         style:                            dark
-        background_color_1:               md_gray_300
-        background_color_2:               md_gray_50
+#       background_color_1:               md_gray_300
+#       background_color_2:               md_gray_50
         lane_span:                        fluid
         helper_classes:                   mt-4 mb-4
 
@@ -242,13 +238,13 @@ settings:
                                           Making is like Wanting,
                                           <br> but even <span style="color:red">Better</span>
               cite_size:                  200%
-              cite:                       J1 Team
+#             cite:                       J1 Team
               text_color:                 rgba_lighten_900
               cite_color:                 rgba_lighten
               gridify:                    true
               size_y:                     450
               darken:                     6
-              background_image:           /assets/images/master_header/ideas-start-here-1920x1200.png   #/assets/images/quotes/people.png
+              background_image:           /assets/images/attics/ideas-start-here-1920x1280-bw.jpg
 
     # --------------------------------------------------------------------------
     # parallax_banner_einstein