j1-template 2021.1.21 → 2021.1.25

data/lib/starter_web/_data/blocks/defaults/panel.yml

@@ -198,23 +198,18 @@ defaults:
     #
     enabled:                          false
     id:                               news_panel_id
-    type:                             news_panel
-    style:                            flat
+    type:                             news
+    animate:                          fadeInUp
+    properties:                       mt-5 mr-3 mb-5 ml-3
     title:                            news-panel-title
     tagline:                          news-panel-tagline
 
-    lane_span:                        fixed
-
-    boxes:
-      - box:
-          enabled:                    false
-          type:                       last_current
-          category:                   featured
-      - box:
-          enabled:                    false
-          type:                       recent
-          category:                   featured
-          max_posts:                  3
+    # cards:
+    #   - name:                         Recent Posts
+    #     card:
+    #       enabled:                    true
+    #       block:                      card-deck                                 # card-deck | card-list
+    #       num_per_row:                2                                         # card-list only: [1 .. 4]
 
   # # ----------------------------------------------------------------------------
   # # STEP panel

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

@@ -74,10 +74,10 @@ settings:
               enabled:                  true
               type:                     copyright
               en:
-                statement:              J1 © 2021 · All rights reserved
+                statement:              © 2021 J1 · All rights reserved
                 href:                   /pages/public/legal/en/copyright/
               de:
-                statement:              J1 © 2021 · Alle Rechte vorbehalten
+                statement:              © 2021 J1 · Alle Rechte vorbehalten
                 href:                   /pages/public/legal/de/copyright/
 
           - name:                       Impress

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

@@ -38,14 +38,14 @@ settings:
         id:                             home_intro_panel
         comment:                        Home Intro Panel
         type:                           intro
-        animate:
-        properties:                     mt-3 mr-3 mb-5 ml-3
+        animate:                        false
+        properties:                     mt-5 mr-3 mb-5 ml-3
 
         title:                          All in One
         tagline:                        top features
-        description_properties:         mr-3 mb-3
+        description_properties:         mt-5 mr-3 mb-3
         description: >
-                                        <p>
+                                        <p class="dropcap">
                                           People quite often ask if static websites make sense
                                           for anything beyond a one-page website. Some others see in
                                           static websites the stone age of the World Wide Web. What's
@@ -74,8 +74,10 @@ settings:
               icon_size:                3x
               icon_color:
               text: >
-                                        The Web is everywhere. J1 Template supports modern web browsers
-                                        on all devices for best results on PCs, Tablets, and SmartPhones.
+                                        <p class="dropcap mt-3">
+                                          The Web is everywhere. J1 Template supports modern web browsers
+                                          on all devices for best results on PCs, Tablets, and SmartPhones.
+                                        </p>
 
               buttons:
 
@@ -100,8 +102,10 @@ settings:
               icon_size:                3x
               icon_color:
               text: >
-                                        Current Technology and Design. Excellent performance in running
-                                        a website. Use Jekyll One to present your content at its best.
+                                        <p class="dropcap mt-3">
+                                          Current Technology and Design. Excellent performance in running
+                                          a website. Use Jekyll One to present your content at its best.
+                                        </p>
 
               buttons:
                 - name:                 Read More
@@ -126,9 +130,11 @@ settings:
               icon_size:                3x
               icon_color:
               text: >
-                                        No programming is needed to start using J1. The Template
-                                        provides a large number of building blocks to create
-                                        modern web pages in minutes.
+                                        <p class="dropcap mt-3">
+                                          No programming is needed to start using J1. The Template
+                                          provides a large number of building blocks to create
+                                          modern web pages in minutes.
+                                        </p>
 
               buttons:
                 - name:                 Read More
@@ -141,158 +147,6 @@ settings:
                     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
-        animate:
-        icon_family:                    MDI
-
-        style:                          flat
-        lane_span:                      fluid
-
-        header:
-          enabled:                      true
-          title:                        Components
-          tagline:                      overview
-          description: >
-                                        Creating and managing Web sites using Jekyll is different
-                                        in comparison to CMS Systems like Drupal, Joomla, or 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 system independent markup language (Asciidoc and Markdown)
-                                        to create the content and adds a large number of useful 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:                mdi-6x
-              icon_color:               md-white
-              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:                mdi-6x
-              icon_color:               md-white
-              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:                mdi-6x
-              icon_color:               md-white
-              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
   #
@@ -306,28 +160,207 @@ settings:
         id:                             home_news_panel
         comment:                        Home News Panel
         type:                           news
-        animate:
+        animate:                        false
         properties:                     mt-5 mr-3 mb-5 ml-3
 
         title:                          Creators Blog
         tagline:                        latest news
-        description_properties:         mr-3 mb-4
+        description_properties:         mt-3 mr-3
         description: >
-                                        Explore the blog and find interesting articles around Jekyll and
-                                        website creation processes in general. And this blog is an excellent
-                                        example of how J1 and Jekyll can be used for blogging.
-                                        <br/><br/>
-                                        Have fun!
-
+                                        <p class="dropcap">
+                                          Explore the blog and find interesting articles around Jekyll and
+                                          website creation processes in general. And this blog is an excellent
+                                          example of how J1 and Jekyll can be used for blogging.
+                                        </p>
+                                        <p>
+                                          Have fun!
+                                        </p>
         cards:
 
           - name:                       Recent Posts
             card:
-              enabled:                  true
-              category:                 featured
-#             truncatewords:            30                                      # currently NOT used
-              max_posts:                3
-#             readmore_text:            Read
+              infinite_scroll:          true
+              animate:                  fadeInLeft
+              block:                    card-list                               # card-deck | card-list
+              num_per_row:              2                                       # card-list only: [1 .. 4]
+              max_posts:                2
+
+  # # ----------------------------------------------------------------------------
+  # # SERVICE Panel
+  # #
+  # service:
+  #   # --------------------------------------------------------------------------
+  #   # Panel properties
+  #   #
+  #   - name:                             Home Service Panel
+  #     panel:
+  #       enabled:                        true
+  #       id:                             home_service_panel
+  #       comment:                        Home Service Panel
+  #       type:                           service
+  #       animate:                        false
+  #       properties:                     mt-5 mr-3 mb-5 ml-3
+  #
+  #       title:                          Projekte
+  #       tagline:                        selber machen
+  #       description_properties:         mt-3 mr-3 mb-4
+  #       description: >
+  #                                       <p class="dropcap">
+  #                                         Eigene Projekte zur Digitalisierung erscheinen sehr schwierig. Angesichts der
+  #                                         Tatsache, dass sich viele Unternehmenn mit der digitalen Transformation schwer
+  #                                         tun könnte man glauben: Eigene Projekte sind kaum möglich.
+  #                                       </p>
+  #                                       <p>
+  #                                         Das dem nicht so ist, sollen Beispiele zeigen.
+  #                                       </p>
+  #       cards:
+  #
+  #         - name:                       Einsteiger
+  #           card:
+  #             enabled:                  true
+  #             id:                       card_1
+  #             type:                     service
+  #             icon:                     account
+  #             icon_size:                mdi-6x
+  #             icon_color:               md-white
+  #             href:                     /pages/public/projects/beginner/all/
+  #             title:                    Projekte
+  #             tagline:                  einsteiger
+  #             text: >
+  #                                       <p class="dropcap mt-3">
+  #                                         Ein erster Zugang zur digitalisierten Welt erfordert keine besonderen
+  #                                         technischen Kenntnisse. Zusätztliche Software wird nicht gebraucht. Alle
+  #                                         Experimente erforden lediglich einen Web-Browser.
+  #                                       </p>
+  #
+  #             services:
+  #
+  #               - name:                 Digitale Spuren
+  #                 service:
+  #                   id:                 A1
+  #                   description: >
+  #                                       <p>
+  #                                         Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
+  #                                         WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
+  #                                         Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
+  #                                       </p>
+  #                                       <p>
+  #                                         Das kann man auch durchaus ganz anders verstehen: Eine eigene Website
+  #                                         veröffenlichen. Damit ist man im Internet, ein Teil dieser virtuellen
+  #                                         digitalen Welt.
+  #                                       </p>
+  #                   title:              Digitale Spuren
+  #                   href:               /pages/public/projects/beginner/cookies/
+  #
+  #               - name:                 Öffentliche Daten
+  #                 service:
+  #                   id:                 A2
+  #                   description: >
+  #                                       <p>
+  #                                         Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
+  #                                         WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
+  #                                         Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
+  #                                       </p>
+  #                                       <p>
+  #                                         Das kann man auch durchaus ganz anders verstehen: Eine eigene Website
+  #                                         veröffenlichen. Damit ist man im Internet, ein Teil dieser virtuellen
+  #                                         digitalen Welt.
+  #                                       </p>
+  #                   title:              Öffentliche Daten
+  #                   href:               /pages/public/projects/beginner/opendata/
+  #
+  #               - name:                 Öffentliche Daten 2
+  #                 service:
+  #                   id:                 A3
+  #                   description: >
+  #                                       <p>
+  #                                         Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
+  #                                         WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
+  #                                         Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
+  #                                       </p>
+  #                                       <p>
+  #                                         Das kann man auch durchaus ganz anders verstehen: Eine eigene Website
+  #                                         veröffenlichen. Damit ist man im Internet, ein Teil dieser virtuellen
+  #                                         digitalen Welt.
+  #                                       </p>
+  #                   title:              Öffentliche Daten 2
+  #                   href:               /pages/public/projects/beginner/opendata/
+  #
+  #         - name:                       Fortgeschrittene
+  #           card:
+  #             enabled:                  true
+  #             id:                       card_2
+  #             type:                     service
+  #             icon:                     account-tie
+  #             icon_size:                mdi-6x
+  #             icon_color:               md-white
+  #             href:                     /pages/public/projects/advanced/all/
+  #             title:                    Projekte
+  #             tagline:                  fortgeschrittene
+  #             text: >
+  #                                       <p class="dropcap mt-3">
+  #                                         Projekte für Fortgeschrittene richten sich an erfahrene Anwender:innen bzw.
+  #                                         Leute die mehr erfahren wollen. Die Bearbeitung wird einige Zeit brauchen.
+  #                                         Gut investierte Zeit, Einblicke die sich lohnen. Erfahrungen die man nicht
+  #                                         so leicht vergessen wird.
+  #                                       </p>
+  #             services:
+  #
+  #               - name:                 Websites
+  #                 service:
+  #                   id:                 B1
+  #                   description: >
+  #                                       <p>
+  #                                         Dank guter Werkzeuge ist die Erstellung von Webseiten einfacher geworden.
+  #                                         Nicht unbedingt simpel, aber auch keine Wissenschaft die nur wenige beherrschen.
+  #                                         Mit Generatoren für Webseiten ist ein Basisweb in wenigen Minuten  erstellt.
+  #                                         Für die vorgeschlagenen Experimente reichen solche Webs völlig aus.
+  #                                         Dazu die gute Nachricht: Die meisten dieser Tools stehen als OpenSource Allen
+  #                                         kostenlos zur Verfügung.
+  #                                       </p>
+  #                                       <p>
+  #                                         Mit dem Generator für Webseiten J1-Template ist ein Basisweb in wenigen
+  #                                         Minuten erstellt. Dieses Site ist mit J1 generiert und kann kostenlos
+  #                                         verwendet werden. Nicht schlecht, oder?
+  #                                       </p>
+  #
+  #                   title:              Websites herstellen
+  #                   href:               /pages/public/projects/advanced/web/create_websites/
+  #
+  #               - name:                 Zusammenarbeit
+  #                 service:
+  #                   id:                 B2
+  #                   description: >
+  #                                       <p>
+  #                                         Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
+  #                                         WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
+  #                                         Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
+  #                                       </p>
+  #                                       <p>
+  #                                         Das kann man auch durchaus ganz anders verstehen: Eine eigene Website
+  #                                         veröffenlichen. Damit ist man im Internet, ein Teil dieser virtuellen
+  #                                         digitalen Welt.
+  #                                       </p>
+  #                   title:              Zusammenarbeit
+  #                   href:               /pages/public/projects/advanced/web/share_code/
+  #
+  #               - name:                 Webs veröffentlichen
+  #                 service:
+  #                   id:                 B3
+  #                   description: >
+  #                                       <p>
+  #                                         Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
+  #                                         WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
+  #                                         Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
+  #                                       </p>
+  #                                       <p>
+  #                                         Das kann man auch durchaus ganz anders verstehen: Eine eigene Website
+  #                                         veröffenlichen. Damit ist man im Internet, ein Teil dieser virtuellen
+  #                                         digitalen Welt.
+  #                                       </p>
+  #                   title:              Webs veröffentlichen
+  #                   href:               /pages/public/projects/advanced/web/publishing/
+
 
   # # ----------------------------------------------------------------------------
   # # STEP Panel
@@ -351,5 +384,156 @@ settings:
   #                                   Donec id elit non mi porta gravida at eget
   #                                   metus id elit mi egetine. Fusce dapibus
 
+  # # ----------------------------------------------------------------------------
+  # # SERVICE Panel
+  # #
+  # service:
+  #   # --------------------------------------------------------------------------
+  #   # SERVICE panel properties
+  #   #
+  #   - name:                             Home Service Panel
+  #     panel:
+  #       enabled:                        true
+  #       id:                             home_service_panel
+  #       comment:                        Home Service Panel
+  #       type:                           service
+  #       animate:                        false
+  #       icon_family:                    MDI
+  #
+  #       style:                          flat
+  #       lane_span:                      fluid
+  #
+  #       header:
+  #         enabled:                      true
+  #         title:                        Components
+  #         tagline:                      overview
+  #         description: >
+  #                                       Creating and managing Web sites using Jekyll is different
+  #                                       in comparison to CMS Systems like Drupal, Joomla, or 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 system independent markup language (Asciidoc and Markdown)
+  #                                       to create the content and adds a large number of useful 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:                mdi-6x
+  #             icon_color:               md-white
+  #             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:                mdi-6x
+  #             icon_color:               md-white
+  #             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:                mdi-6x
+  #             icon_color:               md-white
+  #             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
+
 # ------------------------------------------------------------------------------
 # END config