# ------------------------------------------------------------------------------
# ~/_data/components/j1_panel.yml
# Template specific configuration data to configure panel lanes
#
# Product/Info:
# https://jekyll.one
#
# Copyright (C) 2023 Juergen Adams
#
# J1 Theme is licensed under the MIT License.
# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
#
# ------------------------------------------------------------------------------

# ------------------------------------------------------------------------------
# Description
#
description:

  title:                                Panel
  scope:                                User settings
  location:                             _data/blocks/panel.yml


# ------------------------------------------------------------------------------
# SETTINGS
#
settings:

  filters:
    grayscale:                          1
    contrast:                           1
    brightness:                         1

  # ----------------------------------------------------------------------------
  # INTRO panel
  #
  #   Fully configurake display element, mainly used on landing
  #   pages, to give a overview on the services provided by
  #   the website.
  #
  # ----------------------------------------------------------------------------
  #
  intro:

    - name:                             Home Intro Panel
      panel:
        enabled:                        true

        id:                             home_intro_panel
        comment:                        Home Intro Panel
        type:                           intro
        animate:                        false
        properties:                     pt-5 pb-5

        position:                       left                                    # left | center
        title:                          All in One
        tagline:                        top features
        title_translate:                notranslate                             # translate|notranslate
        description_properties:         mt-3 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

        wave:
          top:
            enabled:                      true
            height:                       2                                     # [1 .. 9]
            style:                        wave-1                                # default
            color:                        "#EEEEEE"                             # #c4c4c4
            background_color:             "#f5f5f5"                             # elevation level: auto|rgb_value, "#f5f5f5"
            transform:                    false                                 # false or rotate|flip-x|flip-y and combinations
          bottom:
            enabled:                      true
            height:                       2
            style:                        wave-4
            color:                        "#EEEEEE"
            background_color:             "#f5f5f5"
            transform:                    flip-y flip-x

        cards:

          - name:                       Tools
            card:
              enabled:                  true
              type:                     text
              title:                    Tools
              title_translate:          notranslate                             # translate|notranslate
              tagline:                  J1 Theme
              icon:                     tools
              icon_family:              MDI
              icon_size:                3x
              icon_color:
              text: >
                                        <p class="dropcap">
                                          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:                       Design
            card:
              enabled:                  true
              type:                     text
              title:                    Design
              title_translate:          notranslate                             # translate|notranslate
              tagline:                  J1 Theme
              icon:                     responsive
              icon_family:              MDI
              icon_size:                3x
              icon_color:
              text: >
                                        <p class="dropcap">
                                          The Web is everywhere. J1 Theme 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:                       Time
            card:
              enabled:                  true
              type:                     text
              title:                    Time
              title_translate:          notranslate                             # translate|notranslate
              tagline:                  J1 Theme
              icon:                     clock
              icon_family:              MDI
              icon_size:                3x
              icon_color:
              text: >
                                        <p class="dropcap">
                                          No programming is needed to start using J1 Theme. The theme
                                          provides a large number of building blocks to develop
                                          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


  # ----------------------------------------------------------------------------
  # PLAN panel
  #
  #   Displays a fully configurable pricing plan. For commercial use or
  #   for collecting donations, e.g. via GitHub Sponsors.
  #
  # ----------------------------------------------------------------------------
  #
  plan:

    - name:                             Home Plan Panel
      panel:
        enabled:                        false

        id:                             home_plan_panel
        comment:                        Plan Panel
        type:                           plan
        scroller:                       false
        properties:                     pt-5 pb-5
        plan_details_page:              /pages/public/plans/plan_details/

        provider:                       Github
        account:                        daattali

        position:                       left                                    # left | center
        title:                          J1 Plans
        title_translate:                notranslate                             # translate|notranslate
        tagline:                        your way
        description_properties:         mt-3 mr-3 mb-3
        description: >
                                        <p class="dropcap">
                                          Github Sponsores support to invest in the open source
                                          projects you like to use or for businesses: you depend on.
                                          Contributors are working behind the scenes to make open
                                          source better for everyone — give them the help and
                                          recognition they deserve.
                                        </p>
                                        <p>
                                          Fund our project that make up your web site easy to manage
                                          for excellent performance, reliability, and stability.
                                        </p>

        wave:
          top:
            enabled:                      true
            height:                       4                                     # [1 .. 9]
            style:                        wave-4                                # default
            color:                        "#EEEEEE"
            background_color:             "#f5f5f5"
            transform:                    false                                 # false or rotate|flip-x|flip-y and combinations
          bottom:
            enabled:                      true
            height:                       2
            style:                        wave-4
            color:                        "#EEEEEE"
            background_color:             "#f5f5f5"
            transform:                    rotate

        cards:

          - name:                       Starter
            card:
              enabled:                  true
              recommended:              false
              name:                     Starter
              name_translate:           notranslate                             # translate|notranslate

              price:
                amount:                 0
                period:                 month
                currency:               $

              benefits:
                - benefit:              Use lifetime at no costs
                - benefit:              Base modules included

              disbenefits:
                - disbenefit:           No access to JS and CSS sources
                - disbenefit:           No early access to latest versions
                - disbenefit:           No access to Hotfixes and Prereleases
                - disbenefit:           No extended modules available
                - disbenefit:           No support offered
                - disbenefit:           No customized Theme GEMs
              buttons:
                - name:                 Select
                  id:                   starter-plan
                  translate:            notranslate                             # translate|notranslate
                  title:                Select
                  href:
                    tier_id:            plan_details_page
                    target:             blank

          - name:                       Base
            card:
              enabled:                  true
              recommended:              false
              name:                     Base
              name_translate:           notranslate                             # translate|notranslate

              price:
                amount:                 2
                period:                 month
                currency:               $

              benefits:
                - benefit:              Early access to latest versions
                - benefit:              Extended modules included

              disbenefits:
                - disbenefit:           No access to JS and CSS sources
                - disbenefit:           No access to Hotfixes and Prereleases
                - disbenefit:           No access to extended manual pages
                - disbenefit:           No support offered
                - disbenefit:           No customized Theme GEMs

              buttons:
                - name:                 Select
                  id:                   base-plan
                  translate:            notranslate                             # translate|notranslate
                  title:                Select
                  class:                btn btn-primary plan-select
                  href:
                    tier_id:            40732
                    target:             blank

          - name:                       Developer
            card:
              enabled:                  true
              recommended:              true
              name:                     Developer
              name_translate:           notranslate                             # translate|notranslate

              price:
                amount:                 5
                period:                 month
                currency:               $

              benefits:
                - benefit:              Extended modules included
                - benefit:              Early access to latest versions
                - benefit:              Access to Hotfixes and Prereleases
                - benefit:              Base access to extended manual pages
                - benefit:              Base access to JS and CSS sources
                - benefit:              Base support offered


              disbenefits:
                - disbenefit:           No customized Theme GEMs


              buttons:
                - name:                 Select
                  id:                   developer-plan
                  translate:            notranslate                             # translate|notranslate
                  title:                Select
                  class:                btn btn-primary plan-select
                  href:
                    tier_id:            7362
                    target:             blank

          - name:                       Professional
            card:
              enabled:                  true
              recommended:              false
              name:                     Professional
              name_translate:           notranslate                             # translate|notranslate

              price:
                amount:                 10
                period:                 month
                currency:               $

              benefits:
                - benefit:              All modules included
                - benefit:              Full access to all JS and CSS sources
                - benefit:              Full access to latest versions
                - benefit:              Full access to Hotfixes and Prereleases
                - benefit:              Full access to all manual pages
                - benefit:              Full support offered
                - benefit:              Full access to Hotfixes and Prereleases
                - benefit:              Customized Theme GEMs

              disbenefits:

              buttons:
                - name:                 Select
                  id:                   professional-plan
                  translate:            notranslate                             # translate|notranslate
                  title:                Select
                  class:                btn btn-primary plan-select
                  href:
                    tier_id:            39856
                    target:             blank


  # ----------------------------------------------------------------------------
  # SERVICE panel
  #
  #   Complex, but fully configurake display element (mainly used on landing
  #   pages) to give a detailed inside view on the services provided by
  #   the website.
  #
  # ----------------------------------------------------------------------------
  #
  service:

    - name:                             Home Service Panel
      panel:
        enabled:                        true

        id:                             home_service_panel
        comment:                        Home Service Panel
        type:                           service
        scroller:                       true
        properties:                     pt-5 pb-5

        position:                       left                                    # left | center
        title:                          Jekyll One
        tagline:                        featured theme for jekyll
        description_properties:         mt-3 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 a state-of-the-art technology to create
                                          fast, secure, and sophisticated websites for many use cases.
                                        </p>
                                        <ul>
                                          <li>
                                            Current Technology and Design. Excellent performance on all devices.
                                          </li>
                                          <li>
                                            Fully Responsive. Best results on PCs, Tablets, and SmartPhones.
                                          </li>
                                          <li>
                                            Start in no time. No programming is needed using Jekyll One.
                                          </li>
                                        </ul>

        wave:
          top:
            enabled:                      true
            height:                       2                                     # [1 .. 9]
            style:                        wave-1                                # default
            color:                        "#EEEEEE"
            background_color:             "#f5f5f5"
            transform:                    false                                 # false or rotate|flip-x|flip-y and combinations
          bottom:
            enabled:                      true
            height:                       2
            style:                        wave-4
            color:                        "#EEEEEE"
            background_color:             "#f5f5f5"
            transform:                    rotate

        cards:

          - name:                       General Features
            card:
              enabled:                  true
              id:                       card_1
              icon:                     globe-model
              icon_family:              MDI
              icon_size:                mdi-6x
              icon_color:               md-white
              href:                     /pages/public/features/general_features/
              title:                    Jekyll One
              tagline:                  General Features
              header_translate:         notranslate
              text: >
                                        <p class="dropcap">
                                          Current software counts. Excellent tools in their latest versions
                                          make the rocket engine for each and every website. Jekyll One
                                          is using current software in their latest versions. All of them
                                          are OpenSource and free to use. No license issues for private or
                                          professional use.
                                        </p>
                                        <p>
                                          The base of J1.
                                        </p>

              services:

                - name:                 Platforms
                  service:
                    id:                 A1
                    description: >
                                        <p>
                                          The theme J1 Theme is based on the <i>Ruby</i> language of version
                                          2.x. For sure, not the latest language version for <i>Ruby</i> but the
                                          supported platform for the latest <i>Jekyll</i> software.
                                        </p>
                                        <p>
                                          Websites created by Jekyll One Theme are projects managed by NodeJS. The
                                          built-in script engine provided by the package manager npm of NodeJS
                                          simplifies the management of J1 projects a lot. Well-known commands
                                          typically used to manage software projects are at your fingertips.
                                          Easy to learn, easy to remember. Commands support creators to
                                          concentrate on the content.
                                        </p>
                                        <p>
                                          Not get lost in project management.
                                        </p>
                                        <p>
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-language-ruby"></i>
                                          Ruby 2.7 <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-language-ruby"></i>
                                          Jekyll 4.3 <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-nodejs"></i>
                                          NodeJS 14.x <br />
                                        </p>
                    title:              Platforms
                    href:               "/pages/public/features/general_features/#platforms"

                - name:                 Frameworks
                  service:
                    id:                 A2
                    description: >
                                        <p>
                                          To not reinvent wheels, J1 Theme is based on ready-to-use
                                          frameworks, extensions, and modules. All build-in
                                          frameworks are industry standard, well known, and accepted
                                          worldwide.
                                        </p>
                                        <p>
                                          For current webs, a must: responsiveness and modern design.
                                          Jekyll One is based on <i>Bootstrap</i>, the leading platform
                                          to create today's responsive webs.
                                        </p>
                                        <p>
                                          Professional websites on the internet define standards. All
                                          current sites support dynamic, fast loading, and some more features.
                                          For fastest loading, all HTML, CSS, and Javascript have been compressed
                                          automatically for production. Going further for dynamic, AJAX loading
                                          for J1 webs is supported as well.
                                        </p>
                                        <p>
                                          No way: icons and icon fonts are required to make a site understandable.
                                          J1 supports four icon fonts to manage this. Icons are used for extensions,
                                          modules, and content.
                                        </p>
                                        <p>
                                          Software products of today are not easy to manage. To get the complexity
                                          out of your way, J1 is fully configurable. No need to dive in the deep.
                                        </p>
                                        <p>
                                          Configure what is to be done.
                                        </p>
                                        <p>
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-bootstrap"></i>
                                          Bootstrap V5 <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-language-html5"></i>
                                          Enhanced HTML, CSS and Javascript <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-grass"></i>
                                          Icon Fonts <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-application-settings"></i>
                                          Fully configurable components <br />
                                        </p>
                    title:              Frameworks
                    href:               /pages/public/features/general_features/#frameworks

                - name:                 Devices
                  service:
                    id:                 A3
                    description: >
                                        <p>
                                          The Web is everywhere. J1 Theme supports modern web browsers on all devices
                                          for best results on PCs, Tablets, and SmartPhones.
                                        </p>
                                        <p>
                                          Mobile devices are great for Apps designed for these platforms. Using a web
                                          browser to surf websites is often frustrating on mobiles. Jekyll One provides
                                          navigation systems that cover both worlds: desktops and mobiles.
                                        </p>
                                        <p>
                                          Performance is a key factor for all users. To not get visitors  lost, J1
                                          webs are highly optimized. All Websites will achieve best Google Lighthouse
                                          Scores for performance, accessibility, best practices, and SEO at a
                                          green level.
                                        </p>
                                        <p>
                                        Support your visitors.
                                        </p>
                                        <p>
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-devices"></i>
                                          Desktop and Mobile support <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-near-me"></i>
                                          Mobile Web Navigation <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-lighthouse"></i>
                                          Highest Google Lighthouse Scores <br />
                                        </p>

                    title:              Devices
                    href:               /pages/public/features/general_features/#devices

          - name:                       Modules
            card:
              enabled:                  true
              id:                       card_2
              icon:                     gift
              icon_family:              MDI
              icon_size:                mdi-6x
              icon_color:               md-white
              href:                     /pages/public/features/template_features/
              title:                    Jekyll One
              tagline:                  Theme Features
              header_translate:         notranslate
              text: >
                                        <p class="dropcap">
                                          For Jekyll, a huge number of themes are available that cover
                                          all typical use cases for websites. The bad story: most of them
                                          require programming and low-level customization. Deep knowledge
                                          of Jekyll and valuable experience using HTML, CSS, and Javascript
                                          is required.
                                        </p>
                                        <p>
                                          The ease of using J1.
                                        </p>
              services:

                - name:                 Modules
                  service:
                    id:                 B1
                    description: >
                                        <p>
                                          The theme J1 provides a large number of building blocks to create modern
                                          web pages in minutes. The base idea of the J1 Theme is to give all people
                                          a toolset at their hands to create a website with no need to start web
                                          development or web design from the beginning.
                                        </p>
                                        <p>
                                          Use whats's prepared already.
                                        </p>
                                        <p>
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-mouse-move-down"></i>
                                          Infinite srcoll <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-mouse-move-down"></i>
                                          Animate on srcoll <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-animation"></i>
                                          Floating Action Buttons <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-magnify"></i>
                                          Full-text search engine (Lunr) <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-cookie"></i>
                                          Cookie consent (GDPR compatible) <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-translate"></i>
                                          Translator (Google, Deepl) <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-clipboard"></i>
                                          Clipboard <br />
                                          <i class="mdi mdi-24px md-blue mdi-rotate-90 ml-3 mr-2 mdi-forwardburger"></i>
                                          Smooth-srcoll <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-near-me"></i>
                                          Enhanced Navigation <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-lightbulb-on"></i>
                                          Lightboxes <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-folder-multiple-image"></i>
                                          Image and Video Galleries <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-view-carousel"></i>
                                          Text and Image Carousels <br />
                                        </p>

                    title:              Modules
                    href:               /pages/public/features/template_features/#modules

                - name:                 Extensions
                  service:
                    id:                 B2
                    description: >
                                        <p>
                                          Frameworks like Bootstrap and Asciidoc are enormously flexible and customizable.
                                          Changing or adding components to frameworks requires a lot of experience. That
                                          is not the idea of J1. Customizations for the base frameworks are prepared,
                                          simple to use, and usable out-of-the-box.
                                        </p>
                                        <p>
                                          Make your site unique.
                                        </p>
                                        <p>
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-bootstrap"></i>
                                          Bootstrap extensions <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-format-annotation-plus"></i>
                                          Asciidoctor extensions <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-group"></i>
                                          Advanced banners and panels <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-near-me"></i>
                                          Blog Post navigation <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-content-duplicate"></i>
                                          Featured example content <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-image"></i>
                                          Royalty free images <br />
                                        </p>
                    title:              Extensions
                    href:               /pages/public/features/template_features/#extensions

                - name:                 Integrations
                  service:
                    id:                 B3
                    description: >
                                        <p>
                                          The Internet of today has changed a lot. The new digital world is called the cloud.
                                          Services out of the cloud is a fast-growing business. J1 Theme integrates cloud
                                          services to extend the functionality of a web for commenting features or Bootstrap
                                          themes, for example.
                                        </p>
                                        <p>
                                          Check what services powers your site.
                                        </p>
                                        <p>
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-theme-light-dark"></i>
                                          Bootstrap Themes <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-comment"></i>
                                          Comment providers <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-google-analytics"></i>
                                          Google Analytics <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-google-ads"></i>
                                          Google Ads <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-youtube"></i>
                                          YouTube Video <br />
                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-vimeo"></i>
                                          Vimeo Video <br />
                                        </p>
                    title:              Integrations
                    href:               /pages/public/features/template_features/#integrations


  # ----------------------------------------------------------------------------
  # NEWS panel
  #
  #   The news panel displays a configurable number of available posts
  #   (excerpts) using infinite scroll.
  #
  # ----------------------------------------------------------------------------
  #
  news:

    - name:                             Home News Panel
      panel:
        enabled:                        true

        id:                             home_news_panel
        comment:                        Home News Panel
        type:                           news
        category_blacklist:             [ posts, public, private, protected, featured, series ]
        properties:                     pt-5 pb-5

        position:                       left                                    # left | center
        title:                          Creators Blog
        tagline:                        latest news
        translate_description:          notranslate                             # translate|notranslate
        description_properties:         mt-3 mr-3 mb-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>

        wave:
          top:
            enabled:                      false
            height:                       2                                     # [1 .. 9]
            style:                        wave-1                                # default
            color:                        "#EEEEEE"
            background_color:             "#f5f5f5"
            transform:                    false                                 # false or rotate|flip-x|flip-y and combinations
          bottom:
            enabled:                      false
            height:                       2
            style:                        wave-4
            color:                        "#EEEEEE"
            background_color:             "#f5f5f5"
            transform:                    rotate

        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

# ------------------------------------------------------------------------------
# END config