-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathpreview3.html
617 lines (463 loc) · 61 KB
/
preview3.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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>HTML5 exported report builder</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#666">
<link rel="shortcut icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUpJREFUeNqUkz9OhUAQxmd3eWiiB9CC+vVQQkgkVF6BhF5DR+AAr6Ok8ZUkHMCa0HEMjmCvieEB6w66RP5FnGSZyfLtj29nF8I5B4w8z19EeoL9cfZ9/xkQgCPLMt513e6BelynSJyYHLL3+gYKpXBNAJQDBcYIqKKmhANVGKhiyenhdtRPAIOb9hM6IPDBKRwuPVxRBi3joAoQawhcxDvOb9YBGKx5F08CFGHiyw1VhAuc4QJEf9R324D08X5XBxeAtm2HnCTJRBhF0VgXRfHdJ88b9RMA9iAMwwmg7/uxPh6PQ0bdKgCjLMtVy67rQl3XQ20YxjbAcRyQl2u+Z+ngt36xhTRNR1EQBBOIdKDr+rYDXCQdzJ3Ytg2EkG0HGFVVrfbAsqwhbwLkuZqmuQqYu9q8ypqm/XmJULcAiPM+x3H8r98ZH18CDACnqPKdHhyT8QAAAABJRU5ErkJggg==">
<style>
/* base */
:root {
--col-text: #333;
--col-back: #fff;
--col-olay: rgba(255,255,255,0.5);
--col-tlay: rgba(200,231,118,0.6);
--col-body: #444;
font-size: calc(16px + 0.5vw);
}
*, *:before, *:after {
box-sizing: border-box;
line-height: 1.2;
padding: 0;
margin: 0;
}
html, body {
width: 100%;
min-height: 100%;
touch-action: manipulation;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 1rem;
font-weight: 300;
color: var(--col-text);
background-color: var(--col-body);
}
h1, h2, h3 {
font-weight: 300;
line-height: 1.1;
margin: 0 0 0.1em 0;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
}
p {
text-align: center;
margin: 0 4vw 1em 4vw;
}
ul {
list-style-type: square;
margin: 1em 0 2em 3em;
}
li {
margin-bottom: 0.75em;
}
a:link, a:visited {
text-decoration: none;
color: #00c;
}
img, svg {
display: block;
width: 80%;
margin: 1em auto;
}
@media (min-width: 40rem) {
img, svg {
width: 50%;
}
}
/* rendering problem */
#exportview {
display: none;
}
/* pages/slides */
body {
counter-reset: slide;
scroll-snap-type: y proximity;
scroll-snap-type: proximity;
}
main {
display: grid;
}
article {
clear: both;
position: relative;
min-height: 92vh;
padding: 0 0 2em 0;
margin: 4vh 4vw;
background-color: var(--col-back);
border: 1px solid var(--col-text);
box-shadow: 0 3px 6px rgba(0,0,0,0.5);
z-index: 0;
scroll-margin-top: 4vh;
scroll-snap-align: start;
scroll-snap-stop: always;
scroll-snap-coordinate: 0% -4vh;
}
h1 {
padding: 1vh 4vw 2vh;
background-color: var(--col-tlay);
}
header {
padding: 2vh 4vw 3vh;
margin-top: 20vh;
background-color: var(--col-olay);
}
header h1 {
font-size: 3rem;
padding: 0;
background-color: transparent;
}
header p, section p {
text-align: left;
margin: 1em 0 0 0;
}
section {
margin: 3vh 4vw;
}
footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: 0.9em;
font-weight: 600;
padding: 1vh 4vw;
background-color: var(--col-tlay);
}
article:not(.removed) {
counter-increment: slide;
}
article:not(.removed) footer::after {
content: counter(slide);
float: right;
}
/* slide backgrounds */
.slideback, .slideback::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
overflow: hidden;
}
.slideback::after {
background: var(--col-back) no-repeat center;
background-size: cover;
filter: blur(6px);
transform: scale(1.05);
}
.school::after {
background-position: 50% 100%;
background-image: url('data:image/jpeg;base64,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')
}
.crowd::after {
background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAFA3PEY8MlBGQUZaVVBfeMiCeG5uePWvuZHI////////////////////////////////////////////////////2wBDAVVaWnhpeOuCguv/////////////////////////////////////////////////////////////////////////wAARCADIASwDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAgMEAQAF/8QAMxAAAgIBAwMDBAAFAgcAAAAAAQIAEQMSITEEQVEiYXETMoGRI0JSocFisRQkMzRy0fH/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAGxEBAQEAAwEBAAAAAAAAAAAAAAERAiFBMRL/2gAMAwEAAhEDEQA/ALJ06dAXnPpA8yZja7b1Kcy3jO11vJlMixT05Jx0eQY2IRwpUDfVyY+VHTp0Av6qAgLz8n4gJzDy7/qJyPpTSPkwKRlQ8GHPOsjmVdPktaMinzphcDsZmv2MqMzfaImNZ9/aY21Mv5gNHE6Yu6ibA6TuSd+8ok+RTZZd19pFgUdkamPpMYmzxS13HG8eoshhx4lhRzJs6EC17UL8iC+RFG+8ORZlIyNfmCKF0ZAdO3tOClE9Is+faKwbEE+ZQGiLTJ02ZCOkuXqSDS8ShwSCL2IqeYwKsQeRILcWfUQG7x7/AGmefhGogDzZlu5W9V+0oUeY1eF+Ysxi8D5gMnTonI9NW8gbrW6uY+VEHqYCT5CVsgWZOyuQWP6lXFTZtf2kAeDEiyxB2YdpOLJ944OStE0V4Pt4gHem63NUIeLKV25EUqnbzGouK92LGE+qlYMLEU9hjXzCxjTtdjsZ2UAgeYpAt6lBgbaPVVQ0PYjaZlUUNI9pFJbGCK4qMwoEWyd5wWses3tyDOxg3qY23zxKWnDc7wbPEIGxO2X5hCsg9U6z9MA+ZzKSSR+owINAB3hRJ9o+JxYDkzlFCpzVUIl6nIfqUDsBBxZ6YAnYneF1AHJIuB06KzXvt7QprhWyaQKXk+8cHW6i3UjevaCOaMqKL3ozooE0L5BqMJoEniBjsQNhvJXcs3AM7JmLQLjAbnSykGvaMRjpAokjxFa1IpxYhLSsCGOluIkFSNag1U0NYNDiCm4mmsaEmSjCe7HaRZMiNkLaL/M7NlLnwPEVcB2POAdlUDvQlAyJxdGQ3OBNyi1hRjE4HzJcWQltJOx4lScD5gMicqMWtSKqbly6bA5igdtzIoBlUjc71O72Tz2iQEJoAntvtGULIH8poiMJWhAGsCBoYMykc7j3jBuYetRjIYWBxJFpatStf3CKLUdoxWB2aifPmYcLk8S1DcGQk0OBHMeDEYRoJXuI8+qq4uKjlur87zm3VhNgk+r5mVKOTUoQm9O5P+0G95zL9MEdyZneaQ7Hksj9GMPMn4NityP3KL23gdrUNR/cMG7k9XZbaGuQKN+BCnD+0DIyIN+TxCQgqCJJ1ZP1IQBcFvUBvyYaGtpOTYqGj1ZrjmA85LUg7jgwUYslk2ymvkReqnYdpiZPptdA9qMCoGwpHneLzkjazUPGQRyBYuc6jJ2O/vLokJmkwsuM43APcbQIHRiG1K9+RFd4SEqwMqLOmYlWvzB61qQDyYzEoTYE17yfrj/EUeBIqa5yjU1fuDGY/tY+4EAzgG24A72YL4qYaPVfg3GaRfn5m39MEjngSAR09VeRQ3ipWuwG4O/aRbmMx5CvmuDtGrjsltl+YZxJ7/uBYUGzqvgCZ9QDa2/cAcAUna7HMY+koK27s1xWNgg0Fae9zByvZ0jiDxoYcrde8F2vaYD6fiYTZlRwMZjykUDuO3tFzoFIcfUtr1efMoVlP2kVIm3QHupr8TsT06/MWC6bsDx+YtcwIqqmnJ6T8SYaRlOpie0wzm/+ATDtVyhlCsZ73GniKG+j2MdyJANXNCbfE0D2hKPSYHK3tI+obVlP6luP7Z57guzUfcwAG04al33HvM54jWyFbQAFSO8ALLbwTOHicRAbhYlWXnbaPvTQNmTYAWyiuBuTHkntzJWozqGvRzYvmI7RmdiXo8LtFzUZrD5mg0QamRiAFeNxAtCggMpIJFjeSdSGbJqCkgiV4zqxr5qcq6Cxvnt4kHmsrKRqBF77xyKFxjW2mzdd5nVWcxvwIzKqndRuII0aGHpcg+4gsLsEbiLxqztS/k+Ib5QWNV41QrgJqtTefaYrajU3FhcsG4AP7kXRZcOjFqJ32AAk28v6hbw0d97kOkSoFmLMWPJmTpyjUwF1cqCB2qDK0wY9IsNZG+8B8IZiqCmXbfvIJzOELQbIPImaaNXKG4qdShO5ilNETqKmxvU1q1kjg7wK0CMd+4gg2GB5BgoeKjAh1WNwRCFtY+TM/mqZqDN328zi1bmFMVdRpTS3VxeUkZTzsYWPPVAChN6lftyXeqAsOb2JH5jcZIcaiT53iBDZiMgF8AQizUExsT2kKD1UTW25lWUaunY88GIxYiQL2vzIoSm9gbDuIDAkkys4wooD4IO8Q7kAihfBNQEw0W78RcYG0kAdoDRkGOlCiu5hM4ZW2NgbGS3GYmO/gCFZZIH9pl3OPO3HPxBJo3CNmqaPsZlzCZRZjy7KACe20MZvXoF37yMWQoFgjjeGrMmzg2d7/wAyBnVbZsbAWT/eCzgA+Zhct6mPGwuK02291cKpalxekjjf3kxq7J/E13LMf9hBlQYzMBSALKMWfUKar8ySdAr6vMAQgF+ZJrHgzcvI8ERcAijCrGx4M6yj2DuO8NyQQO1zqBJJEmrOOmL1LEGwLhjMasyfhiPNQ6ktanEsklySKudpMOoSC25MfpOXHJrExNkIrb3gZQFyso4BqVYqBrsIhayaiwuzcuszszFvgZmrY7Q22qZoIpQKFUJqDXj91jROrhchv7TtAY6mPjtMPJnQCTkR2e/pID+BF4jTA0LG4vvHnPrQasSsG7AyhC7kCY5vKx948NjBsYNwf6oSrjvfGinwd40Y+TThGk8xAZ2OxJMpfGuUAagDWwAgY1+mvFnvMrHKWG2QbEV+ZOwNkH9ysG+x3EnYMxIAsmWFBV7DiGuDIxvTQ99ozEBiQNXrP9hNZi3feVExxsCRVwiPpoB3bn2EbdG4RGPKPVsfIkE6nSaPExkIO28f/wAK54ZSPMMYHGMhhv2o3JVSXMleHGHwtqNX7TsfS6cnqp1rb5+JdROg1Ej22mMSFBvmWtgGtWUKtciuZhx6WJUAmqFiBO1oB4HPcEwBvsPzvtKXxqQLHqHbiJ+mNzRBHPG0KxgABAJjH+0fMWZUZNmGcIDCAce44ijzGIwGx+08wtf0vStHvdcwDbGTf+mjcXKU8Ha0r9Sa5iunAD7MIyBk4uFHjU+0U4bNf4nL4MYEDLV8yF7gch0oT34g9OLFe8USWoE3W0JHKkATeOM6egQSi7bgg1FYhWrmzd7TG6lBOHVqRRB3jDUmRSCD2bcQZRnX/l0I30ncj3k0AwaAhqnpQlCbNXfPtFngRqisa2XBu6rYDyIBCsZa1o8AHkRZe+3xCyAEsQzGjsSOYmFUYnoccRrGiak2H1OB7xxa8rDuDIsEH2AOxaYEUbix4F8xbk6wfEPEQPSd6O1yp63ICQG7cGLjyaFkXXaTuQrEbj5EFcTMuZqmEwinC9+mOFDc2ZJhNOJ312VirjccyUxYCp9oL0ik3VeZMM2o/cF9jCclsRFg/BuDAtnJPM1M5B5sSciZZEqrvqYyNyPgxbvjrSFB37QcGVUX11ueahHqcZICIWJ87SYzhWSLhuPWd+8AzSsmcTZ0DrjTj1gG62ghF0Kf5jHYwSmwFSKdUjyejIy1xKMbjSAb32v3k+c3lJglsAWsVU7Uw7wZsYbW628zQzMw3NwYeOruMNrDs7d95o+4QeApnd5UUL07Nj+pY4uoGlNAOv1HtUvQq2MBSOJ59Ue20DdX8EjsYqEeYMDu0pxZspQIi6iO8m7T0sSjHiVR43gJU5WbTkAVTtv3k7YWVqMudRkWmFiDpZRS+sf0t/7kISijGL/MUdV3XO8flGrCWQEVyDyIgkkXxC1htiCTNqtwJjDbmbueAaEIdhyavkQs2NcgG9HsZMDoYN5jWyBgKvzCp3VkYq3ImqT5+YfU7lG23G8UvMIYRoev18RmbG2Y60okDcRTZNRs/Fw1y6V2v5gIJJjcDUHF7VB0oeCRNXGw9Q3B9oBOuoCuwitLHtGMGAriDR77wtC9igfE7Ff1Frm45QrCmT88QlwAb4338GVC8jFjwBFzWO5sUZm0DpomQl09zAzUAb8SjHsgkoOltqP+ZUdpAeTCHxn6YAb/AHkuQEciiNiJYhIm5Ma5VPZq5lHnToTKUYqwoiYv3AeYHQkgkaWIPY1DQesAd9oAn7ROWa2xo9tp3iAQ9J1AkH2jU05h9M0G5Bk7c8zcZrIteRAcOn1uwJ+01tF5sf08hXtyJcorqMg8gGJ61PQrjtsZBKgt1B4JnpXIOn0nMur8fMtuzvAKdBudcDsmP6i1dHz5+ZIyMjaWoGV6oHUDXiut1NwJaBFEx2GvpjbjaIOx2F3HYSNJ1c3JQPUbqIgMRKsi6waHbaTrhyMPShP4lgFmLGzMlvT9PoBLKCSO+9Rj4Fy7Mumu4EBGDAoUPk3J3APaP1du3iKyEANY3XaojWaJPPEn1Po3TH9yg/HaAzOfuuCWhqxPiVQaiIQN+0F100exmD3MoPbuxMNW8Rdr5uEp8UPzAzMTrPgi4qNzdviKgdUIVpPxBmrW98QjkFsB7yhtzFhVDBlPHaa1k8mRT1aMU3Egw1NGaA9Qn1Fsfcu/yJGORPQbYah2kmVRjzmhsdxIN6pdOcn+reZhA1rfmN6xbCZO3EQjUw3qAT4n3Zubi7noBdRU/mQMPWw95IOIJIoE7Q8WB2YWKEdhcKgWo5HDQDRAoFeKsxfWf9ufkR2yrZNASLqMqtlGxKjY+8BOHfMnzLr8iJd9HqQK+I9gN1mJnF0TY7EwH88TCa5g2DuDN/vCtuaRqVl/qEWDRhqf1AUMG25/UNcSrxDdwh1MPQe47ThofdTq9rhBKABcxnCkWd/EFsrDnGf3MP1cqkBQg8wG667XM19moSYvkXYqSZwdr2Q35me0H1SWBksCuT5k9KwGgNV1ZMPqi300B45Ii8J5HfkTXiwYxL3JmjEoPJnamB4mhmutO0jZWW/wDUXKciawKcKeaMnKlTRFSs1tjxOB/wBKzJoMqCa6BMA8w2NqIswOnXQnTDAIbNCs+YPcGFsJA8Qgd4AmiaDqtSPMk6g/xB7CVjtJOp/6g+JA/N6ujU+KMkHMpysR0mMDhhvJRzIPRwb4V+JNmTRmY+d4/pTeL8mTZ21ZWv4gDqNw0ejF3NBkVSUyZTaZaHgxGfC2IAsQbPaO6VvXU7rzsg+ZUSqzKbUkGbrs7gfiCJhgGHK7rYMoxZA67nfuKkk1WKkFTREC0gHtOIKEX3mYn+otjnuPELIwCb7kQrWKtjKuauIGHEDs5uL1EmzMk0xSDlQWCuVR2PMPH1eNufQfeTI5U7GZmXUQ6rermvMo9ClbcUfeY2hBZoTzcYdGO7KBzRnNkY94Q3qXV/tvzEoacGcNxvBOxgUX3qdY5MWrbTMjahQka1xJc3O1b6TuviCpmNzKy2jdUT+IS4sh4Q/mGuV1QaTsJhy5CPv/ABAYMDafWwUTHGBUIFs3mKJ3s2fmD5MAYa4nZbVSR7TVT+GXJ70BK8A04AfYmBD/ACiGDttCyisWL/x/zMQqooi4DBCEFeIVjzNBqyXqRWWvYSpWU16hJuqBObbwJA37uj44WSDbeXourpwo5K1+ZCFN1Ugt6f8Ah9MGbjmS5CCxI4JlyAthVX5I3kToUNHjsfMLATpk6QPwNobVB6t9Wauyio3psJenJ2B4kz3ra+bMpQjmcZg5mmEZNEwzYB4sn03vt3js7WB4iEXUwHvGZWsyVYCdOnSK1QSY/V9LECBYvcxWMA8w3OhSV79pYUrI97cdzFzjMlZEsxuZw4mcwNr03NG1eTMvapqm2AMLGLOPM7gzOTCDQ7ETfzMGnkXY/vNoAmBwNbqP8x2LEqrqyCyeFi0+6+whFr5hTw6kaTjXT4qMGmvTwO0lDQg5B2kXHdWRa/mT0PEd1RvQfIndNf0zXmVkKGxGAAzp0lajioJFVOdGZvjadOl8T0/EAiAWNpIVvK1eZ06SitHtN+RF9TWgC+J06U9SkTVWzOnSKt6ehjokXci6gVnce86dKhQmnidOhGd5oBJoczp0CrHiGMWTZMU/JJ5M6dMtA0nmrnDmdOhTUNCBmYGtM6dLDkVOnTpWBIxUmq3EwVVXOnQNFabrvNDAuPSB8Tp0NehG5mhR3J/U6dKy0LvQIPzOs3VUZ06Aa7NzOnTpKsdCFTp0iuyqWxgjfTN6evpn5nTpYlf/2Q==');
}
.talk::after {
background-position: 0% 100%;
background-image: url('data:image/jpeg;base64,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');
}
.craig::after {
background-position: 100% 100%;
background-image: url('data:image/jpeg;base64,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');
}
/* print styling */
@media print {
:root {
font-size: 16px;
}
* {
line-height: 1.2 !important;
color: #000 !important;
background-color: #fff !important;
}
footer, article::after, .slideback::after, article.removed, #download {
display: none !important;
}
/* browsers can't print grids! */
main {
display: block;
}
article, header, section, h1 {
padding: 0;
margin: 0;
}
article {
min-height: auto;
margin-bottom: 2em;
border: 0 none;
box-shadow: none;
}
article, section, table, svg {
page-break-inside: avoid;
break-inside: avoid;
}
img, svg {
width: 60%;
}
img.dark {
filter: invert(100%) hue-rotate(180deg) brightness(120%) contrast(150%);
}
}
</style>
</head>
<body>
<main id="report">
<!-- damn you Gmail! -->
<p id="exportview" style="font-size:2em;text-align:center;color:#f00;background-color:#ff0;">THIS DOCUMENT IS NOT DISPLAYING CORRECTLY.<br />PLEASE DOWNLOAD THE FILE THEN OPEN IT IN A WEB BROWSER.</p>
<!-- slide -->
<article>
<header>
<h1>HTML5 exported report</h1>
<h2>an alternative to PDFs</h2>
<p>Craig Buckler, <a href="https://twitter.com/craigbuckler">@craigbuckler</a>, TechExeter 2018</p>
</header>
<div class="slideback school"></div>
</article>
<!-- slide -->
<article>
<h1>Why do we use PDFs?</h1>
<section>
<p>PDFs may be suited to printable media but should we always choose it when outputting reports from web-based applications? PDF problems:</p>
<ul>
<li>When was the last time you printed a PDF? We mostly view them on-screen.</li>
<li>PDF readers are not necessarily available on all platforms, especially mobile.</li>
<li>PDFs are not responsive. Viewing a PDF on a smartphone is a painful pinch and zoom experience.</li>
<li>PDF output control can be difficult especially from web systems.</li>
<li>Resulting PDF file sizes can be enormous.</li>
<li>PDF text is not always selectable or copyable.</li>
<li>Why are we converting one document format to another? Do we use PDF because it's the best option or because it's <em>expected</em>?</li>
</ul>
</section>
<footer>HTML5 exported report</footer>
</article>
<!-- slide -->
<article>
<header>
<h1>TechExeter 2017</h1>
<h2>Example charts and data</h2>
</header>
<div class="slideback crowd"></div>
</article>
<!-- slide -->
<article>
<h1>TechExeter conference 2017: funding sources</h1>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 400" preserveAspectRatio="xMidYMid meet">
<g>
<g stroke="#FFF" stroke-linejoin="round">
<path fill="#50B432" d="M300 20a156 156 0 0 1 153.3 185L300 176z"/>
<path fill="#1b22ed" d="M453.3 205.2A156 156 0 1 1 299.8 20l.2 156z"/>
</g>
</g>
<g>
<text x="5" y="15" transform="translate(400 25)">
<tspan>28% sponsorship</tspan>
</text>
<text x="5" y="15" transform="translate(51 300)">
<tspan>72% ticket sales</tspan>
</text>
</g>
</svg>
<p>Note that only seven people paid full price for their ticket!</p>
<footer>HTML5 exported report</footer>
</article>
<!-- slide -->
<article>
<h1>TechExeter conference 2017: gender</h1>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 400" preserveAspectRatio="xMidYMid meet">
<defs>
<clipPath id="a">
<path d="M1 1h548v309H1z"/>
</clipPath>
</defs>
<path fill="#fff" d="M40 10h550v311H40z"/>
<path fill="none" stroke="silver" d="M40 321.5h550m-550-78h550m-550-77h550m-550-78h550M40 9.5h550" />
<path fill="none" stroke="#C0D0E0" d="M222.5 321v10m184-10v10m184-10v10m-551-10v10m.5-9.5h550m-550 0H30m10-78H30m10-77H30m10-78H30m10-79H30" class="highcharts-axis"/>
<g>
<g clip-path="url(#a)" transform="translate(40 10)">
<rect width="183" height="295" y="17" fill="#b432b2" rx="0" ry="0"/>
<rect width="184" height="78" x="183" y="234" fill="#12ab14" rx="0" ry="0"/>
<rect width="183" height="121" x="367" y="191" fill="#DDDF00" rx="0" ry="0"/>
</g>
</g>
<g>
<text x="5" y="15" transform="translate(119 32)">
<tspan>76</tspan>
</text>
<text x="5" y="15" transform="translate(303 221)">
<tspan>20</tspan>
</text>
<text x="5" y="15" transform="translate(486 178)">
<tspan>31</tspan>
</text>
</g>
<g text-anchor="middle">
<text x="131.7" y="350">
male
</text>
<text x="315" y="350">
female
</text>
<text x="498.3" y="350">
<tspan>not given</tspan>
</text>
</g>
<g style="font-size:0.75em;" text-anchor="end">
<text x="25" y="325" style="text-transform:none;width:188px">
<tspan>0</tspan>
</text>
<text x="25" y="247" style="text-transform:none;width:188px">
<tspan>20</tspan>
</text>
<text x="25" y="169" style="text-transform:none;width:188px">
<tspan>40</tspan>
</text>
<text x="25" y="91" style="text-transform:none;width:188px">
<tspan>60</tspan>
</text>
<text x="25" y="14" style="text-transform:none;width:188px">
<tspan>80</tspan>
</text>
</g>
<path fill="none" stroke="#000" stroke-width="2" d="M40 10h550v311H40z"/>
</svg>
<p>Conclusion: TechExeter is overrun with middle-aged men!</p>
<footer>HTML5 exported report</footer>
</article>
<!-- slide -->
<article>
<h1>Darker bitmap images</h1>
<img class="dark" src="data:image/png;base64,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" />
<p>Images with a dark background can be inverted within CSS <code>@media print</code> styles to make them clearer and use less ink.</p>
<footer>HTML5 exported report</footer>
</article>
<!-- slide -->
<article>
<header>
<h1>Is HTML5 a viable alternative to PDF?</h1>
<p>Yes … <em>if you're a little careful!</em></p>
</header>
<div class="slideback talk"></div>
</article>
<!-- slide -->
<article>
<h1>HTML5 recommendations</h1>
<section>
<p>HTML5 is ideal if you can output a document where:</p>
<ul>
<li>all assets such as stylesheets, images and favicons are inlined</li>
<li>system fonts are preferred</li>
<li>SVG images are used where possible</li>
<li>JavaScript is avoided</li>
<li>CSS is used to make it look documenty and printer-friendly</li>
</ul>
</section>
<section>
<p contenteditable="true">You can use any server-side or client-side system to create and edit an initial document. You can even permit editing before the document is saved! (Click this and change the text).</p>
<p>A download button exports the final rendered HTML5 document.</p>
</section>
<footer>HTML5 exported report</footer>
</article>
<!-- slide -->
<article>
<header>
<h1>That's all folks!</h1>
<p>Craig Buckler, <a href="https://twitter.com/craigbuckler">@craigbuckler</a>, TechExeter 2018</p>
</header>
<div class="slideback craig"></div>
</article>
</main>
<a id="download" href="#" download="document.html">💾</a>
<style>
/* download button */
#download {
position: fixed;
left: 0;
top: 0;
font-size: 1.6rem;
text-decoration: none;
padding: 0.1rem;
}
/* slide removal */
article::after {
content: '-';
position: absolute;
top: 0;
left: calc(100% + 3px);
width: 1em;
height: 1em;
line-height: 0.7;
text-align: center;
font-weight: bold;
color: #000;
background-color: #fff;
border-radius: 50%;
cursor: pointer;
}
article.removed::after {
content: '+';
}
article.removed { opacity: 0.2; }
</style>
<script>
(() => {
'use strict';
const
report = document.getElementById('report'),
download = document.getElementById('download');
if (report && download && ('download' in document.createElement('a'))) {
// download handler
download.addEventListener('click', downloadHTML, false);
// enable/disable slide
document.body.addEventListener('click', articleEnable, false);
}
// download report
function downloadHTML(e) {
// create HTML file
let
file = (
'<!DOCTYPE html><html lang="en-GB"><head>' +
document.head.innerHTML +
'</head><body><main>' +
report.innerHTML +
'</main></body></html>'
);
// modify download
download.href = 'data:text/html,' + encode(file);
}
// encode file
function encode(file) {
return encodeURIComponent(file
// remove comments
.replace(/\/\*.*?\*\//g, '')
.replace(/<!--.*?-->/g, '')
// remove spacing
.replace(/\s+/g, ' ')
.replace(/>\s</g, '><')
// remove scripts
.replace(/<script.*?<\/script>/gi, '')
// remove hidden slides
.replace(/<article[^>]+class="removed".*?<\/article>/gi, '')
// remove contenteditable
.replace(/\s*contenteditable="true"/gi, '')
.trim()
);
}
// enable/disable slide
function articleEnable(e) {
let t = e.target;
if (t.nodeName.toLowerCase() === 'article' && e.offsetX > t.offsetWidth) {
t.classList.toggle('removed');
}
}
})();
</script>
</body>
</html>