echo $example->renderHead();
?>
<script type="text/javascript">
init(function($) {
$('.editable').raptor(defaultOptions);
});
</script>
</head>
<body>
<?php
echo $example->renderNavigation();
?>
<div class="source-watch center half" data-output="#source">
<div class="full editable" data-id="header">
<?php
echo $example->renderContent('header', $example->getDefaultContent('header'));
?>
</div>
<div class="content editable" data-id="body">
<?php
echo $example->renderContent('body', $example->getDefaultContent('body'));
?>
</div>
<div class="sidebar editable" data-id="sidebar">
<?php
echo $example->renderContent('sidebar', $example->getDefaultContent('sidebar'));
?>
</div>
<div style="clear:both"></div>
</div>
<div id="source" class="center half"></div>
