<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <link rel="stylesheet" data-name="vs/editor/editor.main"
        href="../node_modules/monaco-editor/min/vs/editor/editor.main.css"/>
  <link rel="stylesheet" href="../dist/css/monaco-collab-ext.css">
  <link rel="stylesheet" href="./example.css">
</head>
<body>
<h1>Monaco Editor Collaborative Extensions Demo</h1>
<div class="editors">
  <div class="editor-column">
    <h2>Source Editor</h2>
    <div class="description">Type and make selections here.</div>
    <div class="editor" id="source-editor"></div>
  </div>
  <div class="editor-column">
    <h2>Target Editor</h2>
    <div class="description">See remote cursors and selections here.</div>
    <div class="editor" id="target-editor"></div>
  </div>
</div>
<script src="editor_contents.js"></script>
<script>var require = {paths: {'vs': '../node_modules/monaco-editor/min/vs'}};</script>
<script src="../node_modules/monaco-editor/min/vs/loader.js"></script>
<script src="../node_modules/monaco-editor/min/vs/editor/editor.main.nls.js"></script>
<script src="../node_modules/monaco-editor/min/vs/editor/editor.main.js"></script>
<script src="../dist/umd/monaco-collab-ext.js"></script>
<script src="./example.js"></script>
</body>
</html>