51 lines
2.3 KiB
HTML
51 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Interaction Diagrams for Syndicated Actors</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="style.css" rel="stylesheet">
|
|
<script src="node_modules/@preserves/core/dist/preserves.js"></script>
|
|
<script src="node_modules/@syndicate-lang/core/dist/syndicate.js"></script>
|
|
<script src="node_modules/@syndicate-lang/html/dist/syndicate-html.js"></script>
|
|
<script src="node_modules/@syndicate-lang/ws-relay/dist/syndicate-ws-relay.js"></script>
|
|
<script src="index.js"></script>
|
|
</head>
|
|
<body>
|
|
<p>Interaction Diagrams for Syndicated Actors</p>
|
|
<div id="container">
|
|
<svg id="playground" viewBox="0 0 100 100" width="100" height="100">
|
|
<g id="underlay"></g>
|
|
<g id="overlay"></g>
|
|
|
|
<!-- <text x="20" y="20" style="white-space: pre;">Hello world! -->
|
|
<!-- blahhhh -->
|
|
<!-- noodles -->
|
|
<!-- I am a banana.</text> -->
|
|
|
|
<!-- <rect x="-33" y="100" width="100" height="100" style="fill: pink;"></rect> -->
|
|
|
|
<!-- <rect x="100" y="100" width="100" height="100" style="fill: #ff00ff;"></rect> -->
|
|
|
|
<!-- <rect x="100" y="300" width="100" height="100" style="fill: pink;"></rect> -->
|
|
<!-- <rect x="100" y="500" width="100" height="100"></rect> -->
|
|
<!-- <rect x="100" y="700" width="100" height="100"></rect> -->
|
|
<!-- <rect x="100" y="900" width="100" height="100"></rect> -->
|
|
<!-- <rect x="100" y="1100" width="100" height="100"></rect> -->
|
|
<!-- <rect x="100" y="1300" width="100" height="100"></rect> -->
|
|
<!-- <rect x="100" y="1500" width="100" height="100"></rect> -->
|
|
|
|
<!-- <rect x="300" y="100" width="100" height="100" style="fill: blue;"></rect> -->
|
|
<!-- <rect x="500" y="100" width="100" height="100" style="fill: orange;"></rect> -->
|
|
<!-- <rect x="700" y="100" width="100" height="100" style="fill: orange;"></rect> -->
|
|
<!-- <rect x="900" y="100" width="100" height="100" style="fill: #ffaaff;"></rect> -->
|
|
<!-- <rect x="1100" y="100" width="100" height="100" style="fill: #f00;"></rect> -->
|
|
<!-- <rect x="1300" y="100" width="100" height="100"></rect> -->
|
|
<!-- <rect x="1500" y="100" width="100" height="100"></rect> -->
|
|
|
|
</svg>
|
|
</div>
|
|
<script>Main.main();</script>
|
|
</body>
|
|
</html>
|