Jekyll any theme / Css

Themes

  • page.theme or collection.theme
  • Default to basic_light_sans
  • Need a /assets/css/<theme>.css

For a new theme, duplicate one existing assets/css/<theme>.sass, change file name and add it in a page front matter or in scoped defaults in _config.yml.

Top 

Swap <header> and <navbar> order by setting liquid navbar: "top" or "bottom" for pages or collections, in front matter or config defaults.

  • Usage

navbar: "bottom" or nil

  1. <header>
  2. <navbar>

navbar: "top"

  1. <navbar>
  2. <header>
  • Called by _layouts/default.html
  • Call _includes/page/navbar.html, _includes/page/header.html
Navbar 

Return the HTML Bootstrap 4 navbar given in liquid as include.nav or site.nav. Expected are right and left arrays with the page title. Array elements containing an array are rendered as dropdowns.

left:
  - Home
  - Docs:
    - Tempus
    - Libros
  - Customize:
    - Css
    - Themes
  - About
right:
  - Login
  • Usage
{% include page/navbar.html nav=site.data.navbar %}
  • Called by _includes/page/top.html to render main navigation
  • Call _includes/components/navbar_link.html to render singular links

Main

Main 

Render <main> content and eventually the sidebar.
Split content by <!--row--> and <!--column--> and loop to render.

  • Called by _layouts/default.html
  • Call _includes/page/sidebar.html