@{
    ViewData["Title"] = "Welcome!";
}

@section Scripts
{
    <script src="~/js/ace/ace.js"></script>
    <script src="~/js/jotted/jotted.min.js"></script>
    <script>
        window.jotted = new Jotted(document.querySelector('#editor'), {
            files: [{
                type: 'html',
                content: '<html>\n    <body>\n        <h1>Hello SFKA!</h1>\n    </body>\n</html>'
            }, {
                type: 'css',
                content: 'body {\n\tcolor: green;\n}'
            }],
            plugins: ['ace']
        });

    </script>

    <script src="~/js/signalr/dist/browser/signalr.js"></script>
    <script src="~/js/hub.js"></script>
}

@section Css
{
    <link href="~/css/jotted/jotted.min.css" rel="stylesheet" />
}

<div id="editor" class="jotted-theme-bin"></div>

