forked from maxwellito/triangulart
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
174 lines (149 loc) · 10.3 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
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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<html>
<head>
<!-- Head (banging?) -->
<title>triangulart - isometric graphic editor</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="assets/favicon.ico">
<meta name="theme-color" content="#f9f9f9">
<link rel="manifest" href="manifest.json">
<!-- Add to home screen for Safari on iOS -->
<link rel="apple-touch-icon" href="assets/icons/ios-180x180.png">
<link rel="apple-touch-startup-image" href="assets/ios-startup/startup-640x1136.png" media="device-width: 375px">
<link rel="apple-touch-startup-image" href="assets/ios-startup/startup-1080x1920.png" media="device-width: 414px">
<link rel="apple-touch-startup-image" href="assets/ios-startup/startup-640x1136.png" media="(device-width: 320px) and (device-height: 568px)">
<link rel="apple-touch-startup-image" href="assets/ios-startup/startup-640x960.png" media="(device-width: 320px) and (device-height: 480px)">
<meta name="apple-mobile-web-app-title" content="Triangulart">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="768">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<meta name="msapplication-TileImage" content="assets/icons/icon-144x144.png">
<meta name="msapplication-TileColor" content="#f9f9f9">
<!-- Le style -->
<link rel="stylesheet" href="style.css" media="screen" charset="utf-8">
</head>
<body>
<div id="app">
<app></app>
</div>
<!-- Preview trigger -->
<style type="text/css">
.playground svg.preview path {stroke: none;}
.playground path {stroke: currentColor;}
</style>
<!-- Le symbols -->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="action-import" viewBox="0 0 48 48">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" >
<polyline points="30,14 38,14 38,35 30,43 10,43 10,14 18,14"/>
<polyline points="38,35 30,35 30,43"/>
<polyline points="18,9 24,3 30,9"/>
<line x1="24" y1="3" x2="24" y2="25"/>
</g>
</symbol>
<symbol id="action-floppydisk" viewBox="0 0 48 48">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" >
<polygon points="42,42 6,42 6,6 36,6 42,12"/>
<rect x="15" y="6" width="18" height="12"/>
<rect x="10" y="22" width="28" height="20"/>
<rect x="26" y="9" width="4" height="6"/>
</g>
</symbol>
<symbol id="action-add" viewBox="0 0 48 48">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" >
<polygon points="14,41 4,24 14,7 34,7 44,24 34,41"/>
<line x1="17" y1="24" x2="31" y2="24"/>
<line x1="24" y1="31" x2="24" y2="17"/>
</g>
</symbol>
<symbol id="icon-github" viewBox="0 0 128 128">
<path fill="currentColor" d="M115.9,35.4c-5.3-9.2-12.6-16.5-21.8-21.8c-9.2-5.4-19.2-8-30.1-8c-10.9,0-20.9,2.7-30.1,8C24.7,18.9,17.4,26.2,12,35.4 c-5.3,9.2-8,19.3-8,30.1c0,13.1,3.8,24.9,11.4,35.3c7.7,10.4,17.5,17.7,29.6,21.7c1.4,0.3,2.5,0.1,3.1-0.5c0.7-0.6,1-1.4,1-2.4 v-4.2l-0.1-7l-1.8,0.3c-1.1,0.3-2.6,0.3-4.4,0.3c-1.7,0-3.6-0.2-5.4-0.5c-1.9-0.3-3.6-1.1-5.3-2.3c-1.6-1.2-2.7-2.8-3.4-4.8 L28,99.5c-0.5-1.2-1.3-2.5-2.5-4c-1.1-1.5-2.2-2.5-3.4-3l-0.5-0.4c-0.4-0.3-0.7-0.5-1-0.9c-0.3-0.4-0.5-0.7-0.7-1.1 c-0.1-0.4,0-0.7,0.4-0.9c0.4-0.3,1.2-0.4,2.2-0.4l1.6,0.3c1,0.2,2.3,0.8,3.8,1.8c1.6,1,2.8,2.4,3.8,4.1c1.2,2.1,2.6,3.7,4.3,4.8 c1.7,1.1,3.4,1.6,5.1,1.6c1.7,0,3.2-0.1,4.5-0.4c1.2-0.2,2.4-0.6,3.5-1.1c0.5-3.5,1.8-6.2,3.8-8c-3-0.3-5.6-0.8-8-1.4 c-2.4-0.7-4.8-1.6-7.3-3.1c-2.5-1.4-4.7-3.1-6.3-5.2c-1.6-2.1-3-4.8-4.1-8.2c-1.1-3.4-1.6-7.3-1.6-11.7c0-6.3,2.1-11.7,6.2-16.1 c-1.9-4.7-1.8-10,0.5-16c1.5-0.4,3.7-0.1,6.7,1.1c3,1.2,5.1,2.2,6.5,3c1.4,0.8,2.5,1.5,3.3,2.1c4.8-1.4,9.9-2,15-2 c5.1,0,10.1,0.7,15,2l3-1.9c2-1.3,4.4-2.5,7.2-3.5c2.7-1,4.9-1.4,6.3-0.8c2.4,5.9,2.6,11.2,0.7,15.9c4.1,4.5,6.2,9.9,6.2,16.1 c0,4.4-0.5,8.3-1.6,11.8c-1,3.4-2.4,6.1-4.1,8.2c-1.7,2-3.8,3.8-6.3,5.1c-2.6,1.5-5,2.5-7.4,3.1c-2.4,0.6-5,1.1-8,1.4 c2.7,2.4,4.1,6.1,4.1,11.1v16.5c0,0.9,0.3,1.7,1,2.4c0.7,0.6,1.6,0.8,3.1,0.5c12-4,21.9-11.2,29.6-21.7 c7.7-10.4,11.4-22.2,11.4-35.3C124,54.7,121.3,44.6,115.9,35.4L115.9,35.4z"/>
</symbol>
<symbol id="icon-eraser" viewBox="0 0 48 48">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10">
<line fill="none" stroke="currentColor" x1="4" y1="41" x2="25.001" y2="41"/>
<path fill="currentColor" d="M18.64,8.42c1.168-1.17,3.06-1.17,4.23,0l10.59,10.62L16.51,35.99L5.92,25.37 c-1.17-1.17-1.17-3.06,0-4.23L18.64,8.42z"/>
<path fill="none" stroke="currentColor" d="M44.08,29.63 c1.171,1.167,1.171,3.06,0,4.229L36.973,41H21.521l-5.011-5.01L5.92,25.37c-1.17-1.17-1.17-3.06,0-4.23L18.64,8.421 c1.168-1.17,3.06-1.17,4.23,0l10.59,10.62L44.08,29.63z"/>
</g>
</symbol>
<symbol id="icon-hand" viewBox="0 0 48 48">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10" d="
M37.655,9.927c-1.294,0-2.346,1.05-2.346,2.345v10.166c0,0.433-0.349,0.781-0.782,0.781c-0.431,0-0.78-0.348-0.78-0.781V7.582
c0-1.295-1.053-2.345-2.346-2.345c-1.298,0-2.346,1.05-2.346,2.345v13.292c0,0.43-0.35,0.782-0.781,0.782
c-0.433,0-0.782-0.352-0.782-0.782V6.018c0-1.295-1.052-2.345-2.346-2.345c-1.298,0-2.348,1.05-2.348,2.345v14.855
c0,0.43-0.349,0.782-0.781,0.782c-0.433,0-0.782-0.352-0.782-0.782V9.145c0-1.295-1.05-2.345-2.345-2.345s-2.345,1.05-2.345,2.345
V28.69l-3.167-4.331c-0.938-1.449-2.769-1.933-4.111-1.104c-1.336,0.849-1.668,2.701-0.742,4.141c0,0,5.106,7.728,7.284,11.037
c2.176,3.31,5.703,5.895,12.294,5.895C39.024,44.327,40,35.896,40,33.381c0-2.512,0-21.109,0-21.109
C40,10.977,38.948,9.927,37.655,9.927z"/>
</symbol>
<symbol id="icon-fullscreen" viewBox="0 0 48 48">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10">
<rect x="3" y="9" width="42" height="30"/>
<rect x="3" y="24" width="21" height="15"/>
</g>
</symbol>
<symbol id="icon-download" viewBox="0 0 48 48">
<polygon fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="42,21 33,21 33,7 15,7 15,21 6,21 24,41"/>
</symbol>
<symbol id="icon-preview" viewBox="0 0 48 48">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10">
<path d="M24,11 C11.849,11,2,24,2,24s9.849,13,22,13c12.15,0,22-13,22-13S36.15,11,24,11z"/>
<circle cx="24" cy="24" r="9"/>
</g>
</symbol>
<symbol id="icon-pen" viewBox="0 0 48 48">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10">
<polygon points="40.43,28.915 43.5,43.491 28.923,40.422 9.363,20.861 20.871,9.355"/>
<path d="M8.971,20.487l-3.837-3.836 c-0.846-0.846-0.846-2.222,0-3.068l8.439-8.438c0.847-0.848,2.221-0.848,3.069,0l3.834,3.835"/>
<polyline points="32.368,37.746 12.423,17.803 17.792,12.433 37.739,32.377 "/>
<path d="M31.985,37.363c-1.092-1.091-2.66-1.286-3.507-0.439c-0.85,0.851-0.654,2.419,0.437,3.506"/>
<path d="M40.422,28.923c-1.088-1.087-2.66-1.282-3.508-0.435c-0.846,0.846-0.65,2.414,0.441,3.506"/>
<path d="M37.355,31.994c-1.273-1.274-3.505-1.1-4.987,0.383c-1.483,1.483-1.656,3.715-0.383,4.986"/>
<path fill="currentColor" d="M42.068,36.695c-1.305,0.212-2.559,0.813-3.563,1.817c-0.999,1-1.601,2.247-1.815,3.544l6.811,1.435 L42.068,36.695z"/>
<line x1="7.437" y1="18.953" x2="18.942" y2="7.447"/>
</g>
</symbol>
<symbol id="icon-picker" viewBox="0 0 48 48">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10">
<path stroke="none" fill="currentColor" d="M14.777,7.736L14.07,8.444l-3.536-3.536c-1.17-1.17-3.073-1.17-4.243,0L4.877,6.322
c-1.17,1.17-1.17,3.073,0,4.243l3.536,3.536l-0.708,0.707c-0.781,0.781-0.781,2.047,0,2.829l2.829,2.828
c0.781,0.781,2.047,0.781,2.829,0l7.071-7.071c0.781-0.781,0.781-2.047,0-2.829l-2.828-2.829
C16.824,6.956,15.558,6.956,14.777,7.736z"/>
<line x1="35.99" y1="40.264" x2="40.232" y2="36.021"/>
<path d="M43.414,41.324l-1.061-1.061c0.588-0.587,0.588-1.534,0-2.121L9.827,5.615c-0.781-0.781-2.047-0.781-2.829,0L5.584,7.029 c-0.781,0.781-0.781,2.047,0,2.829l32.527,32.527c0.586,0.587,1.533,0.587,2.121,0c0,0,1.061,1.057,1.061,1.061"/>
</g>
</symbol>
<symbol id="icon-selection" viewBox="0 0 48 48">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="3,13 3,9 7,9"/>
<line stroke-dasharray="6.8,3.4" x1="10.4" y1="9" x2="39.3" y2="9"/>
<polyline points="41,9 45,9 45,13"/>
<line stroke-dasharray="6.2857,3.1429" x1="45" y1="16.143" x2="45" y2="33.429"/>
<polyline points="45,35 45,39 41,39"/>
<line stroke-dasharray="6.8,3.4" x1="37.6" y1="39" x2="8.7" y2="39"/>
<polyline points="7,39 3,39 3,35"/>
<line stroke-dasharray="6.2857,3.1429" x1="3" y1="31.857" x2="3" y2="14.571"/>
</g>
</symbol>
<symbol id="icon-undo" viewBox="0 0 48 48">
<g stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path fill="none" d="M10,24 c0-8.836,7.164-16,16-16s16,7.164,16,16s-7.164,16-16,16"/>
<polygon fill="currentColor" points="16,24 10,30 4,24"/>
</g>
</symbol>
<symbol id="icon-maxwellito" viewBox="0 0 120 122">
<polyline fill="currentColor" points="30,0 60,17.33 40,28.88 60,40.43 80,28.88 60,17.33 90,0 120,17.33 120,51.98 90,69.29 90,46.20 70,57.75 70,80.84 90,69.29 90,103.93 60,121.26 30,103.93 30,69.29 50,80.84 50,57.75 30,46.2 30,69.29 0,51.98 0,17.33" />
</symbol>
</svg>
<!-- Le script -->
<script src="dist/build.js"></script>
<script>
// Set up service worker
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js', {scope: '.'});
}
</script>
</body>
</html>