mapshaper 0.6.118 → 0.6.120
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -0
- package/mapshaper.js +465 -112
- package/package.json +1 -1
- package/www/index.html +1 -1
- package/www/mapshaper-gui.js +202 -22
- package/www/mapshaper.js +465 -112
- package/www/page.css +12 -0
- package/www/sponsor.html +215 -0
package/www/page.css
CHANGED
|
@@ -195,6 +195,18 @@ body.map-view {
|
|
|
195
195
|
.btn.toggle-btn.active {
|
|
196
196
|
background-color: black;
|
|
197
197
|
}
|
|
198
|
+
|
|
199
|
+
#sponsor-btn {
|
|
200
|
+
color: #ffa;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
#sponsor-btn svg {
|
|
204
|
+
width: 12px;
|
|
205
|
+
height: 12px;
|
|
206
|
+
fill: currentColor;
|
|
207
|
+
vertical-align: -1px;
|
|
208
|
+
}
|
|
209
|
+
|
|
198
210
|
.separator {
|
|
199
211
|
border-left: 1px solid white;
|
|
200
212
|
height: 10px;
|
package/www/sponsor.html
ADDED
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<title>Support mapshaper</title>
|
|
7
|
+
<meta name="description" content="Support the development of mapshaper, free open-source software for editing geographic data.">
|
|
8
|
+
<link rel="icon" type="image/png" href="images/icon.png">
|
|
9
|
+
|
|
10
|
+
<style>
|
|
11
|
+
@font-face {
|
|
12
|
+
font-family: 'SourceSans3';
|
|
13
|
+
src: url('assets/SourceSans3-VariableFont_wght.ttf') format('truetype');
|
|
14
|
+
font-display: swap;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
html, body {
|
|
18
|
+
margin: 0;
|
|
19
|
+
padding: 0;
|
|
20
|
+
background-color: #f8fdff;
|
|
21
|
+
font: 16px/1.55 'SourceSans3', Arial, sans-serif;
|
|
22
|
+
color: #333;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
a { color: #10699b; }
|
|
26
|
+
a:hover { color: #1A6A96; }
|
|
27
|
+
|
|
28
|
+
.page-header {
|
|
29
|
+
background-color: #1385B7;
|
|
30
|
+
color: white;
|
|
31
|
+
padding: 0 11px;
|
|
32
|
+
height: 29px;
|
|
33
|
+
display: flex;
|
|
34
|
+
align-items: center;
|
|
35
|
+
justify-content: space-between;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.mapshaper-logo,
|
|
39
|
+
.mapshaper-logo:hover {
|
|
40
|
+
font-weight: 600;
|
|
41
|
+
font-size: 17px;
|
|
42
|
+
color: white;
|
|
43
|
+
text-decoration: none;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.mapshaper-logo .logo-highlight {
|
|
47
|
+
color: #ffa;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.header-back {
|
|
51
|
+
color: white;
|
|
52
|
+
text-decoration: none;
|
|
53
|
+
font-size: 14px;
|
|
54
|
+
height: 29px;
|
|
55
|
+
display: inline-flex;
|
|
56
|
+
align-items: center;
|
|
57
|
+
padding: 0 10px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.header-back:hover {
|
|
61
|
+
background-color: #1A6A96;
|
|
62
|
+
color: white;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
main {
|
|
66
|
+
max-width: 640px;
|
|
67
|
+
margin: 0 auto;
|
|
68
|
+
padding: 40px 24px 80px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
h1 {
|
|
72
|
+
font-weight: 600;
|
|
73
|
+
font-size: 32px;
|
|
74
|
+
margin: 0 0 12px;
|
|
75
|
+
color: #222;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.tagline {
|
|
79
|
+
font-size: 17px;
|
|
80
|
+
color: #555;
|
|
81
|
+
margin: 0 0 32px;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.sponsor-buttons {
|
|
85
|
+
display: flex;
|
|
86
|
+
gap: 12px;
|
|
87
|
+
flex-wrap: wrap;
|
|
88
|
+
margin: 24px 0 12px;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.btn {
|
|
92
|
+
display: inline-block;
|
|
93
|
+
padding: 12px 22px;
|
|
94
|
+
background-color: #1385B7;
|
|
95
|
+
color: white;
|
|
96
|
+
text-decoration: none;
|
|
97
|
+
font-weight: 600;
|
|
98
|
+
font-size: 16px;
|
|
99
|
+
border-radius: 3px;
|
|
100
|
+
transition: background-color 0.15s;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.btn:hover {
|
|
104
|
+
background-color: #1A6A96;
|
|
105
|
+
color: white;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.btn.btn-secondary {
|
|
109
|
+
background-color: #444;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.btn.btn-secondary:hover {
|
|
113
|
+
background-color: #222;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.sponsor-note {
|
|
117
|
+
font-size: 14px;
|
|
118
|
+
color: #666;
|
|
119
|
+
margin: 0 0 32px;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
h2 {
|
|
123
|
+
font-weight: 600;
|
|
124
|
+
font-size: 20px;
|
|
125
|
+
margin: 32px 0 12px;
|
|
126
|
+
color: #222;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
ul.support-list {
|
|
130
|
+
padding-left: 20px;
|
|
131
|
+
margin: 8px 0 24px;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
ul.support-list li {
|
|
135
|
+
margin-bottom: 6px;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.feedback-cta {
|
|
139
|
+
background-color: #fff;
|
|
140
|
+
border-left: 3px solid #1385B7;
|
|
141
|
+
padding: 14px 18px;
|
|
142
|
+
margin: 24px 0;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.signature {
|
|
146
|
+
margin-top: 32px;
|
|
147
|
+
color: #555;
|
|
148
|
+
font-style: italic;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.footer-note {
|
|
152
|
+
margin-top: 48px;
|
|
153
|
+
padding-top: 24px;
|
|
154
|
+
border-top: 1px solid #e0e8ec;
|
|
155
|
+
font-size: 14px;
|
|
156
|
+
color: #777;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
@media (max-width: 480px) {
|
|
160
|
+
main { padding: 24px 18px 60px; }
|
|
161
|
+
h1 { font-size: 26px; }
|
|
162
|
+
.sponsor-buttons { flex-direction: column; align-items: stretch; }
|
|
163
|
+
.btn { text-align: center; }
|
|
164
|
+
}
|
|
165
|
+
</style>
|
|
166
|
+
</head>
|
|
167
|
+
<body>
|
|
168
|
+
|
|
169
|
+
<header class="page-header">
|
|
170
|
+
<a href="index.html" class="mapshaper-logo">map<span class="logo-highlight">shaper</span></a>
|
|
171
|
+
<a href="index.html" class="header-back">← Back to mapshaper</a>
|
|
172
|
+
</header>
|
|
173
|
+
|
|
174
|
+
<main>
|
|
175
|
+
|
|
176
|
+
<h1>Support mapshaper</h1>
|
|
177
|
+
|
|
178
|
+
<p class="tagline">Mapshaper is free, open-source software for editing geographic data — used worldwide for everything from classroom exercises to professional map work.</p>
|
|
179
|
+
|
|
180
|
+
<div class="sponsor-buttons">
|
|
181
|
+
<a href="https://ko-fi.com/mapshaper" class="btn">Support via Ko-fi</a>
|
|
182
|
+
<a href="https://github.com/sponsors/mbloch" class="btn btn-secondary">Sponsor on GitHub</a>
|
|
183
|
+
</div>
|
|
184
|
+
|
|
185
|
+
<p class="sponsor-note">Ko-fi accepts one-time or recurring contributions — no account required. GitHub Sponsors offers recurring sponsorship.</p>
|
|
186
|
+
|
|
187
|
+
<h2>What your contribution supports</h2>
|
|
188
|
+
<ul class="support-list">
|
|
189
|
+
<li>Development time — bug fixes, new features, performance improvements</li>
|
|
190
|
+
<li>Responding to user issues and requests</li>
|
|
191
|
+
</ul>
|
|
192
|
+
|
|
193
|
+
<h2>Recent work</h2>
|
|
194
|
+
<ul class="support-list">
|
|
195
|
+
<li><strong>GeoPackage</strong> import and export</li>
|
|
196
|
+
<li><strong>FlatGeobuf</strong> import and export</li>
|
|
197
|
+
<li><strong>SVG import</strong> — for round-tripping maps originally exported from Mapshaper</li>
|
|
198
|
+
<li><strong>Performance improvements</strong> for large datasets</li>
|
|
199
|
+
</ul>
|
|
200
|
+
<p><a href="https://github.com/mbloch/mapshaper/blob/master/CHANGELOG.md">See the full changelog →</a></p>
|
|
201
|
+
|
|
202
|
+
<div class="feedback-cta">
|
|
203
|
+
<strong>Want to help shape the roadmap?</strong> Take a <a href="https://tally.so/r/44Njok">one-minute survey</a> and tell me what you'd like to see improved.
|
|
204
|
+
</div>
|
|
205
|
+
|
|
206
|
+
<p class="signature">— Matthew Bloch, maintainer</p>
|
|
207
|
+
|
|
208
|
+
<div class="footer-note">
|
|
209
|
+
Mapshaper’s basemap services are generously provided by <a href="https://www.mapbox.com">Mapbox</a>.
|
|
210
|
+
</div>
|
|
211
|
+
|
|
212
|
+
</main>
|
|
213
|
+
|
|
214
|
+
</body>
|
|
215
|
+
</html>
|