Corresponding Filename: panini-layouts-partials

Panini - Layouts & Partials

Layouts

This page demonstrates the inclution of partials in the form of page content and layout files.

Layouts are found in the layout folder. Panini automatically looks in this folder for any layouts referenced in the page html and feeds the page content into the layout. There is no need to reference the default layout in the page content since,... wait for it,... it looks for and used the default layout - by default! However to use a layout other than the default layout, you must reference that layout in the front matter of the page.

Partials

This page demonstrates the inclution of partials in the form of header and footer.

These partials are found in the partials folder. Panini automatically looks in this folder for any partials referenced in the page html and feeds in the content of that partial.

Partials Folder Organisation

Working with alot of partials will lead to a messy partials folder however you can include partials from sub-folders, Panini will automatically search through the partials folder heirarchy looking for any paritals referenced in a given page...

Example: Partial for an Orbit Text Carousel

  • 1: You can also throw some text in here!

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde harum rem, beatae ipsa consectetur quisquam. Rerum ratione, delectus atque tempore sed, suscipit ullam, beatae distinctio cupiditate ipsam eligendi tempora expedita.

    This Orbit slider does not use animations.

  • 2: You can also throw some text in here!

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde harum rem, beatae ipsa consectetur quisquam. Rerum ratione, delectus atque tempore sed, suscipit ullam, beatae distinctio cupiditate ipsam eligendi tempora expedita.

    This Orbit slider does not use animations.

  • 3: You can also throw some text in here!

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde harum rem, beatae ipsa consectetur quisquam. Rerum ratione, delectus atque tempore sed, suscipit ullam, beatae distinctio cupiditate ipsam eligendi tempora expedita.

    This Orbit slider does not use animations.

  • 4: You can also throw some text in here!

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde harum rem, beatae ipsa consectetur quisquam. Rerum ratione, delectus atque tempore sed, suscipit ullam, beatae distinctio cupiditate ipsam eligendi tempora expedita.

    This Orbit slider does not use animations.

    # One
    ## Two
    ### Three