-
Notifications
You must be signed in to change notification settings - Fork 30
Expand file tree
/
Copy pathindex.html
More file actions
159 lines (145 loc) · 7.42 KB
/
Copy pathindex.html
File metadata and controls
159 lines (145 loc) · 7.42 KB
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>spritemate - the Commodore 64 sprite editor by awsm</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="Description" content="spritemate is a free online editor for Commodore 64 sprites." />
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet" />
<!-- Favicon and manifest -->
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png" />
<link rel="manifest" href="favicon/manifest.json" />
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5" />
<link rel="stylesheet" href="css/spritemate.css">
<!-- Main application script -->
<script type="module" src="./src/js/App.ts"></script>
</head>
<body>
<div id="container">
<div id="menubar">
<div id="menubar-filename" class="dropbtn">
File: <input type="text" id="menubar-filename-input" value="mysprites" maxlength="50">
</div>
<ul>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">Spritemate</a>
<div class="dropdown-content">
<a id="menubar-info">About</a>
<a id="menubar-settings">Settings</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">File</a>
<div class="dropdown-content">
<a id="menubar-new">New Project<span class="hotkey"></span></a>
<a id="menubar-load">Open Project (*.spm, *.spd)<span class="hotkey"></span></a>
<hr>
<a id="menubar-import-png">Import Image or Spritesheet (*.png)</a>
<a id="menubar-import">Import VICE Snapshot (*.vsf)</a>
<hr>
<a id="menubar-save-spm">Save Project (*.spm)</a>
<a id="menubar-save-spd">Save SpritePad 2.0</a>
<a id="menubar-save-spd-old">Save SpritePad 1.8.1</a>
<hr>
<div class="submenu-item">
<a>Export...<span class="submenu-arrow">›</span></a>
<div class="submenu-content">
<div class="submenu-item">
<a>Assembly Code<span class="submenu-arrow">›</span></a>
<div class="submenu-content">
<a id="menubar-export-kick-hex">KICK ASS (hex notation)</a>
<a id="menubar-export-kick-binary">KICK ASS (binary notation)</a>
<a id="menubar-export-acme-hex">ACME (hex notation)</a>
<a id="menubar-export-acme-binary">ACME (binary notation)</a>
</div>
</div>
<a id="menubar-export-basic">BASIC Code</a>
<div class="submenu-item">
<a>Image<span class="submenu-arrow">›</span></a>
<div class="submenu-content">
<a id="menubar-export-png-current">Single Sprite (24x21, *.png)</a>
<a id="menubar-export-png-all">All Sprites (*.zip)</a>
<a id="menubar-export-spritesheet">Spritesheet (*.png)...</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">Edit</a>
<div class="dropdown-content">
<a id="menubar-undo">Undo<span class="hotkey">Ctrl+Z</span></a>
<a id="menubar-redo">Redo<span class="hotkey">Ctrl+Shift+Z</span></a>
<hr />
<a id="menubar-new-sprite">New Sprite<span class="hotkey">Ctrl+N</span></a>
<a id="menubar-copy">Copy Sprite<span class="hotkey">Ctrl+C</span></a>
<a id="menubar-paste">Paste Sprite<span class="hotkey">Ctrl+V</span></a>
<a id="menubar-duplicate">Duplicate Sprite<span class="hotkey">Ctrl+D</span></a>
<hr />
<a id="menubar-kill">Delete Sprite<span class="hotkey">Ctrl+Del</span></a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">Sprite</a>
<div class="dropdown-content">
<a id="menubar-colormode">Toggle Single/Multi Color<span class="hotkey">c</span></a>
<hr />
<a id="menubar-shift-left">Shift Left<span class="hotkey"></span></a>
<a id="menubar-shift-right">Shift Right<span class="hotkey"></span></a>
<a id="menubar-shift-up">Shift Up<span class="hotkey"></span></a>
<a id="menubar-shift-down">Shift Down<span class="hotkey"></span></a>
<hr />
<a id="menubar-flip-horizontal">Flip Horizontal<span class="hotkey"></span></a>
<a id="menubar-flip-vertical">Flip Vertical<span class="hotkey"></span></a>
<hr />
<a id="menubar-stretch-x">Double Width<span class="hotkey"></span></a>
<a id="menubar-stretch-y">Double Height<span class="hotkey"></span></a>
<hr />
<a id="menubar-invert">Invert<span class="hotkey">Ctrl+I</span></a>
<hr />
<a id="menubar-overlay">Toggle Overlay<span class="hotkey"></span></a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">View</a>
<div class="dropdown-content">
<a id="menubar-animation" class="has-checkmark"><span class="checkmark">✓</span>Animation Window</a>
<a id="menubar-playfield" class="has-checkmark"><span class="checkmark">✓</span>Playfield Window</a>
<a id="menubar-monitor" class="has-checkmark"><span class="checkmark">✓</span>VICE Snapshot Monitor</a>
<hr />
<a id="menubar-fullscreen">Toggle Fullscreen<span class="hotkey">Ctrl+F</span></a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">Help</a>
<div class="dropdown-content">
<a href="https://github.com/Esshahn/spritemate" target="_blank">README on github<span class="hotkey"></span></a>
<a href="http://beta.spritemate.com" target="_blank">beta.spritemate.com<span class="hotkey"></span></a>
<hr>
<a href="https://dis.awsm.de" target="_blank">
disawsm 6502 disassembler<span class="hotkey"></span>
</a>
<a href="https://mem64.awsm.de/" target="_blank">
C64 Memory Map<span class="hotkey"></span>
</a>
<a href="http://www.awsm.de" target="_blank">www.awsm.de<span class="hotkey"></span></a>
<a href="https://csdb.dk/scener/?id=27239" target="_blank">awsm on csdb.dk<span class="hotkey"></span></a>
</div>
</li>
</ul>
</div>
<div id="dialog-confirm" title="New File">
All current data will be erased. Are you sure?
</div>
<div id="app"></div>
<div id="statusbar">
<div id="statustext"></div>
</div>
<div id="custom-tooltip"></div>
</div>
</body>
</html>