@projektemacher/storymapjs 0.10.0 → 0.10.1
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/dist/assets/StoryMap-DfOsbas5.js +73210 -0
- package/dist/assets/inline-module-2b330113b20eafd6e990d6ef180c88e5-BMhN-4Uq.js +39 -0
- package/dist/assets/inline-module-db3380fceae79410283f1d14e171ef50-DplS5Rg5.js +18 -0
- package/dist/assets/site--MHTHqWG.js +68 -0
- package/dist/css/storymap.css +11 -2
- package/dist/demo.html +23 -11
- package/dist/harness.html +23 -11
- package/dist/index.html +34 -79
- package/dist/js/storymap.d.ts +1357 -0
- package/dist/js/storymap.js +72661 -25237
- package/dist/js/storymap.js.map +1 -1
- package/package.json +17 -4
- package/dist/assets/demo-DYodj6d7.js +0 -1
- package/dist/assets/harness-UkbbPmC4.js +0 -1
- package/dist/assets/index-DDsPBPZA.js +0 -1
- package/dist/assets/main-BDSRsIiB.js +0 -17
- package/dist/assets/main-Bzm6THVj.css +0 -1
- package/dist/assets/modulepreload-polyfill-P2Xu9kJm.js +0 -1
- package/dist/css/icons/vco-icons.eot +0 -0
- package/dist/css/icons/vco-icons.svg +0 -63
package/dist/index.html
CHANGED
|
@@ -1,16 +1,10 @@
|
|
|
1
|
-
<!
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
1
|
+
<!DOCTYPE html><html lang="en"><head>
|
|
2
|
+
<meta charset="utf-8">
|
|
3
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
4
|
<title>StoryMapJS</title>
|
|
7
|
-
<meta
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
/>
|
|
11
|
-
<link rel="stylesheet" href="./site.css" />
|
|
12
|
-
<script type="module" crossorigin src="./assets/index-DDsPBPZA.js"></script>
|
|
13
|
-
<link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
|
|
5
|
+
<meta name="description" content="Maps that tell stories. StoryMapJS is a viewer for place-based slide stories, built on OpenLayers.">
|
|
6
|
+
<link rel="stylesheet" href="./site.css">
|
|
7
|
+
|
|
14
8
|
</head>
|
|
15
9
|
|
|
16
10
|
<body class="sm-site">
|
|
@@ -22,23 +16,13 @@
|
|
|
22
16
|
</ul>
|
|
23
17
|
<ul class="nav-right">
|
|
24
18
|
<li>
|
|
25
|
-
<a
|
|
26
|
-
class="button button-dark button-active"
|
|
27
|
-
href="https://github.com/cmahnke/StoryMapJS"
|
|
28
|
-
>GitHub</a
|
|
29
|
-
>
|
|
19
|
+
<a class="button button-dark button-active" href="https://github.com/cmahnke/StoryMapJS">GitHub</a>
|
|
30
20
|
</li>
|
|
31
21
|
<li>
|
|
32
|
-
<a
|
|
33
|
-
class="button button-dark"
|
|
34
|
-
href="https://github.com/cmahnke/StoryMapJS/issues"
|
|
35
|
-
>Issues</a
|
|
36
|
-
>
|
|
22
|
+
<a class="button button-dark" href="https://github.com/cmahnke/StoryMapJS/issues">Issues</a>
|
|
37
23
|
</li>
|
|
38
24
|
<li>
|
|
39
|
-
<a class="button button-dark" href="https://github.com/NUKnightLab/StoryMapJS"
|
|
40
|
-
>Upstream</a
|
|
41
|
-
>
|
|
25
|
+
<a class="button button-dark" href="https://github.com/NUKnightLab/StoryMapJS">Upstream</a>
|
|
42
26
|
</li>
|
|
43
27
|
</ul>
|
|
44
28
|
</nav>
|
|
@@ -67,12 +51,7 @@
|
|
|
67
51
|
<!-- The widget runs in its own document: its CSS can never mix
|
|
68
52
|
with the page chrome (and vice versa). -->
|
|
69
53
|
<section id="demo" class="container-fluid">
|
|
70
|
-
<iframe
|
|
71
|
-
class="demo-frame"
|
|
72
|
-
id="demo-frame"
|
|
73
|
-
src="./demo.html"
|
|
74
|
-
title="StoryMapJS demo"
|
|
75
|
-
></iframe>
|
|
54
|
+
<iframe class="demo-frame" id="demo-frame" src="./demo.html" title="StoryMapJS demo"></iframe>
|
|
76
55
|
</section>
|
|
77
56
|
|
|
78
57
|
<section id="overview" class="section container">
|
|
@@ -81,9 +60,7 @@
|
|
|
81
60
|
<p class="note">
|
|
82
61
|
<strong>Unofficial fork:</strong> this is an unofficial, unapproved fork
|
|
83
62
|
of the original
|
|
84
|
-
<a href="https://github.com/NUKnightLab/StoryMapJS"
|
|
85
|
-
>NUKnightLab/StoryMapJS</a
|
|
86
|
-
>
|
|
63
|
+
<a href="https://github.com/NUKnightLab/StoryMapJS">NUKnightLab/StoryMapJS</a>
|
|
87
64
|
repository and a proof of concept for an AI-based renovation using the
|
|
88
65
|
model GLM 5.3 Flash. It is not endorsed by Northwestern University
|
|
89
66
|
Knight Lab.
|
|
@@ -113,9 +90,7 @@
|
|
|
113
90
|
<strong>IIIF Image API</strong>.
|
|
114
91
|
</p>
|
|
115
92
|
<p class="text-align-center">
|
|
116
|
-
<a class="button button-small" href="./docs/iiif.html"
|
|
117
|
-
>Learn more about IIIF</a
|
|
118
|
-
>
|
|
93
|
+
<a class="button button-small" href="./docs/iiif.html">Learn more about IIIF</a>
|
|
119
94
|
</p>
|
|
120
95
|
</li>
|
|
121
96
|
</ul>
|
|
@@ -176,12 +151,9 @@
|
|
|
176
151
|
<p class="note">
|
|
177
152
|
<strong>Find a bug?</strong> If you are confident you have found a bug,
|
|
178
153
|
please report it as
|
|
179
|
-
<a href="https://github.com/cmahnke/StoryMapJS/issues">a GitHub issue</a
|
|
180
|
-
>. Be sure to include detailed instructions on how to reproduce it.
|
|
154
|
+
<a href="https://github.com/cmahnke/StoryMapJS/issues">a GitHub issue</a>. Be sure to include detailed instructions on how to reproduce it.
|
|
181
155
|
Upstream bugs go to
|
|
182
|
-
<a href="https://github.com/NUKnightLab/StoryMapJS/issues"
|
|
183
|
-
>NUKnightLab/StoryMapJS</a
|
|
184
|
-
>.
|
|
156
|
+
<a href="https://github.com/NUKnightLab/StoryMapJS/issues">NUKnightLab/StoryMapJS</a>.
|
|
185
157
|
</p>
|
|
186
158
|
</div>
|
|
187
159
|
<div class="grid-item">
|
|
@@ -189,9 +161,7 @@
|
|
|
189
161
|
<p>Go further with StoryMap:</p>
|
|
190
162
|
<ul>
|
|
191
163
|
<li>
|
|
192
|
-
<a href="./docs/migration.html"
|
|
193
|
-
>Migrating from Knight Lab StoryMapJS</a
|
|
194
|
-
>
|
|
164
|
+
<a href="./docs/migration.html">Migrating from Knight Lab StoryMapJS</a>
|
|
195
165
|
</li>
|
|
196
166
|
<li>
|
|
197
167
|
<a href="./docs/migration.html">Storymap options</a>
|
|
@@ -203,9 +173,7 @@
|
|
|
203
173
|
<a href="./docs/readme.html#development">Development setup</a>
|
|
204
174
|
</li>
|
|
205
175
|
<li>
|
|
206
|
-
<a href="https://github.com/cmahnke/StoryMapJS/tree/main/schema"
|
|
207
|
-
>JSON schema</a
|
|
208
|
-
>
|
|
176
|
+
<a href="https://github.com/cmahnke/StoryMapJS/tree/main/schema">JSON schema</a>
|
|
209
177
|
</li>
|
|
210
178
|
</ul>
|
|
211
179
|
</div>
|
|
@@ -215,7 +183,7 @@
|
|
|
215
183
|
<h3>Frequently asked questions</h3>
|
|
216
184
|
<ul class="accordion">
|
|
217
185
|
<li>
|
|
218
|
-
<input type="checkbox" checked
|
|
186
|
+
<input type="checkbox" checked="">
|
|
219
187
|
<i></i>
|
|
220
188
|
<h3>How do I install the viewer?</h3>
|
|
221
189
|
<div class="accordion-content">
|
|
@@ -230,7 +198,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
|
|
|
230
198
|
</div>
|
|
231
199
|
</li>
|
|
232
200
|
<li>
|
|
233
|
-
<input type="checkbox" checked
|
|
201
|
+
<input type="checkbox" checked="">
|
|
234
202
|
<i></i>
|
|
235
203
|
<h3>How do I embed a published storymap?</h3>
|
|
236
204
|
<div class="accordion-content">
|
|
@@ -244,7 +212,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
|
|
|
244
212
|
</div>
|
|
245
213
|
</li>
|
|
246
214
|
<li>
|
|
247
|
-
<input type="checkbox" checked
|
|
215
|
+
<input type="checkbox" checked="">
|
|
248
216
|
<i></i>
|
|
249
217
|
<h3>How can I link to a specific slide?</h3>
|
|
250
218
|
<div class="accordion-content">
|
|
@@ -260,7 +228,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
|
|
|
260
228
|
</div>
|
|
261
229
|
</li>
|
|
262
230
|
<li>
|
|
263
|
-
<input type="checkbox" checked
|
|
231
|
+
<input type="checkbox" checked="">
|
|
264
232
|
<i></i>
|
|
265
233
|
<h3>How can I have a map without lines between points?</h3>
|
|
266
234
|
<div class="accordion-content">
|
|
@@ -270,7 +238,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
|
|
|
270
238
|
</div>
|
|
271
239
|
</li>
|
|
272
240
|
<li>
|
|
273
|
-
<input type="checkbox" checked
|
|
241
|
+
<input type="checkbox" checked="">
|
|
274
242
|
<i></i>
|
|
275
243
|
<h3>How can I use a custom map?</h3>
|
|
276
244
|
<div class="accordion-content">
|
|
@@ -283,7 +251,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
|
|
|
283
251
|
</div>
|
|
284
252
|
</li>
|
|
285
253
|
<li>
|
|
286
|
-
<input type="checkbox" checked
|
|
254
|
+
<input type="checkbox" checked="">
|
|
287
255
|
<i></i>
|
|
288
256
|
<h3>How can I adjust the zoom?</h3>
|
|
289
257
|
<div class="accordion-content">
|
|
@@ -302,14 +270,12 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
|
|
|
302
270
|
</div>
|
|
303
271
|
</li>
|
|
304
272
|
<li>
|
|
305
|
-
<input type="checkbox" checked
|
|
273
|
+
<input type="checkbox" checked="">
|
|
306
274
|
<i></i>
|
|
307
275
|
<h3>Can I change the fonts?</h3>
|
|
308
276
|
<div class="accordion-content">
|
|
309
277
|
<p>
|
|
310
|
-
Yes — ship a font theme with your storymap (<code
|
|
311
|
-
>font_css</code
|
|
312
|
-
>
|
|
278
|
+
Yes — ship a font theme with your storymap (<code>font_css</code>
|
|
313
279
|
in the data, relative to the script) or reference a stock
|
|
314
280
|
theme with <code>font_css: "stock:knightlab"</code>. The
|
|
315
281
|
compiled stock themes are resolved from the library's
|
|
@@ -318,7 +284,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
|
|
|
318
284
|
</div>
|
|
319
285
|
</li>
|
|
320
286
|
<li>
|
|
321
|
-
<input type="checkbox" checked
|
|
287
|
+
<input type="checkbox" checked="">
|
|
322
288
|
<i></i>
|
|
323
289
|
<h3>Can I use custom HTML in a slide?</h3>
|
|
324
290
|
<div class="accordion-content">
|
|
@@ -332,7 +298,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
|
|
|
332
298
|
</div>
|
|
333
299
|
</li>
|
|
334
300
|
<li>
|
|
335
|
-
<input type="checkbox" checked
|
|
301
|
+
<input type="checkbox" checked="">
|
|
336
302
|
<i></i>
|
|
337
303
|
<h3>Can I limit the map to an area?</h3>
|
|
338
304
|
<div class="accordion-content">
|
|
@@ -344,7 +310,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
|
|
|
344
310
|
</div>
|
|
345
311
|
</li>
|
|
346
312
|
<li>
|
|
347
|
-
<input type="checkbox" checked
|
|
313
|
+
<input type="checkbox" checked="">
|
|
348
314
|
<i></i>
|
|
349
315
|
<h3>Does the viewer load external services by default?</h3>
|
|
350
316
|
<div class="accordion-content">
|
|
@@ -371,30 +337,18 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
|
|
|
371
337
|
<div class="footer-brand">StoryMap <span>JS</span></div>
|
|
372
338
|
<ul class="list-social">
|
|
373
339
|
<li>
|
|
374
|
-
<a
|
|
375
|
-
href="https://github.com/cmahnke/StoryMapJS"
|
|
376
|
-
title="StoryMapJS fork on GitHub"
|
|
377
|
-
>GitHub</a
|
|
378
|
-
>
|
|
340
|
+
<a href="https://github.com/cmahnke/StoryMapJS" title="StoryMapJS fork on GitHub">GitHub</a>
|
|
379
341
|
</li>
|
|
380
342
|
<li>
|
|
381
|
-
<a
|
|
382
|
-
href="https://github.com/NUKnightLab/StoryMapJS"
|
|
383
|
-
title="Upstream Knight Lab repository"
|
|
384
|
-
>Upstream</a
|
|
385
|
-
>
|
|
343
|
+
<a href="https://github.com/NUKnightLab/StoryMapJS" title="Upstream Knight Lab repository">Upstream</a>
|
|
386
344
|
</li>
|
|
387
345
|
</ul>
|
|
388
346
|
</div>
|
|
389
347
|
<div class="footer-description">
|
|
390
348
|
<p>
|
|
391
349
|
A TypeScript rewrite of
|
|
392
|
-
<a href="https://github.com/NUKnightLab/StoryMapJS"
|
|
393
|
-
|
|
394
|
-
>, the original tool by
|
|
395
|
-
<a href="https://knightlab.northwestern.edu/"
|
|
396
|
-
>Northwestern University Knight Lab</a
|
|
397
|
-
>. The storymap JSON format is preserved; the rendering engine moved from
|
|
350
|
+
<a href="https://github.com/NUKnightLab/StoryMapJS">NUKnightLab/StoryMapJS</a>, the original tool by
|
|
351
|
+
<a href="https://knightlab.northwestern.edu/">Northwestern University Knight Lab</a>. The storymap JSON format is preserved; the rendering engine moved from
|
|
398
352
|
Leaflet to OpenLayers, so some rendering details differ (see the
|
|
399
353
|
<a href="./docs/migration.html">migration notes</a>).
|
|
400
354
|
</p>
|
|
@@ -406,5 +360,6 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
|
|
|
406
360
|
</div>
|
|
407
361
|
</div>
|
|
408
362
|
</footer>
|
|
409
|
-
|
|
410
|
-
|
|
363
|
+
|
|
364
|
+
|
|
365
|
+
<script type="module" src="./assets/site--MHTHqWG.js"></script></body></html>
|