{{ '{#' }}- Title ----- Use this block to set the page title {{ '#}' }} {{ '{%' }} block title {{ '%}' }}graoJS - Do more, work less{{ '{%' }} endblock title {{ '%}' }} {{ '{#' }} Metatags -------- Use these blocks to set the meta viewport, description and keywords {{ '#}' }} {{ '{#' }} Main Stylesheets ---------------- Use this block in Layouts to set global stylesheets or if you want to overwride {{ '#}' }} {{ '{%' }} block head_stylesheets {{ '%}' }} {{ '{%' }} endblock head_stylesheets {{ '%}' }} {{ '{#' }} Additional Stylesheets ---------------------- Use this block anywhere in templates to add additional stylesheets without overwriding global stylesheets {{ '#}' }} {{ '{%' }} block stylesheets {{ '%}' }}{{ '{%' }} endblock stylesheets {{ '%}' }} {{ '{#' }} Additional Javascripts on head ------------------------------ Use this block to put some javascritps on the HEAD But preferably use "footer_javascripts" and "javascritps" blocks below for better loading performance {{ '#}' }} {{ '{%' }} block head_javascripts {{ '%}' }}{{ '{%' }} endblock head_javascripts {{ '%}' }} {{ '{#' }} Favicon -------- Use this block to set the favicon {{ '#}' }} {{ '{#' }} Extra Head ---------- Use this block to set anything more in the HEAD {{ '#}' }} {{ '{%' }} block head_extra {{ '%}' }}{{ '{%' }} endblock head_extra {{ '%}' }} {{ '{#' }} Body ---- Body block. Use with careful, overwrides A LOT of blocks! {{ '#}' }} {{ '{%' }} block body {{ '%}' }} {{ '{#' }} Body Attributes --------------- Useful for javascripts or class overwrides, but preferably use jQuery.ready for body onload stuffs {{ '#}' }} {{ '{#' }} Top Navigation Bar ------------------ Use a "navbar navbar-fixed-top" to be fix on top and navbar-default / navbar-inverse / none for color patterns
By default includes 'nav.html' {{ '#}' }} {{ '{%' }} block navbar_top {{ '%}' }} {{ '{%' }} include 'nav.html' {{ '%}' }} {{ '{%' }} endblock navbar_top {{ '%}' }} {{ '{#' }} Bottom Navigation Bar --------------------- DEFAULT: EMPTY Use a "navbar navbar-fixed-bottom" to be fix on top and navbar-default / navbar-inverse / none for color patterns
{{ '#}' }} {{ '{%' }} block navbar_bottom {{ '%}' }}{{ '{%' }} endblock navbar_bottom {{ '%}' }} {{ '{#' }} Main Container -------------- Use this block to overwride all containers but navbars and footer {{ '#}' }} {{ '{%' }} block container {{ '%}' }}
{{ '{#' }} Page Header ----------- Page header block, you'll overwride in every page use
for consistency, but feel free to do whatever you want {{ '#}' }} {{ '{%' }} block page_header {{ '%}' }}
{{ '{#' }} Headline ----------- If you want to save some lines using the default "page-header" class just use this block in your templates {{ '#}' }}

{{ '{%' }} block headline {{ '%}' }}graoJS - Do more, work less{{ '{%' }} endblock headline {{ '%}' }}

{{ '{%' }} endblock page_header {{ '%}' }} {{ '{#' }} Content ------- THE content of the page that want to show {{ '#}' }} {{ '{%' }} block content {{ '%}' }}{{ '{%' }} endblock content {{ '%}' }}
{{ '{%' }} endblock container {{ '%}' }} {{ '{#' }} Footer ------ Full footer for overwride {{ '#}' }} {{ '{%' }} block footer {{ '%}' }} {{ '{%' }} endblock footer {{ '%}' }} {{ '{#' }} Main Javascripts on footer -------------------------- Here you put the MAIN javascripts for better loading performance You'd better use this block in global layouts an don't overwride e.g. jQuery, jQuery plugins and Bootstrap (CDN also!) and your local global javascript {{ '#}' }} {{ '{%' }} block footer_javascripts {{ '%}' }} {{ '{#' }}{{ '#}' }} {{ '{%' }} endblock footer_javascripts {{ '%}' }} {{ '{#' }} Additional Javascripts on footer -------------------------------- Use this block in templates for inline or include javascripts needed only on that context SPECIALLY use this for jQuery.ready content {{ '#}' }} {{ '{%' }} block javascripts {{ '%}' }}{{ '{%' }} endblock javascripts {{ '%}' }} {{ '{%' }} endblock body {{ '%}' }}