Need: {% styles %} {% scripts %} and jquery

Example add link to navbar

<div class="collapse navbar-collapse navbar-main-collapse">
            <ul class="nav navbar-nav">
                <li class="separator hidden-xs"></li>
                <li class="{% if this.page.id == 'home' %}active{% endif %}"><a href="{{ 'home'|page }}">Basic concepts</a></li>
                <li class="{% if this.page.id == 'ajax' %}active{% endif %}"><a href="{{ 'ajax'|page }}">AJAX framework</a></li>
                <li class="{% if this.page.id == 'plugins' %}active{% endif %}"><a href="{{ 'plugins'|page }}">Plugin components</a></li>
                <li class="bvi-hide">{% component 'forvisuallyimpaired' %}</li>
            </ul>
</div>

Example add button to page

title = "Demonstration"
url = "/"
layout = "default"
is_hidden = 0
[forvisuallyimpaired]
title = "For the visually impaired"
class = "btn btn-primary"
==
<div class="container">
{% component 'forvisuallyimpaired' %}
</div>