<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blocks &amp; Guidelines</title>
    <link rel="stylesheet" type="text/css" href="./css/ui.css">
    <script src='https://code.jquery.com/jquery-2.1.3.min.js' type='application/javascript'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/ace/1.1.8/ace.js' type='application/javascript'></script>
    <script src='./js/blocks.and.guidelines.js' type='application/javascript'></script>
    <script src='./js/rapheal-min.js' type='application/javascript'></script>
    <script src='./js/util.js' type='application/javascript'></script>
    <script src='./js/ui.js' type='application/javascript'></script>
</head>

<body id='body'>
    <!-- <div id='canvas'></div> -->
    <div id='rendering-context'></div>
    <div id='documents'>
        <div class='addlevel'>+</div>
        <h3>Diagrams</h3>
        <span class='button' id='Import'><input type="file" id="input"></span><p></p>
        <span class='button' id='Export'><a href='' target="_blank">Export</a></span> 
        <span class='button' id='Delete'>Delete</span>
        <div id='scroller'>
            <ul id="saves"></ul>
        </div>
    </div>
</body>

</html>
