# ------------------------------------------------------------------------------
#  ~/_data/components/j1_banner.yml
#  Template specific configuration data to configure BANNER lanes
#
#  Product/Info:
#  https://jekyll-one.com
#
#  Copyright (C) 2019 Juergen Adams
#
#  J1 Template is licensed under the MIT License.
#  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
# ------------------------------------------------------------------------------


# -------------------------------------------------------------------------
# GLOBALS
# -------------------------------------------------------------------------
global:
  data_path:                        /assets/data/banner/index.html

# -------------------------------------------------------------------------
# BANNER
# -------------------------------------------------------------------------
banners:

  # ------------------------------------------------------------------
  # TEASER banners
  # ------------------------------------------------------------------

  # --------------------------------------------------------
  # home_teaser_banner
  #
  - banner:

      enabled:                      true
      id:                           home_teaser_banner
      type:                         teaser_banner
      icon_family:                  MDI
      style:                        light
      lane_span:                    fixed

      boxes:

        - box:

            enabled:                true
            width:                  10
            type:                   text
            animate:                fadeInUp
            title:                  All You need for your New Amazing Site
            description: >
                                    Jekyll meets Bootstrap - and makes a lot of friends.
                                    J1 Template combines the best of open source software for
                                    the Web and the Web site generator Jekyll. J1 is Open
                                    Source and the modules packed as well - no pain for private
                                    or professional use.
                                    Explore this site to learn what's possible if you go the
                                    Jekyll Way.<br/>
            tagline: >
                                    <big><b>Create powerful modern Static Webs: Secure, Flexible and Fast</b>.</big>
            buttons:

            - button:
                text:               Start
                class:              btn btn-success btn-raised btn-round btn-flex
                icon:               rocket
                icon_color:         md_white
                icon_size:          lg
                href:               /pages/public/start/kickstarter/web_in_a_day/intro/
            - button:
                text:               Download 
                class:              btn btn-primary btn-raised btn-round btn-flex
                icon:               download
                icon_color:         md_white
                icon_size:          lg
                href:               /pages/public/start/downloads/linux_starter/
            - button:
                text:               Become a Patron
                class:              btn btn-danger btn-raised btn-round btn-flex
                icon:               patreon
                icon_color:         md_white
                icon_size:          lg
                href:               https://www.patreon.com/join/jekyll_one
                target:             blank 

  # --------------------------------------------------------
  # example_teaser_banner
  #
  - banner:

      enabled:                      true
      id:                           example_teaser_banner
      type:                         teaser_banner
      icon_family:                  FontAwesome
      style:                        light
      lane_span:                    fluid

      boxes:

        - box:

            enabled:                true
            width:                  10
            type:                   text
            animate:                fadeInUp
            title:                  Your Product - Your Teaser Slogan
            description: >
                                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
                                    eirmod tempor invidunt ut labore et dolore magna aliquyam erat. At vero
                                    eos et accusam et justo duo dolores et ea rebum.
                                    <br/><br/>
            tagline: >
                                    <b>Stet clita kasd gubergren, no sea takimata sanctus est.</b>
            buttons:

            - button:
                text:               Action 1
                class:              btn-raised btn-success
                icon:               eye
                icon_color:         md_white
                icon_size:          large
                href:               javascript:void(0)

            - button:
                text:               Action 2
                class:              btn-raised btn-primary
                icon:               eye
                icon_color:         md_white
                icon_size:          large
                href:               javascript:void(0)

  # ------------------------------------------------------------------
  # PARALLAX Banner
  # ------------------------------------------------------------------

  # --------------------------------------------------------
  # home_parallax_banner
  #
  - banner:

      enabled:                      true
      id:                           home_parallax_banner
      type:                         parallax_banner
      style:                        dark
      lane_span:                    fluid

      boxes:

        - box:
            enabled:                true
            type:                   quote
            cite_text: >
                                    <b>Making</b> is like <b>Wanting</b>,
                                    <br> but even <b><span class="color-red">Better</span></b>
            cite:                   J1 Team
            text_color:             rgba_lighten_900
            cite_color:             rgba_lighten
            gridify:                true
            darken:                 7
            background_image:       /assets/images/quotes/people.png
            background_position_x:  50%
            background_position_y:  45px

  # --------------------------------------------------------
  # home_parallax_banner
  #
  - banner:

      enabled:                      true
      id:                           parallax_banner_einstein
      type:                         parallax_banner
      style:                        dark
      lane_span:                    fluid

      boxes:

        - box:
            enabled:                true
            type:                   quote
            cite_text: >
                                    Everything should be made as <b><span class="color-red">simple</span></b>
                                    as possible,<br>
                                    but not <b><span class="color-red">simpler</span></b>
            cite:                   Albert Einstein
            text_color:             rgba_lighten_900
            cite_color:             rgba_lighten
            gridify:                true
            darken:                 7
            background_image:       /assets/images/quotes/albert_einstein.png
            background_position_x:  50%
            background_position_y:  45px


  # --------------------------------------------------------
  # example_quote_parallax
  #
  - banner:

      enabled:                      true
      id:                           example_parallax_banner
      type:                         parallax_banner
      style:                        dark
      lane_span:                    fluid

      boxes:

        - box:
            enabled:                true
            type:                   quote
            cite_text: >
                                    <b>Making</b> is like <b>Wanting</b>,
                                    <br> but even <b><span class="color-red">Better</span></b>
            cite:                   J1 Team
            text_color:             rgba_lighten_900
            cite_color:             rgba_lighten
            gridify:                true
            darken:                 3
            background_image:       /assets/images/quotes/default.png
            background_position_x:  50%
            background_position_y:  45px

  # ------------------------------------------------------------------
  # NEWS banner
  # ------------------------------------------------------------------

  # --------------------------------------------------------
  # home_news_banner
  #
  - banner:

      enabled:                      true
      id:                           home_news_banner
      type:                         news_banner
      style:                        light
      lane_span:                    fixed

      boxes:

        - box:
            enabled:                true
            type:                   header
            title:                  Latest News

        - box:
            enabled:                true
            type:                   preview
            title:
            category:               featured

        - box:
            enabled:                true
            type:                   recent_news
            title:                  More Articles
            category:               featured
            max_posts:              5