# ------------------------------------------------------------------------------ # ~/_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: >
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.
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: >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 - 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: >The Web is everywhere. J1 Theme supports modern web browsers on all devices for best results on PCs, Tablets, and SmartPhones.
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: >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.
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: >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.
Fund our project that make up your web site easy to manage for excellent performance, reliability, and stability.
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: >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 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 theme J1 Theme 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 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.
Not get lost in project management.
Ruby 2.7
Jekyll 4.3
NodeJS 14.x
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.
For current webs, a must: responsiveness and modern design. Jekyll One is based on Bootstrap, the leading platform to create today's responsive webs.
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.
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.
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.
Configure what is to be done.
Bootstrap V5
Enhanced HTML, CSS and Javascript
Icon Fonts
Fully configurable components
The Web is everywhere. J1 Theme supports modern web browsers on all devices for best results on PCs, Tablets, and SmartPhones.
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.
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.
Support your visitors.
Desktop and Mobile support
Mobile Web Navigation
Highest Google Lighthouse Scores
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.
The ease of using J1.
services: - name: Modules service: id: B1 description: >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.
Use whats's prepared already.
Infinite srcoll
Animate on srcoll
Floating Action Buttons
Full-text search engine (Lunr)
Cookie consent (GDPR compatible)
Translator (Google, Deepl)
Clipboard
Smooth-srcoll
Enhanced Navigation
Lightboxes
Image and Video Galleries
Text and Image Carousels
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.
Make your site unique.
Bootstrap extensions
Asciidoctor extensions
Advanced banners and panels
Blog Post navigation
Featured example content
Royalty free images
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.
Check what services powers your site.
Bootstrap Themes
Comment providers
Google Analytics
Google Ads
YouTube Video
Vimeo Video
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.
Have fun!
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