-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
65 lines (63 loc) · 2.98 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSDE</title>
<link rel="stylesheet" type="text/css" href="./node_modules/jointjs/dist/joint.css" />
<link rel="stylesheet" type="text/css" href="./node_modules/jquery-contextmenu/dist/jquery.contextMenu.css" />
<link rel="stylesheet" type="text/css" href="./csde.css" />
<script>
if (typeof module === 'object') { window.module = module; module = undefined; }
</script>
<script src="./node_modules/jquery/dist/jquery.js" charset="utf-8"></script>
<script src="./node_modules/jquery-contextmenu/dist/jquery.contextMenu.js" charset="utf-8"></script>
<script src="./node_modules/lodash/lodash.js" charset="utf-8"></script>
<script src="./node_modules/backbone/backbone.js" charset="utf-8"></script>
<script src="./node_modules/jointjs/dist/joint.js" charset="utf-8"></script>
<script src="./node_modules/node-vibrant/dist/vibrant.js" charset="utf-8"></script>
<script>
if (window.module) { module = window.module; }
</script>
<script src="lib/autoresize.jquery.js" charset="utf-8"></script>
<script src="./csde.js" charset="utf-8"></script>
</head>
<div id="notifications"></div>
<div id="filename">
<input type="text" id="filename-textbox" placeholder="Scene name..."><input id="filename-button" type="button" value="Save">
</div>
<div id="container">
<div id="paper"></div>
</div>
<div id="drop-menu"></div>
<div id="context-menu-container"></div>
<script type="text/javascript">
const CHARACTERS = [
{ "name": "Alexsi", "url": "alexsi.png" },
{ "name": "Alexsia", "url": "alexsia.png" },
{ "name": "Benediktas", "url": "benediktas.png" },
{ "name": "Cynthia", "url": "cynthia.png", "main": true },
{ "name": "Danielle", "url": "danielle.png", "color": { hue: 120, lightness: 40, saturation: 84 } },
{ "name": "Ditri", "url": "ditri.png" },
{ "name": "Dragon", "url": "dragon.png" },
{ "name": "Esteban", "url": "esteban.png" },
{ "name": "Guy", "url": "guy.png" },
{ "name": "Han Seon", "url": "han_seon.png" },
{ "name": "Hayate", "url": "hayate.png" },
{ "name": "Helmut", "url": "helmut.png" },
{ "name": "Hoglan", "url": "hoglan.png" },
{ "name": "Judah", "url": "judah.png" },
{ "name": "Maxim", "url": "maxim.png" },
{ "name": "Michael", "url": "michael.png" },
{ "name": "Nanu", "url": "nanu.png" },
{ "name": "Nora", "url": "nora.png" },
{ "name": "Prussia", "url": "prussia.png" },
{ "name": "Samira", "url": "samira.png" },
{ "name": "Snake", "url": "snake.png" },
{ "name": "TripXerx", "url": "tripxerx.png" },
{ "name": "Valarie", "url": "valarie.png" },
];
csde.addCharacters(CHARACTERS);
csde.start($('div#container'), {width: 16000, height: 8000});
</script>
</body>
</html>