build/dev.html

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/><meta charset="UTF-8">
    <title>Oligrapher Demo</title>
    <script src="http://localhost:8090/webpack-dev-server.js"></script>
    <script src="http://localhost:8090/build/vendors.js"></script>
    <script src="http://localhost:8090/build/oligrapher.min.js"></script>
    <script src="LsDataSource.js"></script>
    <script src="oligrapher-demo-data.js"></script>
    <style>
      body {
        margin: 10px;
      }
    </style>
  </head>

  <body>
    <div id="oligrapher"></div>
    <script>
      var elem = document.getElementById('oligrapher');
      elem.style.height = window.innerHeight - 100 + "px";

      var oli = new Oligrapher({ 
        root: elem,
        isEditor: true,
        isLocked: false,
        logActions: false,
        viewOnlyHighlighted: false,
        dataSource: LsDataSource,
        data: oligrapherDemoData,
        user: { name: "Kevin", url: "http://littlesis.org/user/kevin" },
        date: "August 30, 2015",
        startAnnotation: 0,
        showSaveButton: true,
        onSave: function(data) { console.log(data); },
        onNav: function(index) { console.log("navigating to annotation " + String(index)); },
        links: [
          { text: "some", url: "http://some.net" },
          { id: "exampleLink", text: "example", url: "http://example.com" },
          { method: "POST", text: "clone", url: "http://lilsis.local/maps/118-satoshi/clone" }
        ],
        settings: {
          is_private: false,
          is_featured: false
        }
      });

      // oli.import(oligrapherDemoData);
    </script>
  </body>
</html>