sidenav-docs.html

<nav class="sidenav">

    <details open>
        <summary>Quick Start</summary>
        <a href="montagejs-setup.html" {% if page.this-page == 'montagejs-setup' %}class="active"{% endif %}>Set Up</a>
        <a href="hello-montage.html" {% if page.this-page == 'hello-montage' %}class="active"{% endif %}>Hello Montage</a>
    </details>

    <details open>
        <summary>Demos</summary>
        <a href="montagejs-examples.html" {% if page.this-page == 'montagejs-examples' %}class="active"{% endif %}>Examples</a>
        <a href="http://montagejs.github.com/mfiddle/" target="_blank">Mfiddle</a>

    </details>

    <details open>
        <summary>Tutorials</summary>
        <a href="tutorial-using-substitutions-with-montagejs.html" {% if page.this-page == 'tutorial-using-substitutions-with-montagejs' %}class="active"{% endif %}>Using Substitutions</a>
        <a href="tutorial-reddit-client-with-montagejs.html" {% if page.this-page == 'tutorial-reddit-client-with-montagejs' %}class="active"{% endif %}>Building a Reddit Client</a>
        <a href="tutorial-3d-applications-with-montagejs.html" {% if page.this-page == 'tutorial-3d-applications-with-montagejs' %}class="active"{% endif %}>Building 3D Applications</a>
    </details>

    <details open>
        <summary>Concepts</summary>
        <a href="bootstrapping.html" {% if page.this-page == 'bootstrapping' %}class="active"{% endif %}>Bootstrapping</a>
        <a href="application.html" {% if page.this-page == 'application' %}class="active"{% endif %}>Application</a>
        <a href="montagejs-templates.html" {% if page.this-page == 'montagejs-templates' %}class="active"{% endif %}>Templates</a>
        <a href="components.html" {% if page.this-page == 'components' %}class="active"{% endif %}>Components</a>
        <a href="component-composition.html" {% if page.this-page == 'component-composition' %}class="active"{% endif %}>Component Composition</a>
        <a href="serialization-declaration.html" {% if page.this-page == 'serialization-declaration' %}class="active"{% endif %}>Serialization Declaration</a>
        <a href="montagejs-objects.html" {% if page.this-page == 'montagejs-objects' %}class="active"{% endif %}>Objects</a>
        <a href="data-binding.html" {% if page.this-page == 'data-binding' %}class="active"{% endif %}>Data Binding</a>
        <a href="event-handling.html" {% if page.this-page == 'event-handling' %}class="active"{% endif %}>Event Handling</a>
        <a href="draw-cycle.html" {% if page.this-page == 'draw-cycle' %}class="active"{% endif %}>Draw Cycle</a>
        <a href="blueprints.html" {% if page.this-page == 'blueprints' %}class="active"{% endif %}>Blueprints</a>
        <a href="gestures-composers.html" {% if page.this-page == 'gestures-composers' %}class="active"{% endif %}>Gestures & Composers</a>
        <a href="naming-conventions.html" {% if page.this-page == 'naming-conventions' %}class="active"{% endif %}>Naming Conventions</a>
    </details>

    <details open>
        <summary>Built-in Components</summary>
        <a href="repetition.html" {% if page.this-page == 'repetition' %}class="active"{% endif %}>Repetition</a>
        <a href="substitution.html" {% if page.this-page == 'substitution' %}class="active"{% endif %}>Substitution</a>
        <a href="overlay.html" {% if page.this-page == 'overlay' %}class="active"{% endif %}>Overlay</a>
    </details>

    <details open>
        <summary>UI Component Sets</summary>
        <a href="themes.html" {% if page.this-page == 'themes' %}class="active"{% endif %}>Introduction</a>
        <a href="theme-digit-components.html" {% if page.this-page == 'theme-digit-components' %}class="active"{% endif %}>Digit</a>
        <a href="theme-matte-components.html" {% if page.this-page == 'theme-matte-components' %}class="active"{% endif %}>Matte</a>
        <a href="theme-native-components.html" {% if page.this-page == 'theme-native-components' %}class="active"{% endif %}>Native</a>
        <a href="autocomplete.html" {% if page.this-page == 'autocomplete' %}class="active"{% endif %}>Autocomplete</a>
    </details>

    <details open>
        <summary>Tools</summary>
        <a href="tools-minit.html" {% if page.this-page == 'tools-minit' %}class="active"{% endif %}>Minit</a>
        <a href="tools-mop.html" {% if page.this-page == 'tools-mop' %}class="active"{% endif %}>Mop</a>
    </details>

    <details open>
        <summary>Help</summary>
        <a href="faq.html" {% if page.this-page == 'faq' %}class="active"{% endif %}>FAQ</a>
        <a href="frb.html" {% if page.this-page == 'frb' %}class="active"{% endif %}>FAQ - FRB Transition</a>
        <a href="troubleshooting.html" {% if page.this-page == 'troubleshooting' %}class="active"{% endif %}>Troubleshooting</a>
    </details>

    <hr />

    <a class="sidenav-mainLink" href="{{site.baseurl}}/api/Montage.html">API Reference</a>

    <hr />

</nav>