templates.html

<template name="_tutorial">
    {{! don't put anything reactive in here, it's all animated.}}
    <div class="spotlight"></div>
    <div class="modal positioned">
        <div class="modal-body">
            {{#isolate}}
            {{{content}}}
            {{/isolate}}
        </div>
        <div class="modal-footer">
            <span class="muted pull-left">
                <i class="fa fa-arrows"></i>drag me to reposition
            </span>
            {{> _tutorial_buttons}}
        </div>
    </div>
</template>

<template name="_tutorial_buttons">
    <div class="btn-group">
        {{#if prevEnabled}}
        <button class="btn btn-warning action-tutorial-back">
            <i class="fa fa-arrow-left"></i> Back
        </button>
        {{/if}}

        {{#if nextEnabled}}
        <button class="btn btn-primary action-tutorial-next">
            Next <i class="fa fa-arrow-right"></i>
        </button>
        {{/if}}

        {{#if finishEnabled}}
        <button class="btn btn-success action-tutorial-finish">
            Finish <i class="fa fa-check"></i>
        </button>
        {{/if}}
    </div>
</template>