---
layout:                                 home
compress:                               true

title:                                  J1 Starter
tagline:                                The Build-In Web

date:                                   2023-01-01 00:00:00
#last_modified:                         2023-12-27 00:00:00

description: >
                                        Jekyll One Template (J1) provides a clean implementation
                                        in Jekyll for starting new projects based on Bootstap V5.
                                        The template combines the best software for the Web.
                                        Jekyll One is open source, free to use, and the modules
                                        packed as well.
keywords: >
                                        open source, free, template, jekyll, jekyllone, web,
                                        sites, static, jamstack

categories:                             [ Site ]
tags:                                   [ Home ]

robots:
  index:                                true
  follow:                               true

image:
  path:                                 /assets/images/modules/attics/ideas-start-here-1920x1280.jpg
  width:                                1920
  height:                               1200

tts:                                    true
toc:                                    false
fab_menu_id:                            default
scrollbar:                              false
comments:                               false
canonical:                              false
personalization:                        false
exclude_from_search:                    false
regenerate:                             false

accordion:
  enabled:                              false
  debug:                                false

  name:                                 custom_panel
  id:                                   bs5_accordion

  header:
    title:                              Custom Panel
    tagline:                            creating dynamic content
    description: >
                                        <p class="dropcap">
                                          This is an example for a Custom Panel based on Bootstrap V5. The example
                                          code for the <b>dynamic content</b> is taken from the Bootstrap V5 Doc
                                          pages at:
                                        </p>
                                        <a class="ml-3 mb-5"
                                           href="https://getbootstrap.com/docs/5.2/components/accordion/"
                                           target="_blank" rel="noopener noreferrer">
                                          Accordion · Bootstrap v5.2
                                        </a>
  elements:
    - element:
      expanded:                         true
      title:                            "Accordion Item #1"
      content: >
                                        <strong>This is the first item's accordion body.</strong> It is shown by default,
                                        until the collapse plugin adds the appropriate classes that we use to style each element.
                                        These classes control the overall appearance, as well as the showing and hiding via CSS
                                        transitions. You can modify any of this with custom CSS or overriding our default variables.
                                        It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>,
                                        though the transition does limit overflow.
    - element:
      title:                            "Accordion Item #2"
      content: >
                                        <strong>This is the second item's accordion body.</strong> It is hidden by default, until
                                        the collapse plugin adds the appropriate classes that we use to style each element. These
                                        classes control the overall appearance, as well as the showing and hiding via CSS transitions.
                                        You can modify any of this with custom CSS or overriding our default variables. It's also worth
                                        noting that just about any HTML can go within the <code>.accordion-body</code>, though the
                                        transition does limit overflow.
    - element:
      title:                            "Accordion Item #3"
      content: >
                                        <strong>This is the third item's accordion body.</strong> It is hidden by default, until
                                        the collapse plugin adds the appropriate classes that we use to style each element. These
                                        classes control the overall appearance, as well as the showing and hiding via CSS transitions.
                                        You can modify any of this with custom CSS or overriding our default variables. It's also worth
                                        noting that just about any HTML can go within the <code>.accordion-body</code>, though the
                                        transition does limit overflow.

resources:                             [ animate, scroller ]
resource_options:
  - attic:
      slides:
        - url:                          /assets/images/modules/attics/ideas-start-here-1920x1280.jpg
          alt:                          ideas-start-here-1920x1280.jpg
#         badge:
#           type:                       unsplash
#           author:                     Kristopher Roller
#           href:                       //unsplash.com/@krisroller
---

<pre>

  This page is created by the layout: home.

  If this text is displayed (instead of the home page expected),
  something went  wrong with the layout definitions. Check  the
  output of the Jekyll engine building this site.

  Check the  contents   of folder _layouts. Verify  if the base
  layout  "home" exists  and the  referring  chain
  (inheritance) is correct.

</pre>