Configuration Find the block configuration followed by the placement setup for the layout home.

Block Configuration from ~/_data/blocks/banner.yml (excerpt) teaser:

————————————————————————–

HOME Teaser Banner

#

  • name: Home Teaser Banner banner: enabled: true id: home_teaser_banner comment: Top teaser shown on home page type: teaser badges: false icon_family: MDI properties: mt-3 mb-9 cards:
    • name: Teaser Content card: enabled: true width: 12 type: text title: Jekyll One Template translate_title: notranslate tagline: powerful modern static websites description_properties: mt-3 mb-3 description: >

    Jekyll One is a full-featured template for Jekyll to create modern dynamic websites. J1 provides creative people with a rich toolset to build great sites and easy-to-use project management to simplify the build and deployment processes.

    J1 meets Jekyll and Bootstrap and makes a lot of friends. The template system combines the best free software for the Web. Jekyll One Template is OpenSource and the modules included are free to use as well. No license issues for private or professional use.

    Explore what's possible if you go for static websites.

    buttons:

    • name: Roundtrip button: enabled: true id: roundtrip translate: notranslate title: Roundtrip tagline: learn top features class: btn btn-xl btn-primary text-uppercase text-left mr-2 mb-2 style: “min-width: 270px” icon: briefcase-search-outline icon_color: icon_size: 3x href: /pages/public/learn/roundtrip/present_images/ target: … Placement from ~/_data/layouts/home.yml

      ——————————————————————————

      ~/_data/layouts/home.yml

      Configuration data to specify the (HTML) Layout of all content

      pages of type HOME placed by the content loader

      #

      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

      #

      ——————————————————————————

      Layout configuration settings

      # lanes:

      —————————————————————————-

      TEASER banner

      #

  • lane: enabled: true id: home_teaser_banner region: body-main type: async properties: elevated-z0 Divider Banner Divider banners are pure decorative element for structuring a page by placing line-based delimiters.

Divider Banner Divider Banner Configuration Find the block configuration followed by the placement setup for the layout home.

Block Configuration from ~/_data/blocks/banner.yml (excerpt) divider:

————————————————————————–

DIVIDER properties

#

  • name: Divider Banner 1 banner: enabled: true id: divider-1 comment: Divider Banner 1 type: divider … Placement from ~/_data/layouts/home.yml

    ——————————————————————————

    ~/_data/layouts/home.yml

    Configuration data to specify the (HTML) Layout of all content

    pages of type HOME placed by the content loader

    #

    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

    #

    ——————————————————————————

    Layout configuration settings

    # lanes:

    —————————————————————————-

    DIVIDER banner

    #

  • lane: enabled: true id: divider-1 region: body-main type: async properties: mt-4 mb-4 Image-based Banners Image based banners are decorative elements as well to add image content in between of mainly text-based content.

Image Banner Places an configurable image (full width).

Image Banner Image Banner Configuration Find the block configuration followed by the placement setup for the layout home.

Block Configuration from ~/_data/blocks/banner.yml (excerpt) image:

————————————————————————–

home_image_banner

#

  • name: Home Image Banner banner: enabled: true id: home_image_banner comment: Image banner shown on home page type: image properties: mt-6 mb-6 image: gridify: false height: 450 justify: true brightness: 80 opacity: false picture: /assets/images/modules/attics/ideas-start-here-1920x1280.jpg Placement from ~/_data/layouts/home.yml

    ——————————————————————————

    ~/_data/layouts/home.yml

    Configuration data to specify the (HTML) Layout of all content

    pages of type HOME placed by the content loader

    #

    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

    #

    ——————————————————————————

    Layout configuration settings

    # lanes:

    —————————————————————————-

    IMAGE banner

    #

  • lane: enabled: true id: home_image_banner region: body-main type: async Parallax Banner Places an image (full width) with a parallax effect. Additionally, a quotation text is configurable and placed centered on top of the image.

Parallax Banner Parallax Banner Configuration Find the block configuration followed by the placement setup for the layout home.

Block Configuration from ~/_data/blocks/banner.yml (excerpt) parallax:

————————————————————————–

home_parallax_banner

#

  • name: Home Parallax Banner banner: enabled: true id: home_parallax_banner comment: Main parallax banner shown on home page type: parallax properties: cards:
    • name: Quote settings card: enabled: true type: quote cite_text_size: 300% cite_text_quotes: false cite_text: > Making is like Wanting,
      but even
      Better
      text_color: “#E0E0E0” gridify: true size_y: 450 darken: 6 background_image: /assets/images/modules/attics/ideas-start-here-1920x1280.jpg Placement from ~/_data/layouts/home.yml

      ——————————————————————————

      ~/_data/layouts/home.yml

      Configuration data to specify the (HTML) Layout of all content

      pages of type HOME placed by the content loader

      #

      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

      #

      ——————————————————————————

      Layout configuration settings

      # lanes:

      —————————————————————————-

      PARALLAX banner

      #

  • lane: enabled: true id: home_parallax_banner region: body-main type: async properties: mt-4 mb-4 Panels Building blocks of type panel are complex elements to present detailed information of a website.

Intro Panel Fully configurable display element, mainly used on landing pages, to give an overview on the services provided by the website.

Intro Panel Intro Panel Configuration Find the block configuration followed by the placement setup for the layout home.

Block Configuration from ~/_data/blocks/panel.yml (excerpt) intro:

  • name: Home Intro Panel panel: enabled: true id: home_intro_panel comment: Home Intro Panel type: intro animate: false properties: mt-5 mb-5 title: All in One title_translate: notranslate tagline: top features description_properties: mt-3 mr-3 mb-3 description: >

    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?

    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.

    cards:

    • name: Tools card: enabled: true type: text title: Tools title_translate: notranslate tagline: J1 Theme icon: tools icon_family: MDI 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.

    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 … Placement from ~/_data/layouts/home.yml

      ——————————————————————————

      ~/_data/layouts/home.yml

      Configuration data to specify the (HTML) Layout of all content

      pages of type HOME placed by the content loader

      #

      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

      #

      ——————————————————————————

      Layout configuration settings

      # lanes:

      —————————————————————————-

      INTRO panel

      #

  • lane: enabled: true id: home_intro_panel region: body-main type: async properties: elevated-z0 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 Panel Service Panel Configuration Find the block configuration followed by the placement setup for the layout home.

Block Configuration from ~/_data/blocks/panel.yml (excerpt) service:

  • name: Home Service Panel panel: enabled: true id: home_service_panel comment: Home Service Panel type: service scroller: true properties: mt-5 mb-5 title: Jekyll One tagline: featured template for jekyll description_properties: mt-3 mr-3 mb-3 description: >

    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?

    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.

    • Current Technology and Design. Excellent performance on all devices.
    • Fully Responsive. Best results on PCs, Tablets, and SmartPhones.
    • Start in no time. No programming is needed using Jekyll One.

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

    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.

    The base of J1.

    services:

    • name: Platforms service: id: A1 description: >

    The template system J1 is based on the Ruby language of version 2.x. For sure, not the latest language version for Ruby but the supported platform for the latest Jekyll software.

    Websites created by Jekyll One 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.

    Not get lost in project management.

    Ruby 2.7
    Jekyll 4.3
    NodeJS 14.x

    title: Platforms href: “/pages/public/features/general_features/#platforms” … Placement from ~/_data/layouts/home.yml

    ——————————————————————————

    ~/_data/layouts/home.yml

    Configuration data to specify the (HTML) Layout of all content

    pages of type HOME placed by the content loader

    #

    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

    #

    ——————————————————————————

    Layout configuration settings

    # lanes:

    —————————————————————————-

    SERVIVE panel

    #

  • lane: enabled: true id: home_service_panel region: body-main type: async properties: elevated-z0