index.html

<div xmlns="http://www.w3.org/1999/xhtml" data-template="templates:surround" data-template-with="templates/page.html" data-template-at="content">
    <div class="row">
        <div class="col-md-12">
            <div class="page-header">
                <h1 data-template="config:app-title">XQuery Summer Institute data.</h1>
            </div>
            <div class="alert alert-success">
                <p>App demonstrating functions for App for XQuery Summer Institute using Folger Shakespeare Library tei data.</p>
            </div>
            <div class="row">
                <div class="col-md-8">
                    <script type="text/javascript" src="http://cdn.knightlab.com/libs/timeline/latest/js/storyjs-embed.js"/>
                    <script type="text/javascript" src="resources/js/timeline.js"/>
                    <h4>Timeline of Shakespeare's plays</h4>
                    <div id="my-timeline"/>
                    <p>*Timeline generated with <a href="http://timeline.knightlab.com/">http://timeline.knightlab.com/</a>
                    </p>
                </div>
                <div class="col-md-4">
                    <h4>The collection</h4>
                    <ul>
                        <li>
                            <a href="browse.html">Browse the plays</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>