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 & 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 & 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.