bpmn-js/example/viewer.html

46 lines
1.2 KiB
HTML

<html>
<head>
<title>bpmn-js demo</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="app.css" />
<link rel="stylesheet" href="diagram-js.css" />
<link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css" />
</head>
<body>
<div class="content" id="js-drop-zone">
<div class="message intro">
<div class="note">
Drop BPMN diagram from your desktop or <a id="js-create-diagram" href>create a new diagram</a> to get started.
</div>
</div>
<div class="message error">
<div class="note">
<p>Ooops, we could not display the BPMN 2.0 diagram.</p>
<div class="details">
<span>cause of the problem</span>
<pre></pre>
</div>
</div>
</div>
<div class="canvas" id="js-canvas"></div>
</div>
<div class="logo"></div>
<div class="buttons">
<a id="js-download-diagram" href>
<i class="fa fa-download fa-3"></i>
</a>
</div>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="../bpmn.js"></script>
<script src="app.js"></script>
</html>