%(head_prefix)s

<!-- NtDocutils https://ntrrg.github.io/NtDocutils/ -->
<!-- Copyright 2017 Miguel Angel Rivera Notararigo -->
<!-- Licensed under The MIT License. See LICENSE file for full licensing details. -->

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />

%(head)s

{before_styles}

%(stylesheet)s

{after_styles}

%(body_prefix)s

<div class="mdl-layout mdl-layout--fixed-header mdl-js-layout mdl-color--grey-100">
    <div class="ribbon"></div>

    <main class="mdl-layout__content">
        <div class="mdl-grid">
            <div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>

            <div class="content mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">

%(body_pre_docinfo)s
%(docinfo)s
%(body)s

            </div>
        </div>

        <footer class="mdl-mini-footer">
            <div class="mdl-mini-footer__left-section">
                <a href="https://github.com/ntrrg/NtDocutils"><strong class="mdl-logo">NtDocutils</strong></a>
            </div>

            <div class="mdl-mini-footer__right-section">
                <br class="mdl-layout--small-screen-only" />
                <div>Copyright © 2017 Miguel Angel Rivera Notararigo</div>
                <div>Licensed under <a href="https://opensource.org/licenses/MIT">The MIT License</a></div>
                <div>Powered by <a href="http://docutils.sourceforge.net/">Docutils</a> and <a href="https://getmdl.io/">MDL</a></div>
            </div>
        </footer>
    </main>

    <div id="snackbar" class="mdl-js-snackbar mdl-snackbar">
        <div class="mdl-snackbar__text"></div>
        <button class="mdl-snackbar__action" type="button"></button>
    </div>

    <div id="os_selection"></div>

    <div id="options">
        <button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--accent">
            <i class="material-icons">more_vert</i>
        </button>

        <button id="attachments-button" class="attachments mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--accent" data-n="1">
            <i class="material-icons">attach_file</i>
        </button>

        <ul class="attachments-menu mdl-menu mdl-menu--top-right mdl-js-menu mdl-js-ripple-effect" data-mdl-for="attachments-button"></ul>

        <button class="print mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--accent" data-n="1">
            <i class="material-icons">print</i>
        </button>
    </div>
</div>

{scripts}

%(body_suffix)s