photojournalism

html ericseals.com collected 2026-10-06 09:26:32 UTC 16,461 bytes, 670 lines download raw bytes

1<!DOCTYPE html>
2<html>
3  <head>
4    <title>Photojournalism - Eric Seals</title>
5    <meta name="description" content="Visual Journeys of Eric Seals shows off his photo &amp; video storytelling done for the Detroit Free Press." />
6    <meta property="og:title" content="Eric Seals" />
7    <meta property="og:description" content="Visual Journeys of Eric Seals. Photo &amp; video storytelling done for the Detroit Free Press." />
8    <meta name="twitter:card" content="summary_large_image" />
9    <meta property="og:image" content="https://carbon-media.accelerator.net/0000000mu3w/5BAUWMaEFbxfE5eDKIxfEB;1031x630.png?auto=webp" />
10    <style id="root-styles">
11:root {
12  --color: #fff;
13  --accent-color: #6b6b6b;
14  --link-color: #6b6b6b;
15  --surface-color: #00000000;
16  --background-color: #000000;
17  --grid-width: 1100px;
18  --default-color: #fff;
19  --default-accent-color: #6b6b6b;
20  --default-link-color: #6b6b6b;
21  --font-family: Quicksand;
22}
23    </style>
24    <style id="global-styles">
25
26.g-1-106-2 {
27  --font-size: 1.4em;
28  font-size: 1.4em;
29  font-family: Rufina;
30  --secondary-font-family: Rufina;
31}
32
33.g-1-125-1 {
34  line-height: 1.24;
35  font-family: Rufina;
36  --secondary-font-family: Rufina;
37  --font-size: 7.3em;
38  font-size: 7.3em;
39}
40
41.g-1-125-2 {
42  line-height: 1;
43  --font-size: 2.6em;
44  font-size: 2.6em;
45  font-family: Rufina;
46  --secondary-font-family: Rufina;
47}
48
49.g-1-125-3 {
50}
51
52.g-1-142-2 {
53  letter-spacing: 0.19em;
54  line-height: 1;
55  font-family: Crimson Text;
56  --secondary-font-family: Crimson Text;
57}
58
59.g-1-142-3 {
60  --font-size: 4em;
61  font-size: 4em;
62}
63
64.g-1-128-2 {
65  --font-size: 1.8em;
66  font-size: 1.8em;
67  letter-spacing: 0.3em;
68  line-height: 1.9;
69}
70
71.g-1-128-4 {
72  --font-size: 2em;
73  font-size: 2em;
74  line-height: 1.9;
75  font-family: Rufina;
76  --secondary-font-family: Rufina;
77}
78
79.g-1-133-2 {
80  --font-size: 4.5em;
81  font-size: 4.5em;
82}
83
84.g-1-133-3 {
85  --font-size: 2.5em;
86  font-size: 2.5em;
87  line-height: 1.5em;
88}
89
90.g-1-149-1 {
91}
92
93.g-1-149-2 {
94}
95
96.g-1-134-2 {
97  --font-size: 4em;
98  font-size: 4em;
99  line-height: 2em;
100}
101
102.g-1-134-3 {
103  --font-size: 2.5em;
104  font-size: 2.5em;
105  line-height: 1.5em;
106}
107
108.g-1-127-3 {
109  --font-size: 2em;
110  font-size: 2em;
111  line-height: 1.5em;
112}
113
114.g-1-127-4 {
115  --font-size: 2em;
116  font-size: 2em;
117  line-height: 1.77;
118}
119
120.g-1-130-5 {
121  --font-size: 4em;
122  font-size: 4em;
123  line-height: 1.5em;
124}
125
126.g-1-130-6 {
127  --font-size: 2.5em;
128  font-size: 2.5em;
129  line-height: 1.5em;
130}
131
132.g-1-130-7 {
133  --font-size: 2.5em;
134  font-size: 2.5em;
135  line-height: 1.5em;
136}
137
138.g-1-136-1 {
139  --font-size: 1.6em;
140  font-size: 1.6em;
141  letter-spacing: 0.5em;
142  line-height: 1;
143}
144
145.g-1-136-2 {
146  --font-size: 5em;
147  font-size: 5em;
148  line-height: 1.77;
149}
150
151.g-1-136-3 {
152  --font-size: 2em;
153  font-size: 2em;
154  line-height: 1.79;
155}
156
157.g-1-136-4 {
158  --font-size: 1.8em;
159  font-size: 1.8em;
160  line-height: 2;
161}
162
163.g-1-136-5 {
164  --font-size: 2em;
165  font-size: 2em;
166  line-height: 1.49;
167}
168
169.g-1-107-2 {
170  --font-size: 20em;
171  font-size: 20em;
172  line-height: 0.96;
173}
174
175.g-1-107-3 {
176  --font-size: 3em;
177  font-size: 3em;
178  letter-spacing: 0.5em;
179  line-height: 1;
180}
181
182.g-1-129-2 {
183}
184
185.g-1-129-3 {
186  --font-size: 1.8em;
187  font-size: 1.8em;
188  letter-spacing: -0.01em;
189  line-height: 1.5em;
190}
191
192.g-1-129-5 {
193}
194
195.g-1-129-6 {
196  --font-size: 1.8em;
197  font-size: 1.8em;
198  letter-spacing: -0.01em;
199  line-height: 1.5em;
200}
201
202.g-1-129-8 {
203}
204
205.g-1-129-9 {
206  --font-size: 1.8em;
207  font-size: 1.8em;
208  letter-spacing: -0.01em;
209  line-height: 1.5em;
210}
211
212.g-1-129-11 {
213}
214
215.g-1-129-12 {
216  --font-size: 1.8em;
217  font-size: 1.8em;
218  letter-spacing: -0.01em;
219  line-height: 1.5em;
220}
221
222.g-1-132-3 {
223  --font-size: 4em;
224  font-size: 4em;
225}
226
227.g-1-132-4 {
228  --font-size: 2.5em;
229  font-size: 2.5em;
230  line-height: 1.5em;
231}
232
233.g-1-132-7 {
234  --font-size: 4em;
235  font-size: 4em;
236}
237
238.g-1-132-8 {
239  --font-size: 2.5em;
240  font-size: 2.5em;
241  line-height: 1.5em;
242}
243
244.g-1-135-1 {
245  --font-size: 3em;
246  font-size: 3em;
247  letter-spacing: 0.1em;
248  line-height: 3.4em;
249}
250
251.g-1-143-1 {
252  --font-size: 2.8em;
253  font-size: 2.8em;
254  letter-spacing: -0.01em;
255  line-height: 1.37;
256}
257</style>
258    <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.30/styles/all.css" />
259    <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.30/styles/vendor/swiper.css" />
260    <link rel="stylesheet" href="/styles/fonts.css"/>
261
262    
263
264    <meta name="viewport" content="width=device-width, initial-scale=1"/>
265  </head>
266
267  <body class="site desktop  " data-min-contrast="0.05">
268    <div class="page project loading" style="background:#000000;--background-color:#000000;">
269  
270
271
272<span id="navigation_5358754_4809818" class="navigation surface overlay  " on-insert="nav:setup">
273  
274  <header>
275    <a href="/">
276      <h1 class="logo_43586011" style="font-size:2.5em;line-height:1em;" data-box="145x100">Eric Seals</h1>
277<style>
278h1.logo_43586011 {
279  --scale: 1;
280  width: calc(145px * var(--scale));
281  height: calc(100px * var(--scale));
282  background: center / contain no-repeat url('https://carbon-media.accelerator.net/0000000mu3w/2axeHtaxoBVc9ZhXtZhN5F;145x100.png?auto=webp');
283  text-indent: -500vw;
284  white-space: nowrap;
285  overflow: hidden;
286  background-image: image-set(url('https://carbon-media.accelerator.net/0000000mu3w/2axeHtaxoBVc9ZhXtZhN5F;145x100.png?auto=webp') 1x, url('https://carbon-media.accelerator.net/0000000mu3w/2axeHtaxoBVc9ZhXtZhN5F;290x200.png?auto=webp') 2x);;
287}</style>
288    </a>
289  </header>
290
291  
292  <div class="navigation overlay">
293    <style>
294#navigation_5358754_4809818 {
295  --link-color: #ffffff;
296  --default-link-color: #ffffff;
297}
298
299#navigation_5358754_4809818 > header {
300  display: flex;
301  width: 100%;
302  align-items: center;
303  position: relative;
304  z-index: 10;
305  flex-flow: row wrap;
306}
307
308#navigation_5358754_4809818 .overlay {
309  --surface-color: #000000;
310  background: var(--overlay-background-color, #000000);
311}
312</style>
313<nav style="display:flex;width:100%;justify-content:flex-end;align-items:center;flex-flow:row wrap;font-size:3.7em;">
314  <a class="link_000000005100a2c40000000000000352" href="/"><span>Work</span></a>
315  <a class="link_000000005100a2c40000000000000355" href="/about"><span>About</span></a>
316  <a class="link_000000005100a2c400000000000003dd project_link" href="/free-press-picture-pages"><span>Free Press Picture Pages</span></a>
317  <a class="link_000000005100a2c400000000000003c8 project_link" href="/photojournalism"><span>Photojournalism</span></a>
318  <a class="link_000000005100a2c400000000000003cb project_link" href="/video-storytelling"><span>Video storytelling</span></a>
319  <a class="link_000000005100a2c400000000000003ce project_link" href="/sports"><span>

319Sports</span></a>
320  <a class="link_000000005100a2c400000000000003bd project_link" href="/portraits"><span>Portraits</span></a>
321  <a class="link_000000005100a2c40000000000000419 project_link" href="/behind-the-scenes"><span>Behind the Scenes</span></a>
322  <a class="link_000000005100a2c40000000000000153 project_link" href="/video-ernie-the-sandwich-man"><span>Video - Ernie the Sandwich Man</span></a>
323</nav>
324
325  </div>
326  
327
328  
329
330  
331
332  
333
334  
335
336  
337  <div class="hamburger navIcon" on-click="nav:toggle">
338  <svg class="icon" viewBox="0 0 28 28">
339    <g stroke-width="2" stroke-linecap="round" stroke-miterlimit="10">
340      <line class="one" x1="4" y1="6" x2="24" y2="6"></line>
341      <line class="two" x1="4" y1="14" x2="24" y2="14"></line>
342      <line class="three" x1="4" y1="22" x2="24" y2="22"></line>
343    </g>
344  </svg>
345</div>
346  
347
348</span>
349
350  
351  <div class="guts">
352    <div class="content blocks grid animated">
353      
354      <div class="block_000000005100a2c40000000000000563 block align-x-center align-y-center animated header" style="" on-insert="block:setup">
355  <style>
356.block_000000005100a2c40000000000000563 > .content {
357  display: grid;
358  grid-template-columns: repeat(0, 1fr);
359}
360
361#item_000000005100a2c40000000000000563_1 {
362}
363
364#item_000000005100a2c40000000000000563_2 {
365}
366
367#item_000000005100a2c40000000000000563_3 {
368}
369
370.phone .block_000000005100a2c40000000000000563 > .content {
371  grid-template-columns: repeat(0, 1fr);
372}
373
374.phone #item_000000005100a2c40000000000000563_1 {
375  font-size: clamp(1em, var(--font-size), 7vw);
376}
377
378.phone #item_000000005100a2c40000000000000563_2 {
379  font-size: clamp(1em, var(--font-size), 5vw);
380}
381
382.phone #item_000000005100a2c40000000000000563_3 {
383  margin: 0px 0 20px 0;
384}</style>
385
386
387  <div class="background" style="">
388  
389</div>
390
391  <div class="content">
392    
393    
394    <div id="item_000000005100a2c40000000000000563_1" class="item g-1-125-1 text heading">
395    
396 
397  <h1>Visual Journeys of Eric Seals</h1>
398
399    
400
401  
402</div>
403    
404    
405    <div id="item_000000005100a2c40000000000000563_2" class="item g-1-125-2 text subheading">
406    
407 
408  <h2>Various daily photojournalism done for the Detroit Free Press</h2>
409
410    
411
412  
413</div>
414    
415  </div>
416</div>
417      
418      <div on-insert="block:setup" class="block_000000005100a2c40000000000000564 block animated" style="">
419  <style>
420</style>
421
422
423  
424
425  
426  <div class="flipbook   content" on-insert="flipbook:setup" on-unload="flipbook:unload" style="--gap-x:50px;">
427  <div class="swiper-container">
428    <div class="swiper-wrapper">      
429       
430      <div class="swiper-slide slide  " data-aspect="2.143">
431  <div class="inner">
432    <div class="media-wrapper">
433
434      
435      <img src="https://carbon-media.accelerator.net/0000000mu3w/ic5PSGdQAItdB7CxevYywG;1100x513.jpeg?auto=webp" width="1100" height="513" />
436      
437
438      
439    </div>
440
441    
442  </div>
443</div>
444       
445      <div class="swiper-slide slide  " data-aspect="0.525">
446  <div class="inner">
447    <div class="media-wrapper">
448
449      
450      <img src="https://carbon-media.accelerator.net/0000000mu3w/8XA9ZSubBd0egD0mqsgdAF;1008x1920.jpeg?auto=webp" width="1008" height="1920" />
451      
452
453      
454    </div>
455
456    
457  </div>
458</div>
459       
460      <div class="swiper-slide slide  " data-aspect="1.845">
461  <div class="inner">
462    <div class="media-wrapper">
463
464      
465      <img src="https://carbon-media.accelerator.net/0000000mu3w/9M3KQaaOkObgkfo8nynasK;1100x596.jpeg?auto=webp" width="1100" height="596" />
466      
467
468      
469    </div>
470
471    
472  </div>
473</div>
474       
475      <div class="swiper-slide slide  " data-aspect="1.139">
476  <div class="inner">
477    <div class="media-wrapper">
478
479      
480      <img src="https://carbon-media.accelerator.net/0000000mu3w/kZ7YjP1lxBdeS1aEG70dC7;1100x965.jpeg?auto=webp" width="1100" height="965" />
481      
482
483      
484    </div>
485
486    
487  </div>
488</div>
489       
490      <div class="swiper-slide slide  " data-aspect="1.635">
491  <div class="inner">
492    <div class="media-wrapper">
493
494      
495      <img src="https://carbon-media.accelerator.net/0000000mu3w/hcRTEtdCJBxfRJMFzR0qRp;1100x672.jpeg?auto=webp" width="1100" height="672" />
496      
497
498      
499    </div>
500
501    
502  </div>
503</div>
504       
505      <div class="swiper-slide slide  " data-aspect="1.393">
506  <div class="inner">
507    <div class="media-wrapper">
508
509      
510      <img src="https://carbon-media.accelerator.net/0000000mu3w/aLUYed2rMKQdJ2ovNjgQU8;1100x789.jpeg?auto=webp" width="1100" height="789" />
511      
512
513      
514    </div>
515
516    
517  </div>
518</div>
519       
520      <div class="swiper-slide slide  " data-aspect="1">

521  <div class="inner">
522    <div class="media-wrapper">
523
524      
525      <img src="https://carbon-media.accelerator.net/0000000mu3w/kNumILSjNUcephKI607zTi;1100x1100.jpeg?auto=webp" width="1100" height="1100" />
526      
527
528      
529    </div>
530
531    
532  </div>
533</div>
534       
535      <div class="swiper-slide slide  " data-aspect="1.078">
536  <div class="inner">
537    <div class="media-wrapper">
538
539      
540      <img src="https://carbon-media.accelerator.net/0000000mu3w/1L5BKo60zqjfM4MSwS15Uu;1100x1020.jpeg?auto=webp" width="1100" height="1020" />
541      
542
543      
544    </div>
545
546    
547  </div>
548</div>
549       
550      <div class="swiper-slide slide  " data-aspect="1.493">
551  <div class="inner">
552    <div class="media-wrapper">
553
554      
555      <img src="https://carbon-media.accelerator.net/0000000mu3w/1b5enG7tL6ecHnPOpGs7TO;1100x736.jpeg?auto=webp" width="1100" height="736" />
556      
557
558      
559    </div>
560
561    
562  </div>
563</div>
564      
565    </div>
566
567    
568  </div>
569
570  
571  <div class="flipper prev swiper-button swiper-button-prev"></div>
572  <div class="flipper next swiper-button swiper-button-next"></div> 
573  
574</div>
575   
576</div>
577      
578    </div>
579
580    
581    <div class="project-nav surface">
582  
583    <div class="content">
584      
585        
586        <a class="action prev" href="/free-press-picture-pages">
587          <div class="wrap">
588            <div class="icon"></div>
589            <div class="inner">
590              <label>PREV PROJECT</label>
591              <div class="title">Free Press Picture Pages</div>      
592            </div>
593          </div>
594        </a>
595        
596      
597
598      
599        
600        <a class="action next" href="/video-storytelling">
601          <div class="wrap">
602            <div class="inner">
603                <label>NEXT PROJECT</label>
604                <div class="title">Video storytelling</div>
605            </div>
606            <div class="icon"></div>
607          </div>
608        </a>
609        
610      
611    </div>
612  
613</div>
614    
615
616    
617    <footer class="surface has-links has-branding">
618  <div class="content">
619    <div class="copyright">&#xA9; Eric Seals</div>
620
621    
622
623    
624    <a href="https://carbonmade.com/?campaign=c4" target="_blank" class="branding">
625      <span class="icon"></span>
626    </a>
627    
628
629    
630    <div class="links">
631      
632      <a style="--accent-color:#517fa4" target="_blank" href="https://www.instagram.com/ericseals" class="social icon instagram solid circle"></a>
633      
634      <a style="--accent-color:#1da1f2" target="_blank" href="https://twitter.com/ericseals" class="social icon twitter solid circle"></a>
635      
636    </div> 
637    
638  </div>
639</footer>
640    
641  </div>
642  
643</div>
644

644<script src="https://static.cmcdn.net/libs/player/3.8.2/hls.js"></script>

644
645

645<script src="https://static.cmcdn.net/libs/corejs/2.9.0/corejs.js" integrity="sha256-H4af5AcfTSO9YmJ79ol6bab6+TzSWWmMXKM4fwdxRQU=" crossorigin></script>

645
646

646<script src="https://static.cmcdn.net/libs/router/1.6.0/router.js" integrity="sha256-4IUSi5DVzvBoIJVNfZ416+yuCOs+cry22iJG94eaqW8=" crossorigin></script>

646
647

647<script src="https://static.cmcdn.net/libs/gestures/0.6.0/gestures.js" integrity="sha256-ylEa69hezIFUAga1cMRcngK6Tf9K+HJgzHUSPswYKoU=" crossorigin></script>

647
648

648<script src="https://static.cmcdn.net/23/1.1.30/scripts/vendor/anime.js" crossorigin></script>

648
649

649<script src="https://static.cmcdn.net/23/1.1.30/scripts/vendor/swiper.js" crossorigin></script>

649
650

650<script src="https://static.cmcdn.net/libs/cursor/0.6.3/cursor.js" integrity="sha256-K3IY3QiVV2UvpT+BaPTD2YjNCx5nT5LLJvNqGQ3L3Is=" crossorigin></script>

650
651

651<script src="https://static.cmcdn.net/libs/lightbox/0.23.0/lightbox.js" integrity="sha256-t/UfAWPAS6cjMlcR5oslHiY3cL3IVuUpW/ceuFKBZC4=" crossorigin></script>

651
652

652<script src="https://static.cmcdn.net/libs/forms/4.0.2/forms.js" integrity="sha256-GBwrpMjlOgCPfECaqKSY6jQZU4eKX9Uncc0w90muz94=" crossorigin></script>

652
653

653<script src="https://static.cmcdn.net/libs/scrollable/3.4.0/scrollable.js" integrity="sha256-baiuPcjdbyEwBScpM1XFcd3KntTAMdNFrfEtB8+Qpm4=" crossorigin></script>

653
654

654<script src="https://static.cmcdn.net/libs/player/3.8.2/player.js" integrity="sha256-5eC5ruDiSOZ8vs10G8QfH7KRtp3Rt8rYNhCUQE/6tPk=" crossorigin></script>

654
655

655<script src="https://static.cmcdn.net/libs/lazyjs/2.7.0/lazyjs.js" integrity="sha256-LKzXP6kCFe7HjJizvZTZVZw9VUMXTvJ983WmdTBf5+o=" crossorigin></script>

655
656

656<script src="https://static.cmcdn.net/23/1.1.30/scripts/chroma.js" crossorigin></script>

656
657

657<script src="https://static.cmcdn.net/23/1.1.30/scripts/contrast.js" crossorigin></script>

657
658

658<script src="https://static.cmcdn.net/23/1.1.30/scripts/functions.js" crossorigin></script>

658
659

659<script src="https://static.cmcdn.net/23/1.1.30/scripts/fitty.js" crossorigin></script>

659
660

660<script src="https://static.cmcdn.net/23/1.1.30/scripts/blocks.js" crossorigin></script>

660
661

661<script src="https://static.cmcdn.net/23/1.1.30/scripts/transitions.js" crossorigin></script>

661
662

662<script src="https://static.cmcdn.net/23/1.1.30/scripts/site/Navigation.js" crossorigin></script>

662
663

663<script src="https://static.cmcdn.net/23/1.1.30/scripts/components/Flipbook.js" crossorigin></script>

663
664

664<script src="https://static.cmcdn.net/23/1.1.30/scripts/components/BeforeAfterBlock.js" crossorigin></script>

664
665

665<script src="https://static.cmcdn.net/23/1.1.30/scripts/browser.js" crossorigin></script>

665
666

666<script src="https://static.cmcdn.net/23/1.1.30/scripts/app.js" crossorigin></script>

666
667
668    
669  </body>
670</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.