PageSourceSearch

https://erikjohnsonillustrator.com/illustrations

html erikjohnsonillustrator.com collected 2026-09-27 06:26:17 UTC 37,058 bytes, 1,600 lines download raw bytes

1<!DOCTYPE html>
2<html>
3  <head>
4    <title>Illustrations - Erik Johnson Illustrator</title>
5    <style id="root-styles">
6:root {
7  --color: #000;
8  --accent-color: #d71804;
9  --link-color: #d71804;
10  --surface-color: #00000000;
11  --background-color: #fae4e4;
12  --grid-width: 1100px;
13  --default-color: #000;
14  --default-accent-color: #d71804;
15  --default-link-color: #d71804;
16  --font-family: Work Sans;
17  --secondary-font-family: Rufina;
18}
19    </style>
20    <style id="global-styles">
21
22.g-1-106-2 {
23  --font-size: 2em;
24  font-size: 2em;
25  line-height: 1.5em;
26}
27
28.g-1-125-1 {
29  --font-size: 10em;
30  font-size: 10em;
31  line-height: 1.5em;
32}
33
34.g-1-125-2 {
35  --font-size: 2.4em;
36  font-size: 2.4em;
37  line-height: 1.01;
38}
39
40.g-1-125-3 {
41}
42
43.g-1-142-2 {
44  --font-size: 10vw;
45  font-size: 10vw;
46}
47
48.g-1-142-3 {
49  --font-size: 4em;
50  font-size: 4em;
51}
52
53.g-1-128-2 {
54  --font-size: 2em;
55  font-size: 2em;
56  letter-spacing: 0.1em;
57  line-height: 1.5em;
58}
59
60.g-1-128-4 {
61  --font-size: 2.5em;
62  font-size: 2.5em;
63  line-height: 1.5em;
64}
65
66.g-1-133-2 {
67  --font-size: 6.4em;
68  font-size: 6.4em;
69  line-height: 1.57;
70}
71
72.g-1-133-3 {
73  --font-size: 2.5em;
74  font-size: 2.5em;
75  line-height: 1.5em;
76}
77
78.g-1-134-2 {
79  --font-size: 4em;
80  font-size: 4em;
81  letter-spacing: 0.3em;
82  line-height: 2em;
83}
84
85.g-1-134-3 {
86  --font-size: 2.4em;
87  font-size: 2.4em;
88  line-height: 1.51;
89  letter-spacing: 0.06em;
90}
91
92.g-1-127-3 {
93  --font-size: 2em;
94  font-size: 2em;
95  line-height: 1.5em;
96}
97
98.g-1-127-4 {
99  --font-size: 2em;
100  font-size: 2em;
101  line-height: 1.5em;
102}
103
104.g-1-130-5 {
105  --font-size: 4em;
106  font-size: 4em;
107  line-height: 1.5em;
108}
109
110.g-1-130-6 {
111  --font-size: 2.5em;
112  font-size: 2.5em;
113  line-height: 1.5em;
114}
115
116.g-1-130-7 {
117  --font-size: 2.5em;
118  font-size: 2.5em;
119  line-height: 1.5em;
120}
121
122.g-1-136-1 {
123  --font-size: 3em;
124  font-size: 3em;
125  letter-spacing: 0.1em;
126  line-height: 3.4em;
127}
128
129.g-1-136-2 {
130  --font-size: 5em;
131  font-size: 5em;
132  line-height: 1.55;
133}
134
135.g-1-136-3 {
136  --font-size: 2em;
137  font-size: 2em;
138  line-height: 1.52;
139}
140
141.g-1-136-4 {
142  --font-size: 2em;
143  font-size: 2em;
144  line-height: 1.54;
145}
146
147.g-1-136-5 {
148  --font-size: 2em;
149  font-size: 2em;
150  line-height: 1.65;
151}
152
153.g-1-107-2 {
154  --font-size: 18.5em;
155  font-size: 18.5em;
156}
157
158.g-1-107-3 {
159  --font-size: 3.3em;
160  font-size: 3.3em;
161}
162
163.g-1-129-2 {
164}
165
166.g-1-129-3 {
167  --font-size: 2em;
168  font-size: 2em;
169  line-height: 1.5em;
170}
171
172.g-1-129-5 {
173}
174
175.g-1-129-6 {
176  --font-size: 2em;
177  font-size: 2em;
178  line-height: 1.5em;
179}
180
181.g-1-129-8 {
182}
183
184.g-1-129-9 {
185  --font-size: 2em;
186  font-size: 2em;
187  line-height: 1.5em;
188}
189
190.g-1-129-11 {
191}
192
193.g-1-129-12 {
194  --font-size: 2em;
195  font-size: 2em;
196  line-height: 1.5em;
197}
198
199.g-1-132-3 {
200  --font-size: 4em;
201  font-size: 4em;
202  line-height: 1.46;
203}
204
205.g-1-132-4 {
206  --font-size: 2.3em;
207  font-size: 2.3em;
208  line-height: 1.5em;
209}
210
211.g-1-132-7 {
212  --font-size: 4em;
213  font-size: 4em;
214  line-height: 1.46;
215}
216
217.g-1-132-8 {
218  --font-size: 2.5em;
219  font-size: 2.5em;
220  line-height: 1.5em;
221}
222
223.g-1-135-1 {
224  --font-size: 3em;
225  font-size: 3em;
226  letter-spacing: 0.1em;
227  line-height: 3.4em;
228}
229
230.g-1-143-1 {
231  --font-size: 2.6em;
232  font-size: 2.6em;
233  letter-spacing: -0.01em;
234  line-height: 1.53;
235}
236</style>
237    <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.29/styles/all.css" />
238    <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.29/styles/vendor/swiper.css" />
239    <link rel="stylesheet" href="/styles/fonts.css"/>
240
241    
242
243    <meta name="viewport" content="width=device-width, initial-scale=1"/>
244  </head>
245
246  <body class="site desktop  " data-min-contrast="0.05">
247    <div class="page project loading" style="background:#fff;--background-color:#fff;">
248  
249
250
251<span id="navigation_5272919_4809804" class="navigation surface standard  " on-insert="nav:setup">
252  
253
254  
255
256  
257  <header class="standard  ">    
258    <a href="/">
259      <h1 class="logo_41563002" style="font-size:3.7800000000000002em;font-family:Poppins;letter-spacing:-0.02em;line-height:1em;" data-box="199x100">Erik Johnson Illustrator</h1>
260<style>
261h1.logo_41563002 {
262  --scale: 1;
263  width: calc(199px * var(--scale));
264  height: calc(100px * var(--scale));
265  background: center / contain no-repeat url('https://carbon-media.accelerator.net/0000000m7J5/fG2qPyEmSS8cTBmW6Fk0tw;199x100.png?auto=webp');
266  text-indent: -500vw;
267  white-space: nowrap;
268  overflow: hidden;
269  background-image: image-set(url('https://carbon-media.accelerator.net/0000000m7J5/fG2qPyEmSS8cTBmW6Fk0tw;199x100.png?auto=webp') 1x, url('https://carbon-media.accelerator.net/0000000m7J5/fG2qPyEmSS8cTBmW6Fk0tw;398x200.png?auto=webp') 2x);;
270}</style>
271    </a>
272
273    <style>
274#navigation_5272919_4809804 {
275  --link-color: #b11919;
276  --default-link-color: #b11919;
277}
278
279#navigation_5272919_4809804 > header {
280  display: flex;
281  width: 100%;
282  align-items: center;
283  justify-content: space-between;
284  max-width: var(--grid-width);
285  margin: auto;
286  position: relative;
287  z-index: 10;
288}
289
290#navigation_5272919_4809804 .overlay {
291  --surface-color: #ffffff;
292  background: var(--overlay-background-color, #ffffff);
293}
294
295#navigation_5272919_4809804 nav a:not(:last-child):after {
296  margin-left: 10px;
297  margin-right: 10px;
298  content: '/';
299}
300</style>
301<nav style="display:flex;justify-content:flex-end;align-items:center;flex-flow:row wrap;font-size:4em;">
302  <a class="link_00000000500057750000000000000001" href="/"><span>Portfolio</span></a>
303  <a class="link_00000000500057750000000000000006" href="/about"><span>About</span></a>
304  <a class="link_00000000500057750000000000000164" href="/contact-1"><span>Contact</span></a>
305</nav>
306
307
308    
309  </header>
310  
311
312  
313
314  
315  <div class="hamburger navIcon" on-click="nav:toggle">
316  <svg class="icon" viewBox="0 0 28 28">
317    <g stroke-width="2" stroke-linecap="round" stroke-miterlimit="10">
318      <line class="one" x1="4" y1="6" x2="24" y2="6"></line>
319      <line class="two" x1="4" y1="14" x2="24" y2="14"></line>
320      <line class="three" x1="4" y1="22" x2="24" y2="22"></line>
321    </g>
322  </svg>
323</div>
324  
325
326</span>
327
328  
329  <div class="guts">
330    <div class="content blocks grid animated">
331      
332      <div class="block_000000005000577500000000000002ed block framed align-x-center align-y-center animated header" style="--surface-color:#fff;--padding-top:100px;--padding-bottom:270px;" on-insert="block:setup">
333  <style>
334.block_000000005000577500000000000002ed > .content {
335  display: grid;
336  grid-template-columns: repeat(0, 1fr);
337}
338
339#item_000000005000577500000000000002ed_1 {
340}
341
342#item_000000005000577500000000000002ed_2 {
343}
344
345#item_000000005000577500000000000002ed_3 {
346}
347
348.phone .block_000000005000577500000000000002ed > .content {
349  grid-template-columns: repeat(0, 1fr);
350}
351
352.phone #item_000000005000577500000000000002ed_1 {
353  font-size: clamp(1em, var(--font-size), 7vw);
354}
355
356.phone #item_000000005000577500000000000002ed_2 {
357  font-size: clamp(1em, var(--font-size), 5vw);
358}
359
360.phone #item_000000005000577500000000000002ed_3 {
361  margin: 0px 0 20px 0;
362}</style>
363
364
365  <div class="background" style="background:url('https://carbon-media.accelerator.net/0000000m7J5/9fVuHKkKa1heXqfGtvoB7J;2560x751/quality(80)/quality(85).jpeg?auto=webp') top / cover">
366  
367</div>
368
369  <div class="content">
370    
371  </div>
372</div>
373      
374      <div class="block_000000005000577500000000000002ee block align-x-start align-y-center flipped animated columns flippable" style="--padding-top:26px;--padding-bottom:80px;" on-insert="block:setup">
375  <style>
376.block_000000005000577500000000000002ee > .content {
377  display: grid;
378  grid-template-columns: repeat(2, 1fr);
379  gap: 0 60px;
380}
381
382#item_000000005000577500000000000002ee_1 {
383  grid-area: 1 / 1 / 2 / 2;
384}
385
386#item_000000005000577500000000000002ee_2 {
387}
388
389#item_000000005000577500000000000002ee_3 {
390}
391
392#item_000000005000577500000000000002ee_4 {
393  grid-area: 1 / 2 / 2 / 3;
394}
395
396.phone .block_000000005000577500000000000002ee > .content {
397  grid-template-columns: repeat(2, 1fr);
398}
399
400.phone #item_000000005000577500000000000002ee_1 {
401  grid-area: 1 / 1 / 2 / 3;
402  margin: 0 0 20px 0;
403}
404
405.phone #item_000000005000577500000000000002ee_2 {
406  font-size: clamp(1em, var(--font-size), 7vw);
407  margin: 0 0 20px 0;
408  line-height: 1.3em;
409}
410
411.phone #item_000000005000577500000000000002ee_3 {
412  font-size: clamp(1em, var(--font-size), 5vw);
413  margin: 0 0 20px 0;
414  line-height: 1.5em;
415}
416
417.phone #item_000000005000577500000000000002ee_4 {
418  grid-area: 2 / 1 / 3 / 3;
419}</style>
420
421
422  <div class="background" style="">
423  
424</div>
425
426  <div class="content">
427    
428    
429    <div id="item_000000005000577500000000000002ee_1" class="item g-1-134-1 container col-1">
430  
431  <div id="item_000000005000577500000000000002ee_2" class="nested item g-1-134-2 text heading">
432    <h3>Everybody Gather Round</h3>
433
434    
435
436    
437  </div>
438  
439  <div id="item_000000005000577500000000000002ee_3" class="nested item g-1-134-3 text caption">
440    <p>Promotional card showcasing my illustration style and character poses.</p><p>Sent as an end of year gift to my artist friends.</p>
441
442    
443
444    
445  </div>
446    
447 
448  
449
450    
451
452  
453</div>
454    
455    
456    <div id="item_000000005000577500000000000002ee_4" class="item g-1-134-4 container col-2">
457  
458  <div id="item_000000005000577500000000000002ee_5" class="nested item g-1-134-5 media">
459    
460
461    
462    
463      
464    
465    <style>
466carbon-image { display:block; position:relative; box-sizing:border-box; }
467carbon-image > img,
468carbon-image > video { position:absolute; top:0; left:0; width:100%; height:100%; }
469carbon-shield { display:block; position:absolute; inset:0; }
470</style>
471<carbon-image id="image_42962920" class="zoomable" on-click="zoom:in" data-zoom-size="1920x2484" data-zoom-src="https://carbon-media.accelerator.net/0000000m7J5/k9Y9tvSUTVxg614ZrCPP2X;1920x2484.jpeg?auto=webp" data-cursor="zoom-in" style="max-width:1920px;aspect-ratio:160/207;">
472  <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000m7J5/k9Y9tvSUTVxg614ZrCPP2X;1920x2484.jpeg?auto=webp" width="1920" height="2484" />
473  <carbon-shield></carbon-shield>
474</carbon-image>
475
476    
477
478    
479
480    
481
482    
483  </div>
484    
485 
486  
487
488    
489
490  
491</div>
492    
493  </div>
494</div>
495      
496      <div class="block_000000005000577500000000000002ef block align-x-start align-y-center flipped animated columns flippable" style="" on-insert="block:setup">
497  <style>
498.block_000000005000577500000000000002ef > .content {
499  display: grid;
500  grid-template-columns: repeat(2, 1fr);
501  gap: 0 60px;
502}
503
504#item_000000005000577500000000000002ef_1 {
505  grid-area: 1 / 1 / 2 / 2;
506}
507
508#item_000000005000577500000000000002ef_2 {
509}
510
511#item_000000005000577500000000000002ef_3 {
512}
513
514#item_000000005000577500000000000002ef_4 {
515  grid-area: 1 / 2 / 2 / 3;
516}
517
518.phone .block_000000005000577500000000000002ef > .content {
519  grid-template-columns: repeat(2, 1fr);
520}
521
522.phone #item_000000005000577500000000000002ef_1 {
523  grid-area: 1 / 1 / 2 / 3;
524  margin: 0 0 20px 0;
525}
526
527.phone #item_000000005000577500000000000002ef_2 {
528  font-size: clamp(1em, var(--font-size), 7vw);
529  margin: 0 0 20px 0;
530  line-height: 1.3em;
531}
532
533.phone #item_000000005000577500000000000002ef_3 {
534  font-size: clamp(1em, var(--font-size), 5vw);
535  margin: 0 0 20px 0;
536  line-height: 1.5em;
537}
538
539.phone #item_000000005000577500000000000002ef_4 {
540  grid-area: 2 / 1 / 3 / 3;
541}</style>
542
543
544  <div class="background" style="">
545  
546</div>
547
548  <div class="content">
549    
550    
551    <div id="item_000000005000577500000000000002ef_1" class="item g-1-134-1 container col-1">
552  
553  <div id="item_000000005000577500000000000002ef_2" class="nested item g-1-134-2 text heading">
554    <h3>Nickelodeon Studios</h3>
555
556    
557
558    
559  </div>
560  
561  <div id="item_000000005000577500000000000002ef_3" class="nested item g-1-134-3 text caption">
562    <p>Rendered character poses of Sandy for shirts promoting <em>“The SpongeBob Movie: Sponge Out of Water”.</em></p>
563
564    
565
566    
567  </div>
568    
569 
570  
571
572    
573
574  
575</div>
576    
577    
578    <div id="item_000000005000577500000000000002ef_4" class="item g-1-134-4 container col-2">
579  
580  <div id="item_000000005000577500000000000002ef_5" class="nested item g-1-134-5 media">
581    
582
583    
584    
585      
586    
587    <carbon-image id="image_41556138" class="zoomable" on-click="zoom:in" data-zoom-size="3388x2160" data-zoom-src="https://carbon-media.accelerator.net/0000000m7J5/8vbXlcNClMTdhS5PLn9Gmx;3388x2160/quality(80).jpeg?auto=webp" data-cursor="zoom-in" style="max-width:1920px;aspect-ratio:80/51;">
588  <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000m7J5/8vbXlcNClMTdhS5PLn9Gmx;1920x1224.jpeg?auto=webp" data-srcset="https://carbon-media.accelerator.net/0000000m7J5/8vbXlcNClMTdhS5PLn9Gmx;1920x1224.jpeg?auto=webp 1x, https://carbon-media.accelerator.net/0000000m7J5/8vbXlcNClMTdhS5PLn9Gmx;2880x1836/quality(80).jpeg?auto=webp 1.5x" width="1920" height="1224" />
589  <carbon-shield></carbon-shield>
590</carbon-image>
591
592    
593
594    
595
596    
597
598    
599  </div>
600    
601 
602  
603
604    
605
606  
607</div>
608    
609  </div>
610</div>
611      
612      <div class="block_000000005000577500000000000002f0 block align-x-start align-y-center flipped animated columns flippable" style="" on-insert="block:setup">
613  <style>
614.block_000000005000577500000000000002f0 > .content {
615  display: grid;
616  grid-template-columns: repeat(2, 1fr);
617  gap: 0 60px;
618}
619
620#item_000000005000577500000000000002f0_1 {
621  grid-area: 1 / 1 / 2 / 2;
622}
623
624#item_000000005000577500000000000002f0_2 {
625}
626
627#item_000000005000577500000000000002f0_3 {
628}
629
630#item_000000005000577500000000000002f0_4 {
631  grid-area: 1 / 2 / 2 / 3;
632}
633
634.phone .block_000000005000577500000000000002f0 > .content {
635  grid-template-columns: repeat(2, 1fr);
636}
637
638.phone #item_000000005000577500000000000002f0_1 {
639  grid-area: 1 / 1 / 2 / 3;
640  margin: 0 0 20px 0;
641}
642
643.phone #item_000000005000577500000000000002f0_2 {
644  font-size: clamp(1em, var(--font-size), 7vw);
645  margin: 0 0 20px 0;
646  line-height: 1.3em;
647}
648
649.phone #item_000000005000577500000000000002f0_3 {
650  font-size: clamp(1em, var(--font-size), 5vw);
651  margin: 0 0 20px 0;
652  line-height: 1.5em;
653}
654
655.phone #item_000000005000577500000000000002f0_4 {
656  grid-area: 2 / 1 / 3 / 3;
657}</style>
658
659
660  <div class="background" style="">
661  
662</div>
663
664  <div class="content">
665    
666    
667    <div id="item_000000005000577500000000000002f0_1" class="item g-1-134-1 container col-1">
668  
669  <div id="item_000000005000577500000000000002f0_2" class="nested item g-1-134-2 text heading">
670    <h3>Kansas City Chiefs</h3>
671
672    
673
674    
675  </div>
676  
677  <div id="item_000000005000577500000000000002f0_3" class="nested item g-1-134-3 text caption">
678    <p>Commissioned by a Kansas City Chiefs player for shirts as gifts for his teammates. </p><p>Each player’s pose was drawn to reflect their personality and unique nicknames. </p><p><br></p>
679
680    
681
682    
683  </div>
684    
685 
686  
687
688    
689
690  
691</div>
692    
693    
694    <div id="item_000000005000577500000000000002f0_4" class="item g-1-134-4 container col-2">
695  
696  <div id="item_000000005000577500000000000002f0_5" class="nested item g-1-134-5 media">
697    
698
699    
700    
701      
702    
703    <carbon-image id="image_42963196" class="zoomable" on-click="zoom:in" data-zoom-size="1920x2484" data-zoom-src="https://carbon-media.accelerator.net/0000000m7J5/9spXGYVrknIdca20EF0NRX;1920x2484.jpeg?auto=webp" data-cursor="zoom-in" style="max-width:1920px;aspect-ratio:160/207;">
704  <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000m7J5/9spXGYVrknIdca20EF0NRX;1920x2484.jpeg?auto=webp" width="1920" height="2484" />
705  <carbon-shield></carbon-shield>
706</carbon-image>
707
708    
709
710    
711
712    
713
714    
715  </div>
716    
717 
718  
719
720    
721
722  
723</div>
724    
725  </div>
726</div>
727      
728      <div class="block_000000005000577500000000000002f1 block align-x-start align-y-center flipped animated columns flippable" style="" on-insert="block:setup">
729  <style>
730.block_000000005000577500000000000002f1 > .content {
731  display: grid;
732  grid-template-columns: repeat(2, 1fr);
733  gap: 0 60px;
734}
735
736#item_000000005000577500000000000002f1_1 {
737  grid-area: 1 / 1 / 2 / 2;
738}
739
740#item_000000005000577500000000000002f1_2 {
741}
742
743#item_000000005000577500000000000002f1_3 {
744}
745
746#item_000000005000577500000000000002f1_4 {
747  grid-area: 1 / 2 / 2 / 3;
748}
749
750.phone .block_000000005000577500000000000002f1 > .content {
751  grid-template-columns: repeat(2, 1fr);
752}
753
754.phone #item_000000005000577500000000000002f1_1 {
755  grid-area: 1 / 1 / 2 / 3;
756  margin: 0 0 20px 0;
757}
758
759.phone #item_000000005000577500000000000002f1_2 {
760  font-size: clamp(1em, var(--font-size), 7vw);
761  margin: 0 0 20px 0;
762  line-height: 1.3em;
763}
764
765.phone #item_000000005000577500000000000002f1_3 {
766  font-size: clamp(1em, var(--font-size), 5vw);
767  margin: 0 0 20px 0;
768  line-height: 1.5em;
769}
770
771.phone #item_000000005000577500000000000002f1_4 {
772  grid-area: 2 / 1 / 3 / 3;
773}</style>
774
775
776  <div class="background" style="">
777  
778</div>
779
780  <div class="content">
781    
782    
783    <div id="item_000000005000577500000000000002f1_1" class="item g-1-134-1 container col-1">
784  
785  <div id="item_000000005000577500000000000002f1_2" class="nested item g-1-134-2 text heading">
786    <h3>Salvation Army</h3>
787
788    
789
790    
791  </div>
792  
793  <div id="item_000000005000577500000000000002f1_3" class="nested item g-1-134-3 text caption">
794    <p>From a series of spot illustrations made to inform website visitors about the Salvation Army’s Angel Tree toy drive and how to participate with donations. </p>
795
796    
797
798    
799  </div>
800    
801 
802  
803
804    
805
806  
807</div>
808    
809    
810    <div id="item_000000005000577500000000000002f1_4" class="item g-1-134-4 container col-2">
811  
812  <div id="item_000000005000577500000000000002f1_5" class="nested item g-1-134-5 media">
813    
814
815    
816    
817      
818    
819    <carbon-image id="image_42963197" class="zoomable" on-click="zoom:in" data-zoom-size="1920x2484" data-zoom-src="https://carbon-media.accelerator.net/0000000m7J5/dqTPxAf7jZWgeHqvAf1cES;1920x2484.jpeg?auto=webp" data-cursor="zoom-in" style="max-width:1920px;aspect-ratio:160/207;">
820  <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000m7J5/dqTPxAf7jZWgeHqvAf1cES;1920x2484.jpeg?auto=webp" width="1920" height="2484" />
821  <carbon-shield></carbon-shield>
822</carbon-image>
823
824    
825
826    
827
828    
829
830    
831  </div>
832    
833 
834  
835
836    
837
838  
839</div>
840    
841  </div>
842</div>
843      
844      <div class="block_000000005000577500000000000002f2 block align-x-start align-y-center flipped animated columns flippable" style="" on-insert="block:setup">
845  <style>
846.block_000000005000577500000000000002f2 > .content {
847  display: grid;
848  grid-template-columns: repeat(2, 1fr);
849  gap: 0 60px;
850}
851
852#item_000000005000577500000000000002f2_1 {
853  grid-area: 1 / 1 / 2 / 2;
854}
855
856#item_000000005000577500000000000002f2_2 {
857}
858
859#item_000000005000577500000000000002f2_3 {
860}
861
862#item_000000005000577500000000000002f2_4 {
863  grid-area: 1 / 2 / 2 / 3;
864}
865
866.phone .block_000000005000577500000000000002f2 > .content {
867  grid-template-columns: repeat(2, 1fr);
868}
869
870.phone #item_000000005000577500000000000002f2_1 {
871  grid-area: 1 / 1 / 2 / 3;
872  margin: 0 0 20px 0;
873}
874
875.phone #item_000000005000577500000000000002f2_2 {
876  font-size: clamp(1em, var(--font-size), 7vw);
877  margin: 0 0 20px 0;
878  line-height: 1.3em;
879}
880
881.phone #item_000000005000577500000000000002f2_3 {
882  font-size: clamp(1em, var(--font-size), 5vw);
883  margin: 0 0 20px 0;
884  line-height: 1.5em;
885}
886
887.phone #item_000000005000577500000000000002f2_4 {
888  grid-area: 2 / 1 / 3 / 3;
889}</style>
890
891
892  <div class="background" style="">
893  
894</div>
895
896  <div class="content">
897    
898    
899    <div id="item_000000005000577500000000000002f2_1" class="item g-1-134-1 container col-1">
900  
901  <div id="item_000000005000577500000000000002f2_2" class="nested item g-1-134-2 text heading">
902    <h3>Sleep Care</h3>
903
904    
905
906    
907  </div>
908  
909  <div id="item_000000005000577500000000000002f2_3" class="nested item g-1-134-3 text caption">
910    <p>A year long run of single panel comics for sleepcare.com. </p><p>These were made to entertain readers while educate about sleep disorders and healthy sleep habits. </p>
911
912    
913
914    
915  </div>
916    
917 
918  
919
920    
921
922  
923</div>
924    
925    
926    <div id="item_000000005000577500000000000002f2_4" class="item g-1-134-4 container col-2">
927  
928  <div id="item_000000005000577500000000000002f2_5" class="nested item g-1-134-5 media">
929    
930
931    
932    
933      
934    
935    <carbon-image id="image_42963204" class="zoomable" on-click="zoom:in" data-zoom-size="1440x1799" data-zoom-src="https://carbon-media.accelerator.net/0000000m7J5/5L0KiXEVKfjdBuqzcZc720;1440x1799.jpeg?auto=webp" data-cursor="zoom-in" style="max-width:1440px;aspect-ratio:1440/1799;">
936  <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000m7J5/5L0KiXEVKfjdBuqzcZc720;1440x1799.jpeg?auto=webp" width="1440" height="1799" />
937  <carbon-shield></carbon-shield>
938</carbon-image>
939
940    
941
942    
943
944    
945
946    
947  </div>
948    
949 
950  
951
952    
953
954  
955</div>
956    
957  </div>
958</div>
959      
960      <div class="block_000000005000577500000000000002f3 block align-x-start align-y-center flipped animated columns flippable" style="" on-insert="block:setup">
961  <style>
962.block_000000005000577500000000000002f3 > .content {
963  display: grid;
964  grid-template-columns: repeat(2, 1fr);
965  gap: 0 60px;
966}
967
968#item_000000005000577500000000000002f3_1 {
969  grid-area: 1 / 1 / 2 / 2;
970}
971
972#item_000000005000577500000000000002f3_2 {
973}
974
975#item_000000005000577500000000000002f3_3 {
976}
977
978#item_000000005000577500000000000002f3_4 {
979  grid-area: 1 / 2 / 2 / 3;
980}
981
982.phone .block_000000005000577500000000000002f3 > .content {
983  grid-template-columns: repeat(2, 1fr);
984}
985
986.phone #item_000000005000577500000000000002f3_1 {
987  grid-area: 1 / 1 / 2 / 3;
988  margin: 0 0 20px 0;
989}
990
991.phone #item_000000005000577500000000000002f3_2 {
992  font-size: clamp(1em, var(--font-size), 7vw);
993  margin: 0 0 20px 0;
994  line-height: 1.3em;
995}
996
997.phone #item_000000005000577500000000000002f3_3 {
998  font-size: clamp(1em, var(--font-size), 5vw);
999  margin: 0 0 20px 0;
1000  line-height: 1.5em;
1001}
1002
1003.phone #item_000000005000577500000000000002f3_4 {
1004  grid-area: 2 / 1 / 3 / 3;
1005}</style>
1006
1007
1008  <div class="background" style="">
1009  
1010</div>
1011
1012  <div class="content">
1013    
1014    
1015    <div id="item_000000005000577500000000000002f3_1" class="item g-1-134-1 container col-1">
1016  
1017  <div id="item_000000005000577500000000000002f3_2" class="nested item g-1-134-2 text heading">
1018    <h3>WIZARDS!</h3>
1019
1020    
1021
1022    
1023  </div>
1024  
1025  <div id="item_000000005000577500000000
1025000002f3_3" class="nested item g-1-134-3 text caption">
1026    <p>Cover Art for <em>Wizards! The Podcast Guide to Comics</em>, a '90s comic book culture retrospective show was drawn in the style of the era’s hottest comics.</p>
1027
1028    
1029
1030    
1031  </div>
1032    
1033 
1034  
1035
1036    
1037
1038  
1039</div>
1040    
1041    
1042    <div id="item_000000005000577500000000000002f3_4" class="item g-1-134-4 container col-2">
1043  
1044  <div id="item_000000005000577500000000000002f3_5" class="nested item g-1-134-5 media">
1045    
1046
1047    
1048    
1049      
1050    
1051    <carbon-image id="image_42963199" class="zoomable" on-click="zoom:in" data-zoom-size="1920x2484" data-zoom-src="https://carbon-media.accelerator.net/0000000m7J5/28SmEanLAZRfPz6wDMbAFE;1920x2484.jpeg?auto=webp" data-cursor="zoom-in" style="max-width:1920px;aspect-ratio:160/207;">
1052  <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000m7J5/28SmEanLAZRfPz6wDMbAFE;1920x2484.jpeg?auto=webp" width="1920" height="2484" />
1053  <carbon-shield></carbon-shield>
1054</carbon-image>
1055
1056    
1057
1058    
1059
1060    
1061
1062    
1063  </div>
1064    
1065 
1066  
1067
1068    
1069
1070  
1071</div>
1072    
1073  </div>
1074</div>
1075      
1076      <div class="block_000000005000577500000000000002f4 block align-x-start align-y-center flipped animated columns flippable" style="" on-insert="block:setup">
1077  <style>
1078.block_000000005000577500000000000002f4 > .content {
1079  display: grid;
1080  grid-template-columns: repeat(2, 1fr);
1081  gap: 0 60px;
1082}
1083
1084#item_000000005000577500000000000002f4_1 {
1085  grid-area: 1 / 1 / 2 / 2;
1086}
1087
1088#item_000000005000577500000000000002f4_2 {
1089}
1090
1091#item_000000005000577500000000000002f4_3 {
1092}
1093
1094#item_000000005000577500000000000002f4_4 {
1095  grid-area: 1 / 2 / 2 / 3;
1096}
1097
1098.phone .block_000000005000577500000000000002f4 > .content {
1099  grid-template-columns: repeat(2, 1fr);
1100}
1101
1102.phone #item_000000005000577500000000000002f4_1 {
1103  grid-area: 1 / 1 / 2 / 3;
1104  margin: 0 0 20px 0;
1105}
1106
1107.phone #item_000000005000577500000000000002f4_2 {
1108  font-size: clamp(1em, var(--font-size), 7vw);
1109  margin: 0 0 20px 0;
1110  line-height: 1.3em;
1111}
1112
1113.phone #item_000000005000577500000000000002f4_3 {
1114  font-size: clamp(1em, var(--font-size), 5vw);
1115  margin: 0 0 20px 0;
1116  line-height: 1.5em;
1117}
1118
1119.phone #item_000000005000577500000000000002f4_4 {
1120  grid-area: 2 / 1 / 3 / 3;
1121}</style>
1122
1123
1124  <div class="background" style="">
1125  
1126</div>
1127
1128  <div class="content">
1129    
1130    
1131    <div id="item_000000005000577500000000000002f4_1" class="item g-1-134-1 container col-1">
1132  
1133  <div id="item_000000005000577500000000000002f4_2" class="nested item g-1-134-2 text heading">
1134    <h3>Michigan Squirrels</h3>
1135
1136    
1137
1138    
1139  </div>
1140  
1141  <div id="item_000000005000577500000000000002f4_3" class="nested item g-1-134-3 text caption">
1142    <p>Character illustrations based on squirrels from my neighborhood.</p><p>The poses were drawn to reflect their curious and hungry personalities. </p>
1143
1144    
1145
1146    
1147  </div>
1148    
1149 
1150  
1151
1152    
1153
1154  
1155</div>
1156    
1157    
1158    <div id="item_000000005000577500000000000002f4_4" class="item g-1-134-4 container col-2">
1159  
1160  <div id="item_000000005000577500000000000002f4_5" class="nested item g-1-134-5 media">
1161    
1162
1163    
1164    
1165      
1166    
1167    <carbon-image id="image_42963200" class="zoomable" on-click="zoom:in" data-zoom-size="1920x2484" data-zoom-src="https://carbon-media.accelerator.net/0000000m7J5/aOJaDLmnqm5gaQ9oT3BUQJ;1920x2484.jpeg?auto=webp" data-cursor="zoom-in" style="max-width:1920px;aspect-ratio:160/207;">
1168  <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000m7J5/aOJaDLmnqm5gaQ9oT3BUQJ;1920x2484.jpeg?auto=webp" width="1920" height="2484" />
1169  <carbon-shield></carbon-shield>
1170</carbon-image>
1171
1172    
1173
1174    
1175
1176    
1177
1178    
1179  </div>
1180    
1181 
1182  
1183
1184    
1185
1186  
1187</div>
1188    
1189  </div>
1190</div>
1191      
1192      <div class="block_000000005000577500000000000002f5 block align-x-start align-y-start flipped animated columns flippable" style="" on-insert="block:setup">
1193  <style>
1194.block_000000005000577500000000000002f5 > .content {
1195  display: grid;
1196  grid-template-columns: repeat(2, 1fr);
1197  gap: 0 60px;
1198}
1199
1200#item_000000005000577500000000000002f5_1 {
1201  grid-area: 1 / 1 / 2 / 2;
1202}
1203
1204#item_000000005000577500000000000002f5_2 {
1205}
1206
1207#item_000000005000577500000000000002f5_3 {
1208}
1209
1210#item_000000005000577500000000000002f5_4 {
1211  grid-area: 1 / 2 / 2 / 3;
1212}
1213
1214.phone .block_000000005000577500000000000002f5 > .content {
1215  grid-template-columns: repeat(2, 1fr);
1216}
1217
1218.phone #item_000000005000577500000000000002f5_1 {
1219  grid-area: 1 / 1 / 2 / 3;
1220  margin: 0 0 20px 0;
1221}
1222
1223.phone #item_000000005000577500000000000002f5_2 {
1224  font-size: clamp(1em, var(--font-size), 7vw);
1225  margin: 0 0 20px 0;
1226  line-height: 1.3em;
1227}
1228
1229.phone #item_000000005000577500000000000002f5_3 {
1230  font-size: clamp(1em, var(--font-size), 5vw);
1231  margin: 0 0 20px 0;
1232  line-height: 1.5em;
1233}
1234
1235.phone #item_000000005000577500000000000002f5_4 {
1236  grid-area: 2 / 1 / 3 / 3;
1237}</style>
1238
1239
1240  <div class="background" style="">
1241  
1242</div>
1243
1244  <div class="content">
1245    
1246    
1247    <div id="item_000000005000577500000000000002f5_1" class="item g-1-134-1 container col-1">
1248  
1249  <div id="item_000000005000577500000000000002f5_2" class="nested item g-1-134-2 text heading">
1250    <h3>Health &amp; Safety PSA</h3>
1251
1252    
1253
1254    
1255  </div>
1256  
1257  <div id="item_000000005000577500000000000002f5_3" class="nested item g-1-134-3 text caption">
1258    <p>
1258Illustrations used to educate students and senior citizens on the importance and practice of wearing masks, proper social distancing and vaccination during the COVID-19 pandemic.</p>
1259
1260    
1261
1262    
1263  </div>
1264    
1265 
1266  
1267
1268    
1269
1270  
1271</div>
1272    
1273    
1274    <div id="item_000000005000577500000000000002f5_4" class="item g-1-134-4 container col-2">
1275  
1276  <div id="item_000000005000577500000000000002f5_5" class="nested item g-1-134-5 media">
1277    
1278
1279    
1280    
1281      
1282    
1283    <carbon-image id="image_42974838" class="zoomable" on-click="zoom:in" data-zoom-size="1920x2484" data-zoom-src="https://carbon-media.accelerator.net/0000000m7J5/2nkBfquphVscnDN2qJi6tE;1920x2484.jpeg?auto=webp" data-cursor="zoom-in" style="max-width:1920px;aspect-ratio:160/207;">
1284  <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000m7J5/2nkBfquphVscnDN2qJi6tE;1920x2484.jpeg?auto=webp" width="1920" height="2484" />
1285  <carbon-shield></carbon-shield>
1286</carbon-image>
1287
1288    
1289
1290    
1291
1292    
1293
1294    
1295  </div>
1296    
1297 
1298  
1299
1300    
1301
1302  
1303</div>
1304    
1305  </div>
1306</div>
1307      
1308      <div class="block_000000005000577500000000000002f6 block align-x-start align-y-center flipped animated columns flippable" style="" on-insert="block:setup">
1309  <style>
1310.block_000000005000577500000000000002f6 > .content {
1311  display: grid;
1312  grid-template-columns: repeat(2, 1fr);
1313  gap: 0 60px;
1314}
1315
1316#item_000000005000577500000000000002f6_1 {
1317  grid-area: 1 / 1 / 2 / 2;
1318}
1319
1320#item_000000005000577500000000000002f6_2 {
1321}
1322
1323#item_000000005000577500000000000002f6_3 {
1324}
1325
1326#item_000000005000577500000000000002f6_4 {
1327  grid-area: 1 / 2 / 2 / 3;
1328}
1329
1330.phone .block_000000005000577500000000000002f6 > .content {
1331  grid-template-columns: repeat(2, 1fr);
1332}
1333
1334.phone #item_000000005000577500000000000002f6_1 {
1335  grid-area: 1 / 1 / 2 / 3;
1336  margin: 0 0 20px 0;
1337}
1338
1339.phone #item_000000005000577500000000000002f6_2 {
1340  font-size: clamp(1em, var(--font-size), 7vw);
1341  margin: 0 0 20px 0;
1342  line-height: 1.3em;
1343}
1344
1345.phone #item_000000005000577500000000000002f6_3 {
1346  font-size: clamp(1em, var(--font-size), 5vw);
1347  margin: 0 0 20px 0;
1348  line-height: 1.5em;
1349}
1350
1351.phone #item_000000005000577500000000000002f6_4 {
1352  grid-area: 2 / 1 / 3 / 3;
1353}</style>
1354
1355
1356  <div class="background" style="">
1357  
1358</div>
1359
1360  <div class="content">
1361    
1362    
1363    <div id="item_000000005000577500000000000002f6_1" class="item g-1-134-1 container col-1">
1364  
1365  <div id="item_000000005000577500000000000002f6_2" class="nested item g-1-134-2 text heading">
1366    <h3>Character Art</h3>
1367
1368    
1369
1370    
1371  </div>
1372  
1373  <div id="item_000000005000577500000000000002f6_3" class="nested item g-1-134-3 text caption">
1374    <p>Pose art of original character designs for use in promotional posts and marketing campaigns. </p>
1375
1376    
1377
1378    
1379  </div>
1380    
1381 
1382  
1383
1384    
1385
1386  
1387</div>
1388    
1389    
1390    <div id="item_000000005000577500000000000002f6_4" class="item g-1-134-4 container col-2">
1391  
1392  <div id="item_000000005000577500000000000002f6_5" class="nested item g-1-134-5 media">
1393    
1394
1395    
1396    
1397      
1398    
1399    <carbon-image id="image_42963202" class="zoomable" on-click="zoom:in" data-zoom-size="1920x2484" data-zoom-src="https://carbon-media.accelerator.net/0000000m7J5/e5gDsJt84Z1eIXXNn7xYRN;1920x2484.jpeg?auto=webp" data-cursor="zoom-in" style="max-width:1920px;aspect-ratio:160/207;">
1400  <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000m7J5/e5gDsJt84Z1eIXXNn7xYRN;1920x2484.jpeg?auto=webp" width="1920" height="2484" />
1401  <carbon-shield></carbon-shield>
1402</carbon-image>
1403
1404    
1405
1406    
1407
1408    
1409
1410    
1411  </div>
1412    
1413 
1414  
1415
1416    
1417
1418  
1419</div>
1420    
1421  </div>
1422</div>
1423      
1424      <div class="block_000000005000577500000000000002f7 block align-x-start align-y-center flipped animated columns flippable" style="" on-insert="block:setup">
1425  <style>
1426.block_000000005000577500000000000002f7 > .content {
1427  display: grid;
1428  grid-template-columns: repeat(2, 1fr);
1429  gap: 0 60px;
1430}
1431
1432#item_000000005000577500000000000002f7_1 {
1433  grid-area: 1 / 1 / 2 / 2;
1434}
1435
1436#item_000000005000577500000000000002f7_2 {
1437}
1438
1439#item_000000005000577500000000000002f7_3 {
1440}
1441
1442#item_000000005000577500000000000002f7_4 {
1443  grid-area: 1 / 2 / 2 / 3;
1444}
1445
1446.phone .block_000000005000577500000000000002f7 > .content {
1447  grid-template-columns: repeat(2, 1fr);
1448}
1449
1450.phone #item_000000005000577500000000000002f7_1 {
1451  grid-area: 1 / 1 / 2 / 3;
1452  margin: 0 0 20px 0;
1453}
1454
1455.phone #item_000000005000577500000000000002f7_2 {
1456  font-size: clamp(1em, var(--font-size), 7vw);
1457  margin: 0 0 20px 0;
1458  line-height: 1.3em;
1459}
1460
1461.phone #item_000000005000577500000000000002f7_3 {
1462  font-size: clamp(1em, var(--font-size), 5vw);
1463  margin: 0 0 20px 0;
1464  line-height: 1.5em;
1465}
1466
1467.phone #item_000000005000577500000000000002f7_4 {
1468  grid-area: 2 / 1 / 3 / 3;
1469}</style>
1470
1471
1472  <div class="background" style="">
1473  
1474</div>
1475
1476  <div class="content">
1477    
1478    
1479    <div id="item_000000005000577500000000000002f7_1" class="item g-1-134-1 container col-1">
1480  
1481  <div id="item_000000005000577500000000000002f7_2" class="nested item g-1-134-2 text heading">
1482    <h3>Summer Bummer</h3>
1483
1484    
1485
1486    
1487  </div>
1488  
1489  <div id="item_000000005000577500000000000002f7_3" class="nested item g-1-134-3 text caption">
1490    <p>An editorial illustration accompanying a <em>Cool &amp; Collected</em> magazine article about the sudden arrival of Back to School sales signaling the end of summer vacation.</p>
1491
1492    
1493
1494    
1495  </div>
1496    
1497 
1498  
1499
1500    
1501
1502  
1503</div>
1504    
1505    
1506    <div id="item_000000005000577500000000000002f7_4" class="item g-1-134-4 container col-2">
1507  
1508  <div id="item_000000005000577500000000000002f7_5" class="nested item g-1-134-5 media">
1509    
1510
1511    
1512    
1513      
1514    
1515    <carbon-image id="image_41556090" class="zoomable" on-click="zoom:in" data-zoom-size="1050x1200" data-zoom-src="https://carbon-media.accelerator.net/0000000m7J5/jC5AuuDzZKleOp7v6mTIfz;1050x1200.jpeg?auto=webp" data-cursor="zoom-in" style="max-width:1050px;aspect-ratio:7/8;">
1516  <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000m7J5/jC5AuuDzZKleOp7v6mTIfz;1050x1200.jpeg?auto=webp" width="1050" height="1200" />
1517  <carbon-shield></carbon-shield>
1518</carbon-image>
1519
1520    
1521
1522    
1523
1524    
1525
1526    
1527  </div>
1528    
1529 
1530  
1531
1532    
1533
1534  
1535</div>
1536    
1537  </div>
1538</div>
1539      
1540    </div>
1541
1542    
1543
1544    
1545    <footer class="surface has-links has-branding">
1546  <div class="content">
1547    <div class="copyright">© 2021 All Art by Erik Johnson Illustrator</div>
1548
1549    
1550
1551    
1552    <a href="https://carbonmade.com/?campaign=c4" target="_blank" class="branding">
1553      <span class="icon"></span>
1554    </a>
1555    
1556
1557    
1558    <div class="links">
1559      
1560      <a style="--accent-color:#517fa4" target="_blank" href="https://www.instagram.com/erikjohnsonillustrator" class="social icon instagram solid circle"></a>
1561      
1562      <a style="--accent-color:#1da1f2" target="_blank" href="https://twitter.com/IllustratorErik" class="social icon twitter solid circle"></a>
1563      
1564      <a style="--accent-color:#007bb5" target="_blank" href="https://www.linkedin.com/in/erikjohnsonillustrator/" class="social icon linkedIn solid circle"></a>
1565      
1566    </div> 
1567    
1568  </div>
1569</footer>
1570    
1571  </div>
1572  
1573</div>
1574    
1574<script src="https://static.cmcdn.net/libs/player/3.8.2/hls.js"></script>
1574
1575    
1575<script src="https://static.cmcdn.net/libs/corejs/2.9.0/corejs.js" integrity="sha256-H4af5AcfTSO9YmJ79ol6bab6+TzSWWmMXKM4fwdxRQU=" crossorigin></script>
1575
1576    
1576<script src="https://static.cmcdn.net/libs/router/1.6.0/router.js" integrity="sha256-4IUSi5DVzvBoIJVNfZ416+yuCOs+cry22iJG94eaqW8=" crossorigin></script>
1576
1577    
1577<script src="https://static.cmcdn.net/libs/gestures/0.6.0/gestures.js" integrity="sha256-ylEa69hezIFUAga1cMRcngK6Tf9K+HJgzHUSPswYKoU=" crossorigin></script>
1577
1578    
1578<script src="https://static.cmcdn.net/23/1.1.29/scripts/vendor/anime.js" crossorigin></script>
1578
1579    
1579<script src="https://static.cmcdn.net/23/1.1.29/scripts/vendor/swiper.js" crossorigin></script>
1579
1580    
1580<script src="https://static.cmcdn.net/libs/cursor/0.6.3/cursor.js" integrity="sha256-K3IY3QiVV2UvpT+BaPTD2YjNCx5nT5LLJvNqGQ3L3Is=" crossorigin></script>
1580
1581    
1581<script src="https://static.cmcdn.net/libs/lightbox/0.23.0/lightbox.js" integrity="sha256-t/UfAWPAS6cjMlcR5oslHiY3cL3IVuUpW/ceuFKBZC4=" crossorigin></script>
1581
1582    
1582<script src="https://static.cmcdn.net/libs/forms/4.0.2/forms.js" integrity="sha256-GBwrpMjlOgCPfECaqKSY6jQZU4eKX9Uncc0w90muz94=" crossorigin></script>
1582
1583    
1583<script src="https://static.cmcdn.net/libs/scrollable/3.4.0/scrollable.js" integrity="sha256-baiuPcjdbyEwBScpM1XFcd3KntTAMdNFrfEtB8+Qpm4=" crossorigin></script>
1583
1584    
1584<script src="https://static.cmcdn.net/libs/player/3.8.2/player.js" integrity="sha256-5eC5ruDiSOZ8vs10G8QfH7KRtp3Rt8rYNhCUQE/6tPk=" crossorigin></script>
1584
1585    
1585<script src="https://static.cmcdn.net/libs/lazyjs/2.7.0/lazyjs.js" integrity="sha256-LKzXP6kCFe7HjJizvZTZVZw9VUMXTvJ983WmdTBf5+o=" crossorigin></script>
1585
1586    
1586<script src="https://static.cmcdn.net/23/1.1.29/scripts/chroma.js" crossorigin></script>
1586
1587    
1587<script src="https://static.cmcdn.net/23/1.1.29/scripts/contrast.js" crossorigin></script>
1587
1588    
1588<script src="https://static.cmcdn.net/23/1.1.29/scripts/functions.js" crossorigin></script>
1588
1589    
1589<script src="https://static.cmcdn.net/23/1.1.29/scripts/fitty.js" crossorigin></script>
1589
1590    
1590<script src="https://static.cmcdn.net/23/1.1.29/scripts/blocks.js" crossorigin></script>
1590
1591    
1591<script src="https://static.cmcdn.net/23/1.1.29/scripts/transitions.js" crossorigin></script>
1591
1592    
1592<script src="https://static.cmcdn.net/23/1.1.29/scripts/site/Navigation.js" crossorigin></script>
1592
1593    
1593<script src="https://static.cmcdn.net/23/1.1.29/scripts/components/Flipbook.js" crossorigin></script>
1593
1594    
1594<script src="https://static.cmcdn.net/23/1.1.29/scripts/components/BeforeAfterBlock.js" crossorigin></script>
1594
1595    
1595<script src="https://static.cmcdn.net/23/1.1.29/scripts/browser.js" crossorigin></script>
1595
1596    
1596<script src="https://static.cmcdn.net/23/1.1.29/scripts/app.js" crossorigin></script>
1596
1597
1598    
1599  </body>
1600</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.