GridDisplayEditor_Standalone/index.html at main · Goodgui/GridDisplayEditor_Standalone · GitHub

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
66
67
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Character Grid</title>
	<link rel="stylesheet" href="GridDisplayEditor.css">
</head>

<body>
	<!-- Top Toolbar -->
	<table id="toolbar">
	</table>

	<!-- main grid -->
	<div id="grid-wrapper">
		<div id="layer1" class="grid-container" style="z-index: 1;"></div>
		<div id="layer2" class="grid-container" style="z-index: 2;"></div>
		<div id="layer3" class="grid-container" style="z-index: 3;"></div>
	</div>

	<div id="clear-modal" class="modal">
		<div class="modal-content">
			<p>Are you sure you want to clear all layers?</p>
			<div id="button-container">
				<button id="clear-confirm-neg">Yes</button>
				<button id="clear-confirm-pos">No</button>
			</div>
		</div>
	</div>

	<div id="import-modal" class="modal">
		<div class="modal-content">
			<p>Import formatting?</p>
			<div id="button-container">
				<button id="standalone-import-confirm-pos">Standalone</button>
				<button id="SPINE-import-confirm-pos">SPINE</button>
				<button id="import-confirm-neg">Cancel</button>
			</div>
		</div>
	</div>

	<div id="export-modal" class="modal">
		<div class="modal-content">
			<p>How do you want to export?</p>
			<div id="button-container">
				<button id="raw-export-confirm-pos">Raw</button>
				<button id="compressed-export-confirm-pos">Compressed</button>
				<button id="SPINE-export-confirm-pos">SPINE</button>
				<button id="export-confirm-neg">Cancel</button>

			</div>
		</div>
	</div>

	<div class="made-by">
		version 3.1_S | Made By Goodgu | <a href="https://github.com/Goodgui/GridDisplayEditor_Standalone" target="_blank" rel="noopener noreferrer" style="color: #fff; text-decoration: underline;">View onGitHub</a>
    </div>

	<script src="ToolBars.js"></script>
	<script src="ImportExport.js"></script>
	<script src="UserInput.js"></script>
	<script src="Selection.js"></script>
	<script src="Main.js"></script>
</body>

</html>