<html>
    <head>
        <title>SageMath</title>
        <link rel="stylesheet" href="/sagenb/www/sagenb-export.css"/>
        <script type="text/javascript" src="/sagenb/www/sagenb-export.js"></script>
    </head>
    <body>
        
        <div class="header">
            <h1>Sage Mathematics Software</h1>
            <img src="/sagenb/www/sagemath_icon.svg">
        </div>

        <div class="old">
            <h2>The Sage notebook has changed</h2>
            <p><a class="button" href="/tree">Take me to the new Sage/Jupyter notebook</a></p>
            <p><a class="button" href="/sagenb/www/run-sagenb.html">Run the old Sage Notebook</a></p>

            <p>
                To skip this screen and go directly to the new Jupyter
                notebook, run
                <tt>sage --notebook=jupyter</tt>
            </p>
            <p>
                To launch the old notebook instead, run
                <tt>sage --notebook=sagenb</tt>
                on the command line.
            </p>
        </div>

        <div class="old">
            <h2>Convert old notebooks to Jupyter</h2>
            <p>Click on any of the notebooks below to convert it to a new Jupyter notebook and open it in Jupyter:</p>
        </div>

        <div class="error">
        </div>
        
        <div class="nb-list">
            <div class="nb-row nb-header">
                <div class="nb-id">ID</div>
                <div class="nb-name">Name</div>
            </div>
            {% for nb in notebooks %}
            <div class="nb-row clickable" onclick="exportSageNB('{{nb.unique_id}}')">
                <div class="nb-id"><span class="ellipsis">{{ nb.unique_id }}</span></div>
                <div class="nb-name"><span class="ellipsis">{{ nb.name }}</span></div>
            </div>
            {% endfor %}
        </div>
        
    </body>
</html>

