# ------------------------------------------------------------------------------
# ~/_data/components/j1_panel.yml
# Template specific configuration data to configure panel lanes
#
# Product/Info:
# https://jekyll.one
#
# Copyright (C) 2021 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
        animate:                        false
        properties:                     mt-5 mr-3 mb-5 ml-3

        title:                          All in One
        tagline:                        top features
        description_properties:         mt-5 mr-3 mb-3
        description: >
                                        <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
                                          about static websites today? What's achievable?
                                        </p>
                                        <p>
                                          This board highlights top features, which make static webs
                                          not only an option, but an attractive method to create fast,
                                          secure, and sophisticated websites for many use cases.
                                        </p>

        style:                          flat
        raised:
        lane_span:                      fixed

        cards:

          - name:                       Full Responsive
            card:
              enabled:                  true
              type:                     text
              title:                    Full Responsive
              tagline:                  J1 Template
              icon:                     responsive
              icon_family:              MDI
              icon_size:                3x
              icon_color:
              text: >
                                        <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:

                - name:                 Read More
                  button:
                    type:               text
                    text:               Follow Your Visitors
                    class:
                    icon:
                    icon_size:
                    icon_color:
                    href:               /pages/public/panels/intro_panel#responsive-design

          - name:                       Technology
            card:
              enabled:                  true
              type:                     text
              title:                    Technology
              tagline:                  J1 Template
              icon:                     tools
              icon_family:              MDI
              icon_size:                3x
              icon_color:
              text: >
                                        <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
                  button:
                    type:               text
                    text:               Make your Web Site unique
                    class:
                    icon:
                    icon_size:
                    icon_color:
                    href:               /pages/public/panels/intro_panel#current-technology


          - name:                       Start in No Time
            card:
              enabled:                  true
              type:                     text
              title:                    Start in No Time
              tagline:                  J1 Template
              icon:                     clock
              icon_family:              MDI
              icon_size:                3x
              icon_color:
              text: >
                                        <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
                  button:
                    type:               text
                    text:               Configure whats to be done
                    class:
                    icon:
                    icon_size:
                    icon_color:
                    href:               /pages/public/panels/intro_panel#launch-ready

  # ----------------------------------------------------------------------------
  # NEWS Panel
  #
  news:
    # --------------------------------------------------------------------------
    # NEWS panel properties
    #
    - name:                             Home News Panel
      panel:
        enabled:                        true
        id:                             home_news_panel
        comment:                        Home News Panel
        type:                           news
        animate:                        false
        properties:                     mt-5 mr-3 mb-5 ml-3

        title:                          Creators Blog
        tagline:                        latest news
        description_properties:         mt-3 mr-3
        description: >
                                        <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:
              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
  # #
  # 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

  # # ----------------------------------------------------------------------------
  # # 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