{{ define "title" }}Loop Workspace{{ end }}
{{ define "styles" }}{{ end }}
{{ define "content" }}
    <div class="row">
        <div class="col-sm-12">
            <!-- Toolbar of stuffs -->
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <!-- Directory of stuffs -->
        </div>
        <div class="col-sm-8">
            <!-- Editor and main content -->
            <pre id="editor"></pre>
        </div>
    </div>
{{ end }}
{{ define "scripts" }}
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.1.8/ace.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.1.8/theme-chrome.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.1.8/mode-markdown.js"></script>
    <script type="text/javascript">
        (function () {
            var editor = ace.edit('editor');
            editor.setTheme('ace/theme/chrome');
            editor.getSession().setMode('ace/mode/markdown');
        })();
    </script>
{{ end }}