Play # {set/}, HTML-. , ( , ).
layout.html:
<head>
<link href="skin.css'}" rel="stylesheet" type="text/css" media="all" />
#{get 'moreStyles' /}
</head>
any_page.html:
<div id='normal_dolayout_body'>
<p>This is the doLayout body</[p>
</div>
#{set 'moreStyles'}
<link href="extra.css" rel='stylesheet' type='text/css' media='all' />
#{/set}
CSS. #set #include:
layout.html:
<div class="container">
<div class="center">
<div id="layout">
<div id='content'>
#{doLayout/}
</div>
<div id='sidebar'>
#{get 'sidebar'/}
</div>
</div>
</div>
<div class="footer">
#{get 'promo' /}
#{get 'footerlinks' /}
</div>
any_page.html:
<div id='normal_body'>Will be included by doLayout</div>
<!-- You may have any number of #set tags which will be matched with any #get declared in your main layout. -->
#{set 'promo'}
#{include 'my_custom_promo.html'/}
#{/set}
#{set 'sidebar'}
#{if user.isHappy }
#{include '/Commons/happy_user_sidebar.html' /}
#{/if}
#{else}
#{include '/Commons/default_sidebar.html' /}
#{/else}
#{/set}
promo sidebar #get placeholder .
, #set include, DRY- , - . , # {sidebar user: user/}, .