PageSourceSearch

https://www.refracted.net/

html refracted.net collected 2026-09-28 15:14:52 UTC 57,832 bytes, 1,749 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3
4<head>
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <meta charset="utf-8">
7    <link rel="stylesheet" href="/themes/starter/assets/css/styles.css?e76ca858befbceec49aca10f12b73a41" />
8    <title>Refracted.net - Refracted.net</title>
9<meta property="og:title" content="Refracted.net - Refracted.net">
10<meta name="twitter:title" content="Refracted.net - Refracted.net">
11<meta property="og:site_name" content="Refracted.net">
12<link rel="canonical" href="https://www.refracted.net/">
13<meta property="og:url" content="https://www.refracted.net/">
14<meta name="description" content="Photography and Photographic History, and restoring old cameras">
15<meta property="og:description" content="Photography and Photographic History, and restoring old cameras">
16<meta name="twitter:description" content="Photography and Photographic History, and restoring old cameras">
17<meta name="twitter:card" content="summary" />
18<meta name="keywords" content="Photography, Photographic History, photohistory, camera, restoration, harmonograph, fractals, experimental photography">
19<meta name="generator" content="Articulation - https://www.articulationsites.com">
20<meta property="og:type" content="website">
21
22
23    <link rel="preconnect" href="https://assets.articulationsites.com" />
24        
24<script>
25        document.documentElement.classList.remove('dark')
26    </script>
26
27    
27<script defer src="https://assets.articulationsites.com/js/published/published.min.js?v=c17059228c8f0fb3962a3f88e7dd27316"></script>
27
28    
28<script defer src="https://assets.articulationsites.com/js/vendor/focus.min.js"></script>
28
29    
29<script defer src="https://assets.articulationsites.com/js/vendor/intersect.min.js?v=1"></script>
29
30    
30<script defer src="https://assets.articulationsites.com/js/vendor/alpine.min.js"></script>
30
31    <link href="/css/published.css?v=00c806c10a32c2354a8f6b7a3c64cbdb" rel="stylesheet"/>
32    <style>
33        :root {
34            --color-text-dark-bg: #9ca3af;
35--color-text-dark-bg-heading: #f3f4f6;
36--color-text-light-bg: #000000;
37--text-color: #000000;
38--color-text-light-bg-heading: #444444;
39--heading-color: #444444;
40--font-heading: "Lato";
41--font-text: "Actor";
42--font-button: "Cabin";
43--font-nav_link: "Cabin";
44--font-quote: "Actor";
45--color-primary-main: #ff4c4c;
46--color-primary-light: #ff7f7f;
47--color-primary-dark: #ff1919;
48--color-primary-contrast: #ffffff;
49--color-secondary-main: #20211f;
50--color-secondary-light: #393b38;
51--color-secondary-dark: #060706;
52--color-secondary-contrast: #ffffff;
53--color-accent-main: #84DCC6;
54--color-accent-light: #ace7d8;
55--color-accent-dark: #5cd1b4;
56--color-accent-contrast: #000000;
57--color-success-main: #22c55e;
58--color-success-light: #3ddd78;
59--color-success-dark: #1a9a49;
60--color-success-contrast: #000000;
61--color-error-main: #dc2626;
62--color-error-light: #e35252;
63--color-error-dark: #b21d1d;
64--color-error-contrast: #FFFFFF;
65--link-color: #ff4c4c;
66--link-hover-color: #508d24;
67--shape: 8px;
68--heading-2-font-size: 34px;
69--heading-2-font-weight: 400;
70--heading-2-text-transform: uppercase;
71--nav-link-color: #d5d5d5;
72--nav-link-active-color: #f8c7a9;
73--nav-link-font-size: 16px;
74--nav-link-font-weight: 400;
75--nav-link-text-transform: none;
76--subnav-link-text-transform: none;
77        }
78    </style>
79    <style id="site-css">
80        
81    </style>
82    
83    <link rel="preconnect" href="https://fonts.googleapis.com" />
84    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Bebas+Neue:wght@400;700&family=Actor:wght@400;700&family=Cabin:wght@400;700">
85</head>
86
87<body>
88    <div class="outer-container  ">
89        <div class="inner-container">
90            <div id="c69ee399debc39" class="component">    <header
91    class="layout-logo-above main-header bg-(--background-color) bg-type-color"
92    style="--text-color: #ffffff; --background-color: #000000;"
93    x-data
94    x-init="
95        $store.nav.breakPoint = 1024;
96        $store.nav.checkIsMobile(0);
97        $nextTick(() => {
98            document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px');
99        });
100    "
101    @resize.window="document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px');"
102    x-cloak
103>
104    <nav
105        :class="{
106            'mobile-nav': $store.nav.mobile,
107            'mobile-nav-open': $store.nav.mobileMenuOpen
108        }"
109        x-ref="nav"
110    >
111        <div class="nav-container">
112            <div class="logo-above-nav-outer">
113                <div class="mobile-menu-button-container">
114                    <button
115                        aria-label="hamburger"
116                        class="mobile-menu-button"
117                        @click="$store.nav.mobileMenuOpen = !$store.nav.mobileMenuOpen"
118                        x-data x-cloak
119                    >
120                        <div
121                            class="mobile-cart-alert"
122                            aria-hidden="true"
123                            x-data
124                            x-show="$store.commerceCart.totalQuantity > 0 && $store.nav.mobile"
125                        >
126                            <span x-text="$store.commerceCart.totalQuantity"></span>
127                        </div>
128                        <div aria-hidden="true"
129                             style="--background-color: #164e63;"
130                             class="mobile-menu-button-piece mobile-piece-top bg-(--background-color) bg-type-color"></div>
131                        <div aria-hidden="true"
132                             style="--background-color: #164e63;"
133                             class="mobile-menu-button-piece mobile-piece-bottom bg-(--background-color) bg-type-color"></div>
134                    </button>
135                </div>
136                <a href="/" aria-label="logo" class="logo ">
137                                            <div
138                            class="text-logo text-center text-logo-auto text-(--text-color) custom-text-color custom-font-family font-(family-name:--font-custom)"
139                            style="--text-color: #ffffff; --font-custom: Bebas Neue;"
140                        >
141                            Refracted.net</div>
142                                    </a>
143
144                <div
145                    class="layout-logo-above-desktop-buttons"
146                    x-show="!$store.nav.mobile"
147                    x-cloak
148                >
149                    
150                    
151                                    </div>
152            </div>
153            <div class="nav-outer">
154                <div
155                    :aria-hidden="!$store.nav.mobile"
156                    class="mobile-nav-backdrop"
157                    @click="$store.nav.mobileMenuOpen = false"
158                ></div>
159                <div
160                    class="nav-list-container"
161                    x-show="!$store.nav.mobile"
162                    x-cloak
163                >
164                    <div class="nav-list-container-inner">
165                        <ul
166    class="main-nav-list"
167    x-data
168    x-navigation="{ allowCollapseToMore: false }"
169>
170            <li
171    class="main-nav-item"
172    id="D2XFkz2V"
173>
174    <a href="/"
175              class="nav-link active"
176    >
177        <span>Home</span>
178    </a>
179    </li>
180
181            <li
182    class="main-nav-item"
183    id="HkRezQKd"
184>
185    <a href="/reflected"
186              class="nav-link "
187    >
188        <span>Reflected</span>
189    </a>
190    </li>
191
192            <li
193    class="main-nav-item"
194    id="UjTdsm5O"
195>
196    <a href="/gallery-1"
197              class="nav-link "
198    >
199        <span>Gallery 1</span>
200    </a>
201    </li>
202
203            <li
204    class="main-nav-item"
205    id="6dpAAkxy"
206>
207    <a href="/gallery-2"
208              class="nav-link "
209    >
210        <span>Gallery 2</span>
211    </a>
212    </li>
213
214            <li
215    class="main-nav-item"
216    id="K2JLjnh5"
217>
218    <a href="/techniques"
219              class="nav-link "
220    >
221        <span>Techniques</span>
222    </a>
223            <ul
224    class="subnav subnav-level-1 subnav-parent-K2JLjnh5"
225>
226            <li id="subnav-Q5qqg1Mo">
227    <a
228        href="/nikon-d70-macro"
229                class="nav-link"
230    >
231        <span class="subnav-label">
232            Nikon D70 Macro
233                    </span>
234    </a>
235    </li>
236
237            <li id="subnav-c2dEX17C">
238    <a
239        href="/rodenstock-imagon"
240                class="nav-link"
241    >
242        <span class="subnav-label">
243            Rodenstock Imagon
244                    </span>
245    </a>
246    </li>
247
248            <li id="subnav-NPgUvqjz">
249    <a
250        href="/budget-fisheye"
251                class="nav-link"
252    >
253        <span class="subnav-label">
254            Budget Fisheye
255                    </span>
256    </a>
257    </li>
258
259            <li id="subnav-7om5r4jR">
260    <a
261        href="/slit-scanning"
262                class="nav-link"
263    >
264        <span class="subnav-label">
265            Slit Scanning
266                    </span>
267    </a>
268    </li>
269
270    </ul>
271
272    </li>
273
274            <li
275    class="main-nav-item"
276    id="2YPiSmev"
277>
278    <a href="/photohistory"
279              class="nav-link "
280    >
281        <span>PhotoHistory</span>
282    </a>
283            <ul
284    class="subnav subnav-level-1 subnav-parent-2YPiSmev"
285>
286            <li id="subnav-29V8ThcJ">
287    <a
288        href="/lectures"
289                class="nav-link"
290    >
291        <span class="subnav-label">
292            Lectures
293                    </span>
294    </a>
295    </li>
296
297            <li id="subnav-KQ4ekQX3">
298    <a
299        href="/mizuno"
300                class="nav-link"
301    >
302        <span class="subnav-label">
303            Mizuno
304                    </span>
305    </a>
306    </li>
307
308            <li id="subnav-0HZ2xkde">
309    <a
310        href="/35tlr"
311                class="nav-link"
312    >
313        <span class="subnav-label">
314            35TLR
315                    </span>
316    </a>
317    </li>
318
319    </ul>
320
321    </li>
322
323            <li
324    class="main-nav-item"
325    id="YyF7hw4X"
326>
327    <a href="/restoration"
328              class="nav-link "
329    >
330        <span>Restoration</span>
331    </a>
332            <ul
333    class="subnav subnav-level-1 subnav-parent-YyF7hw4X"
334>
335            <li id="subnav-dl4hz9tH">
336    <a
337        href="/fotochrome"
338                class="nav-link"
339    >
340        <span class="subnav-label">
341            Fotochrome
342                    </span>
343    </a>
344    </li>
345
346            <li id="subnav-TCmXVwuF">
347    <a
348        href="/gami-16"
349                class="nav-link"
350    >
351        <span class="subnav-label">
352            Gami-16
353                    </span>
354    </a>
355    </li>
356
357            <li id="subnav-ZplM0CTn">
358    <a
359        href="/graphic-35"
360                class="nav-link"
361    >
362        <span class="subnav-label">
363            Graphic 35
364                    </span>
365    </a>
366    </li>
367
368            <li id="subnav-p0K3tQYN">
369    <a
370        href="/karma-flex"
371                class="nav-link"
372    >
373        <span class="subnav-label">
374            Karma-Flex
375                    </span>
376    </a>
377    </li>
378
379            <li id="subnav-oPs3XhpK">
380    <a
381        href="/kirk-stereo"
382                class="nav-link"
383    >
384        <span class="subnav-label">
385            Kirk Stereo
386                    </span>
387    </a>
388    </li>
389
390            <li id="subnav-Hml2mgy5">
391    <a
392        href="/komaflex-s"
393                class="nav-link"
394    >
395        <span class="subnav-label">
396            Komaflex-S
397                    </span>
398    </a>
399    </li>
400
401            <li id="subnav-lRoKFDfw">
402    <a
403        href="/leatherwork"
404                class="nav-link"
405    >
406        <span class="subnav-label">
407            Leatherwork
408                    </span>
409    </a>
410    </li>
411
412            <li id="subnav-e84qF0gD">
413    <a
414        href="/lens-caps"
415                class="nav-link"
416    >
417        <span class="subnav-label">
418            Lens Caps
419                    </span>
420    </a>
421    </li>
422
423            <li id="subnav-qfg0rc0o">
424    <a
425        href="/megoflex"
426                class="nav-link"
427    >
428        <span class="subnav-label">
429            Megoflex
430                    </span>
431    </a>
432    </li>
433
434            <li id="subnav-0lJcLftx">
435    <a
436        href="/panorascope"
437                class="nav-link"
438    >
439        <span class="subnav-label">
440            Panorascope
441                    </span>
442    </a>
443    </li>
444
445            <li id="subnav-n2jjRjsT">
446    <a
447        href="/pressmaster"
448                class="nav-link"
449    >
450        <span class="subnav-label">
451            Pressmaster
452                    </span>
453    </a>
454    </li>
455
456            <li id="subnav-0jxl2qWw">
457    <a
458        href="/qrs-kamra"
459                class="nav-link"
460    >
461        <span class="subnav-label">
462            QRS Kamra
463                    </span>
464    </a>
465    </li>
466
467            <li id="subnav-vs1amJE3">
468    <a
469        href="/walz-automat"
470                class="nav-link"
471    >
472        <span class="subnav-label">
473            Walz Automat
474                    </span>
475    </a>
476    </li>
477
478            <li id="subnav-mYgJ1exo">
479    <a
480        href="/watkins-darkroom-clock"
481                class="nav-link"
482    >
483        <span class="subnav-label">
484            Watkins Darkroom Clock
485                    </span>
486    </a>
487    </li>
488
489    </ul>
490
491    </li>
492
493            <li
494    class="main-nav-item"
495    id="5gx2ip6p"
496>
497    <a href="/harmonograph"
498              class="nav-link "
499    >
500        <span>Harmonograph</span>
501    </a>
502    </li>
503
504            <li
505    class="main-nav-item"
506    id="KBNuppZf"
507>
508    <a href="/fractals"
509              class="nav-link "
510    >
511        <span>Fractals</span>
512    </a>
513    </li>
514
515            <li
516    class="main-nav-item"
517    id="jA5fitbw"
518>
519    <a href="/contact"
520              class="nav-link "
521    >
522        <span>Contact</span>
523    </a>
524    </li>
525
526            <li
527    class="main-nav-item"
528    id="nav-more-link"
529>
530    <a href="#"
531              class="nav-link "
532    >
533        <span>More...</span>
534    </a>
535            <ul
536    class="subnav subnav-level-1 subnav-parent-nav-more-link"
537>
538            <li id="subnav-D2XFkz2V">
539    <a
540        href="/"
541                class="nav-link"
542    >
543        <span class="subnav-label">
544            Home
545                    </span>
546    </a>
547    </li>
548
549            <li id="subnav-HkRezQKd">
550    <a
551        href="/reflected"
552                class="nav-link"
553    >
554        <span class="subnav-label">
555            Reflected
556                    </span>
557    </a>
558    </li>
559
560            <li id="subnav-UjTdsm5O">
561    <a
562        href="/gallery-1"
563                class="nav-link"
564    >
565        <span class="subnav-label">
566            Gallery 1
567                    </span>
568    </a>
569    </li>
570
571            <li id="subnav-6dpAAkxy">
572    <a
573        href="/gallery-2"
574                class="nav-link"
575    >
576        <span class="subnav-label">
577            Gallery 2
578                    </span>
579    </a>
580    </li>
581
582            <li id="subnav-K2JLjnh5">
583    <a
584        href="/techniques"
585                class="nav-link"
586    >
587        <span class="subnav-label">
588            Techniques
589                            <span x-show="! $store.nav.mobile">&gt;</span>
590                    </span>
591    </a>
592            <ul
593    class="subnav subnav-level-2 subnav-parent-K2JLjnh5"
594>
595            <li id="subnav-Q5qqg1Mo">
596    <a
597        href="/nikon-d70-macro"
598                class="nav-link"
599    >
600        <span class="subnav-label">
601            Nikon D70 Macro
602                    </span>
603    </a>
604    </li>
605
606            <li id="subnav-c2dEX17C">
607    <a
608        href="/rodenstock-imagon"
609                class="nav-link"
610    >
611        <span class="subnav-label">
612            Rodenstock Imagon
613                    </span>
614    </a>
615    </li>
616
617            <li id="subnav-NPgUvqjz">
618    <a
619        href="/budget-fisheye"
620                class="nav-link"
621    >
622        <span class="subnav-label">
623            Budget Fisheye
624                    </span>
625    </a>
626    </li>
627
628            <li id="subnav-7om5r4jR">
629    <a
630        href="/slit-scanning"
631                class="nav-link"
632    >
633        <span class="subnav-label">
634            Slit Scanning
635                    </span>
636    </a>
637    </li>
638
639    </ul>
640
641    </li>
642
643            <li id="subnav-2YPiSmev">
644    <a
645        href="/photohistory"
646                class="nav-link"
647    >
648        <span class="subnav-label">
649            PhotoHistory
650                            <span x-show="! $store.nav.mobile">&gt;</span>
651                    </span>
652    </a>
653            <ul
654    class="subnav subnav-level-2 subnav-parent-2YPiSmev"
655>
656            <li id="subnav-29V8ThcJ">
657    <a
658        href="/lectures"
659                class="nav-link"
660    >
661        <span class="subnav-label">
662            Lectures
663                    </span>
664    </a>
665    </li>
666
667            <li id="subnav-KQ4ekQX3">
668    <a
669        href="/mizuno"
670                class="nav-link"
671    >
672        <span class="subnav-label">
673            Mizuno
674                    </span>
675    </a>
676    </li>
677
678            <li id="subnav-0HZ2xkde">
679    <a
680        href="/35tlr"
681                class="nav-link"
682    >
683        <span class="subnav-label">
684            35TLR
685                    </span>
686    </a>
687    </li>
688
689    </ul>
690
691    </li>
692
693            <li id="subnav-YyF7hw4X">
694    <a
695        href="/restoration"
696                class="nav-link"
697    >
698        <span class="subnav-label">
699            Restoration
700                            <span x-show="! $store.nav.mobile">&gt;</span>
701                    </span>
702    </a>
703            <ul
704    class="subnav subnav-level-2 subnav-parent-YyF7hw4X"
705>
706            <li id="subnav-dl4hz9tH">
707    <a
708        href="/fotochrome"
709                class="nav-link"
710    >
711        <span class="subnav-label">
712            Fotochrome
713                    </span>
714    </a>
715    </li>
716
717            <li id="subnav-TCmXVwuF">
718    <a
719        href="/gami-16"
720                class="nav-link"
721    >
722        <span class="subnav-label">
723            Gami-16
724                    </span>
725    </a>
726    </li>
727
728            <li id="subnav-ZplM0CTn">
729    <a
730        href="/graphic-35"
731                class="nav-link"
732    >
733        <span class="subnav-label">
734            Graphic 35
735                    </span>
736    </a>
737    </li>
738
739            <li id="subnav-p0K3tQYN">
740    <a
741        href="/karma-flex"
742                class="nav-link"
743    >
744        <span class="subnav-label">
745            Karma-Flex
746                    </span>
747    </a>
748    </li>
749
750            <li id="subnav-oPs3XhpK">
751    <a
752        href="/kirk-stereo"
753                class="nav-link"
754    >
755        <span class="subnav-label">
756            Kirk Stereo
757                    </span>
758    </a>
759    </li>
760
761            <li id="subnav-Hml2mgy5">
762    <a
763        href="/komaflex-s"
764                class="nav-link"
765    >
766        <span class="subnav-label">
767            Komaflex-S
768                    </span>
769    </a>
770    </li>
771
772            <li id="subnav-lRoKFDfw">
773    <a
774        href="/leatherwork"
775                class="nav-link"
776    >
777        <span class="subnav-label">
778            Leatherwork
779                    </span>
780    </a>
781    </li>
782
783            <li id="subnav-e84qF0gD">
784    <a
785        href="/lens-caps"
786                class="nav-link"
787    >
788        <span class="subnav-label">
789            Lens Caps
790                    </span>
791    </a>
792    </li>
793
794            <li id="subnav-qfg0rc0o">
795    <a
796        href="/megoflex"
797                class="nav-link"
798    >
799        <span class="subnav-label">
800            Megoflex
801                    </span>
802    </a>
803    </li>
804
805            <li id="subnav-0lJcLftx">
806    <a
807        href="/panorascope"
808                class="nav-link"
809    >
810        <span class="subnav-label">
811            Panorascope
812                    </span>
813    </a>
814    </li>
815
816            <li id="subnav-n2jjRjsT">
817    <a
818        href="/pressmaster"
819                class="nav-link"
820    >
821        <span class="subnav-label">
822            Pressmaster
823                    </span>
824    </a>
825    </li>
826
827            <li id="subnav-0jxl2qWw">
828    <a
829        href="/qrs-kamra"
830                class="nav-link"
831    >
832        <span class="subnav-label">
833            QRS Kamra
834                    </span>
835    </a>
836    </li>
837
838            <li id="subnav-vs1amJE3">
839    <a
840        href="/walz-automat"
841                class="nav-link"
842    >
843        <span class="subnav-label">
844            Walz Automat
845                    </span>
846    </a>
847    </li>
848
849            <li id="subnav-mYgJ1exo">
850    <a
851        href="/watkins-darkroom-clock"
852                class="nav-link"
853    >
854        <span class="subnav-label">
855            Watkins Darkroom Clock
856                    </span>
857    </a>
858    </li>
859
860    </ul>
861
862    </li>
863
864            <li id="subnav-5gx2ip6p">
865    <a
866        href="/harmonograph"
867                class="nav-link"
868    >
869        <span class="subnav-label">
870            Harmonograph
871                    </span>
872    </a>
873    </li>
874
875            <li id="subnav-KBNuppZf">
876    <a
877        href="/fractals"
878                class="nav-link"
879    >
880        <span class="subnav-label">
881            Fractals
882                    </span>
883    </a>
884    </li>
885
886            <li id="subnav-jA5fitbw">
887    <a
888        href="/contact"
889                class="nav-link"
890    >
891        <span class="subnav-label">
892            Contact
893                    </span>
894    </a>
895    </li>
896
897    </ul>
898
899    </li>
900
901                                                                                                                                                                    </ul>
902                    </div>
903                </div>
904                <div
905    class="mobile-nav-overlay"
906    x-show="$store.nav.mobile && $store.nav.mobileMenuOpen"
907    x-transition.opacity.duration.200ms
908    x-cloak
909>
910    <div
911    class="mobile-nav-panels"
912    x-data="mobileNavigation"
913    x-effect="if (!$store.nav.mobileMenuOpen || !$store.nav.mobile) resetSubnav()"
914    x-cloak
915>
916    <div
917        class="mobile-nav-panel mobile-nav-panel--root"
918        :class="{ 'is-shifted': hasSubnavOpen() }"
919    >
920        <ul class="mobile-nav-links">
921            
922            
923                            <li
924    class="mobile-main-nav-item"
925    id="D2XFkz2V"
926>
927                <a
928            href="/"
929                        class="mobile-nav-link active"
930        >Home</a>
931    </li>
932
933                            <li
934    class="mobile-main-nav-item"
935    id="HkRezQKd"
936>
937                <a
938            href="/reflected"
939                        class="mobile-nav-link "
940        >Reflected</a>
941    </li>
942
943                            <li
944    class="mobile-main-nav-item"
945    id="UjTdsm5O"
946>
947                <a
948            href="/gallery-1"
949                        class="mobile-nav-link "
950        >Gallery 1</a>
951    </li>
952
953                            <li
954    class="mobile-main-nav-item"
955    id="6dpAAkxy"
956>
957                <a
958            href="/gallery-2"
959                        class="mobile-nav-link "
960        >Gallery 2</a>
961    </li>
962
963                            <li
964    class="mobile-main-nav-item"
965    id="K2JLjnh5"
966>
967                <button
968            type="button"
969            class="mobile-nav-link mobile-nav-link--has-children"
970            @click.prevent="openSubnav('K2JLjnh5')"
971            :aria-expanded="currentSubnav() && currentSubnav() === 'K2JLjnh5'"
972            aria-haspopup="true"
973        >
974            <span class="mobile-nav-label">Techniques</span>
975            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
976  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
977</svg></span>
978        </button>
979    </li>
980
981                            <li
982    class="mobile-main-nav-item"
983    id="2YPiSmev"
984>
985                <button
986            type="button"
987            class="mobile-nav-link mobile-nav-link--has-children"
988            @click.prevent="openSubnav('2YPiSmev')"
989            :aria-expanded="currentSubnav() && currentSubnav() === '2YPiSmev'"
990            aria-haspopup="true"
991        >
992            <span class="mobile-nav-label">PhotoHistory</span>
993            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
994  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
995</svg></span>
996        </button>
997    </li>
998
999                            <li
1000    class="mobile-main-nav-item"
1001    id="YyF7hw4X"
1002>
1003                <button
1004            type="button"
1005            class="mobile-nav-link mobile-nav-link--has-children"
1006            @click.prevent="openSubnav('YyF7hw4X')"
1007            :aria-expanded="currentSubnav() && currentSubnav() === 'YyF7hw4X'"
1008            aria-haspopup="true"
1009        >
1010            <span class="mobile-nav-label">Restoration</span>
1011            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
1012  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
1013</svg></span>
1014        </button>
1015    </li>
1016
1017                            <li
1018    class="mobile-main-nav-item"
1019    id="5gx2ip6p"
1020>
1021                <a
1022            href="/harmonograph"
1023                        class="mobile-nav-link "
1024        >Harmonograph</a>
1025    </li>
1026
1027                            <li
1028    class="mobile-main-nav-item"
1029    id="KBNuppZf"
1030>
1031                <a
1032            href="/fractals"
1033                        class="mobile-nav-link "
1034        >Fractals</a>
1035    </li>
1036
1037                            <li
1038    class="mobile-main-nav-item"
1039    id="jA5fitbw"
1040>
1041                <a
1042            href="/contact"
1043                        class="mobile-nav-link "
1044        >Contact</a>
1045    </li>
1046
1047                    </ul>
1048    </div>
1049
1050            
1051            
1052            
1053            
1054                <div
1055        class="mobile-nav-panel mobile-nav-panel--child"
1056        x-show="currentSubnav() && currentSubnav() === 'K2JLjnh5'"
1057        x-transition:enter="mobile-subnav-enter"
1058        x-transition:enter-start="mobile-subnav-enter-start"
1059        x-transition:enter-end="mobile-subnav-enter-end"
1060        x-transition:leave="mobile-subnav-leave"
1061        x-transition:leave-start="mobile-subnav-leave-start"
1062        x-transition:leave-end="mobile-subnav-leave-end"
1063        x-cloak
1064    >
1065        <div class="mobile-subnav-header">
1066            <button
1067                type="button"
1068                class="mobile-subnav-back"
1069                @click.prevent="closeSubnav()"
1070            >
1071                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
1072  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
1073</svg></span>
1074                <span>Back</span>
1075            </button>
1076            <span class="mobile-subnav-title">Techniques</span>
1077        </div>
1078
1079        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-K2JLjnh5">
1080                            <li class="mobile-subnav-parent-link">
1081                    <a
1082                        href="/techniques"
1083                                                class="mobile-nav-link mobile-nav-link--parent "
1084                    >
1085                        Techniques
1086                    </a>
1087                </li>
1088            
1089                            <li>
1090                                                                <a
1091                            href="/nikon-d70-macro"
1092                                                        class="mobile-nav-link "
1093                        >
1094                            <span class="mobile-nav-label">Nikon D70 Macro</span>
1095                        </a>
1096                                    </li>
1097                            <li>
1098                                                                <a
1099                            href="/rodenstock-imagon"
1100                                                        class="mobile-nav-link "
1101                        >
1102                            <span class="mobile-nav-label">Rodenstock Imagon</span>
1103                        </a>
1104                                    </li>
1105                            <li>
1106                                                                <a
1107                            href="/budget-fisheye"
1108                                                        class="mobile-nav-link "
1109                        >
1110                            <span class="mobile-nav-label">Budget Fisheye</span>
1111                        </a>
1112                                    </li>
1113                            <li>
1114                                                                <a
1115                            href="/slit-scanning"
1116                                                        class="mobile-nav-link "
1117                        >
1118                            <span class="mobile-nav-label">Slit Scanning</span>
1119                        </a>
1120                                    </li>
1121                    </ul>
1122    </div>
1123
1124            
1125            
1126            
1127            
1128    
1129                <div
1130        class="mobile-nav-panel mobile-nav-panel--child"
1131        x-show="currentSubnav() && currentSubnav() === '2YPiSmev'"
1132        x-transition:enter="mobile-subnav-enter"
1133        x-transition:enter-start="mobile-subnav-enter-start"
1134        x-transition:enter-end="mobile-subnav-enter-end"
1135        x-transition:leave="mobile-subnav-leave"
1136        x-transition:leave-start="mobile-subnav-leave-start"
1137        x-transition:leave-end="mobile-subnav-leave-end"
1138        x-cloak
1139    >
1140        <div class="mobile-subnav-header">
1141            <button
1142                type="button"
1143                class="mobile-subnav-back"
1144                @click.prevent="closeSubnav()"
1145            >
1146                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
1147  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
1148</svg></span>
1149                <span>Back</span>
1150            </button>
1151            <span class="mobile-subnav-title">PhotoHistory</span>
1152        </div>
1153
1154        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-2YPiSmev">
1155                            <li class="mobile-subnav-parent-link">
1156                    <a
1157                        href="/photohistory"
1158                                                class="mobile-nav-link mobile-nav-link--parent "
1159                    >
1160                        PhotoHistory
1161                    </a>
1162                </li>
1163            
1164                            <li>
1165                                                                <a
1166                            href="/lectures"
1167                                                        class="mobile-nav-link "
1168                        >
1169                            <span class="mobile-nav-label">Lectures</span>
1170                        </a>
1171                                    </li>
1172                            <li>
1173                                                                <a
1174                            href="/mizuno"
1175                                                        class="mobile-nav-link "
1176                        >
1177                            <span class="mobile-nav-label">Mizuno</span>
1178                        </a>
1179                                    </li>
1180                            <li>
1181                                                                <a
1182                            href="/35tlr"
1183                                                        class="mobile-nav-link "
1184                        >
1185                            <span class="mobile-nav-label">35TLR</span>
1186                        </a>
1187                                    </li>
1188                    </ul>
1189    </div>
1190
1191            
1192            
1193            
1194    
1195                <div
1196        class="mobile-nav-panel mobile-nav-panel--child"
1197        x-show="currentSubnav() && currentSubnav() === 'YyF7hw4X'"
1198        x-transition:enter="mobile-subnav-enter"
1199        x-transition:enter-start="mobile-subnav-enter-start"
1200        x-transition:enter-end="mobile-subnav-enter-end"
1201        x-transition:leave="mobile-subnav-leave"
1202        x-transition:leave-start="mobile-subnav-leave-start"
1203        x-transition:leave-end="mobile-subnav-leave-end"
1204        x-cloak
1205    >
1206        <div class="mobile-subnav-header">
1207            <button
1208                type="button"
1209                class="mobile-subnav-back"
1210                @click.prevent="closeSubnav()"
1211            >
1212                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
1213  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
1214</svg></span>
1215                <span>Back</span>
1216            </button>
1217            <span class="mobile-subnav-title">Restoration</span>
1218        </div>
1219
1220        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-YyF7hw4X">
1221                            <li class="mobile-subnav-parent-link">
1222                    <a
1223                        href="/restoration"
1224                                                class="mobile-nav-link mobile-nav-link--parent "
1225                    >
1226                        Restoration
1227                    </a>
1228                </li>
1229            
1230                            <li>
1231                                                                <a
1232                            href="/fotochrome"
1233                                                        class="mobile-nav-link "
1234                        >
1235                            <span class="mobile-nav-label">Fotochrome</span>
1236                        </a>
1237                                    </li>
1238                            <li>
1239                                                                <a
1240                            href="/gami-16"
1241                                                        class="mobile-nav-link "
1242                        >
1243                            <span class="mobile-nav-label">Gami-16</span>
1244                        </a>
1245                                    </li>
1246                            <li>
1247                                                                <a
1248                            href="/graphic-35"
1249                                                        class="mobile-nav-link "
1250                        >
1251                            <span class="mobile-nav-label">Graphic 35</span>
1252                        </a>
1253                                    </li>
1254                            <li>
1255                                                                <a
1256                            href="/karma-flex"
1257                                                        class="mobile-nav-link "
1258                        >
1259                            <span class="mobile-nav-label">Karma-Flex</span>
1260                        </a>
1261                                    </li>
1262                            <li>
1263                                                                <a
1264                            href="/kirk-stereo"
1265                                                        class="mobile-nav-link "
1266                        >
1267                            <span class="mobile-nav-label">Kirk Stereo</span>
1268                        </a>
1269                                    </li>
1270                            <li>
1271                                                                <a
1272                            href="/komaflex-s"
1273                                                        class="mobile-nav-link "
1274                        >
1275                            <span class="mobile-nav-label">Komaflex-S</span>
1276                        </a>
1277                                    </li>
1278                            <li>
1279                                                                <a
1280                            href="/leatherwork"
1281                                                        class="mobile-nav-link "
1282                        >
1283                            <span class="mobile-nav-label">Leatherwork</span>
1284                        </a>
1285                                    </li>
1286                            <li>
1287                                                                <a
1288                            href="/lens-caps"
1289                                                        class="mobile-nav-link "
1290                        >
1291                            <span class="mobile-nav-label">Lens Caps</span>
1292                        </a>
1293                                    </li>
1294                            <li>
1295                                                                <a
1296                            href="/megoflex"
1297                                                        class="mobile-nav-link "
1298                        >
1299                            <span class="mobile-nav-label">Megoflex</span>
1300                        </a>
1301                                    </li>
1302                            <li>
1303                                                                <a
1304                            href="/panorascope"
1305                                                        class="mobile-nav-link "
1306                        >
1307                            <span class="mobile-nav-label">Panorascope</span>
1308                        </a>
1309                                    </li>
1310                            <li>
1311                                                                <a
1312                            href="/pressmaster"
1313                                                        class="mobile-nav-link "
1314                        >
1315                            <span class="mobile-nav-label">Pressmaster</span>
1316                        </a>
1317                                    </li>
1318                            <li>
1319                                                                <a
1320                            href="/qrs-kamra"
1321                                                        class="mobile-nav-link "
1322                        >
1323                            <span class="mobile-nav-label">QRS Kamra</span>
1324                        </a>
1325                                    </li>
1326                            <li>
1327                                                                <a
1328                            href="/walz-automat"
1329                                                        class="mobile-nav-link "
1330                        >
1331                            <span class="mobile-nav-label">Walz Automat</span>
1332                        </a>
1333                                    </li>
1334                            <li>
1335                                                                <a
1336                            href="/watkins-darkroom-clock"
1337                                                        class="mobile-nav-link "
1338                        >
1339                            <span class="mobile-nav-label">Watkins Darkroom Clock</span>
1340                        </a>
1341                                    </li>
1342                    </ul>
1343    </div>
1344
1345            
1346            
1347            
1348            
1349            
1350            
1351            
1352            
1353            
1354            
1355            
1356            
1357            
1358            
1359    
1360            
1361            
1362            
1363    </div>
1364
1365    <div class="mobile-nav-overlay-buttons">
1366                            </div>
1367</div>
1368
1369            </div>
1370        </div>
1371    </nav>
1372</header>
1373
1374</div>
1375            <main>
1376                    <div id="c69ee3a103b04f" class="component"><div >
1377    <div id="c69ee3a2c2a685" class="component"><section
1378    id="page-section"
1379    style="--text-color: #ffffff; --paragraph-font-size: 24px; --paragraph-line-height: 1.3em; --paragraph-font-size-tablet: 24px; --paragraph-line-height-tablet: 1.3em; --paragraph-font-size-mobile: 24px; --paragraph-line-height-mobile: 1.3em; --heading-2-font-size: 64px; --heading-2-line-height: 1.3em; --heading-2-font-size-tablet: 44px; --heading-2-line-height-tablet: 1.3em; --heading-2-font-size-mobile: 32px; --heading-2-line-height-mobile: 1.3em;
1379 --background-image: url('//cdn1.artcltn.com/storage/13196/a1a320aa-ad6a-4620-9ee0-b91adfa98d5f/1208673621.jpg'); --min-height-desktop: 995px; --min-height-tablet: 995px; --min-height-mobile: 995px;"
1380    class="page-section transition-all z-10 relative text-(--text-color) custom-text-color bg-[image:var(--background-image)] bg-no-repeat bg-center bg-cover bg-type-image hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
1381>
1382    
1383    
1384    <div
1385        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1"
1386        style="padding-block: 48px;"
1387                
1388    >
1389        <div id="c69ee3a2c286c8" class="component"><div
1390    class="transition-all custom-font-family font-(family-name:--font-custom) mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1391    style="--font-custom: Lato;"
1392>
1393    <div class="text-option"><h2 class="ql-align-left">JOHN MARRIAGE</h2></div>
1394</div>
1395</div><div id="c69ee3a2c28740" class="component"><div
1396    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1397    style=""
1398>
1399    <div class="text-option"><div class="ql-align-left"><span style="font-size:16px;">photographer &nbsp; &nbsp; &nbsp;photohistorian</span></div></div>
1400</div>
1401</div>
1402
1403            </div>
1404</section>
1405</div><div id="c69ee3a2c1a82c" class="component"><section
1406    id="page-section"
1407    style="--background-color: #181818; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
1408    class="page-section transition-all z-10 relative bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
1409>
1410    
1411    
1412    <div
1413        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1"
1414        style="padding-block: 48px;"
1415                
1416    >
1417        <div id="c69ee3a2c189dd" class="component"><div
1418    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1419    style=""
1420>
1421    <div class="text-option"><h2 class="ql-align-center"><span style="color:#ffffff;">ABOUT ME</span></h2></div>
1422</div>
1423</div><div id="c69ee3a2c1a6ee" class="component"><div
1424    style=""
1425    x-data="{ fullscreen: false }"
1426>
1427    <div class="flex justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
1428                    <img
1429                src="//cdn1.artcltn.com/storage/13196/a1a320aa-ad6a-4620-9ee0-b91adfa98d5f/graphic_1_orig.png"
1430                alt="Picture"
1431                class="resizeable-image lg:rounded-lg md:rounded-lg rounded-lg "
1432                                            />
1433            </div>
1434        </div>
1435</div><div id="c69ee3a2c1a713" class="component"><div style="height: 33px"></div>
1436</div><div id="c69ee3a2c1a797" class="component"><div
1437    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1438    style=""
1439>
1440    <div class="text-option"><div class="ql-align-center"><span style="color:#e97676;">&#65279;<span style="font-size:18px;">I am a photographer with an interest in experimentation and abstraction. Inspiration comes from shapes and colours&nbsp;often literally abstracted from the environment, and from looking sideways at the world.&nbsp;</span><span style="font-size:18px;">I use both digital and traditional methods, including home-made and large-format equipment taking pictures on film or paper.<br /><br />I was for 16 years and 60 issues the Editor of <em>Photographica World</em>, the journal of the Photographic Collectors Club of Great Britain. I also research historic cameras, writers on photography and photographers.</span></span></div></div>
1441</div>
1442</div>
1443
1444            </div>
1445</section>
1446</div><div id="c69ee3a2c259cc" class="component"><section
1447    id="page-section"
1448    style="--background-image: url('//cdn1.artcltn.com/storage/13196/a1a320aa-ad6a-4620-9ee0-b91adfa98d5f/158457887.jpg'); --background-position: 0% 92%; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
1449    class="page-section transition-all z-10 relative bg-[image:var(--background-image)] bg-no-repeat bg-[position:var(--background-position)] bg-cover bg-type-image hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile)"
1450>
1451    
1452    
1453    <div
1454        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1"
1455        style="padding-block: 48px;"
1456                
1457    >
1458        <div id="c69ee3a2c1a843" class="component"><div style="height: 50px"></div>
1459</div><div id="c69ee3a2c23860" class="component"><div class="column-container md:gap-6 md:flex" >
1460            <div
1461            class=" column relative  md:w-1/12"
1462            
1463                    >
1464            <div id="c69ee3a2c1c495" class="component"><div
1465    style=""
1466    x-data="{ fullscreen: false }"
1467>
1468    <div class="mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
1469                    <img
1470                src="//cdn1.artcltn.com/storage/13196/a1a320aa-ad6a-4620-9ee0-b91adfa98d5f/graphic_2_orig.png"
1471                alt="Picture"
1472                class="resizeable-image lg:rounded-lg md:rounded-lg rounded-lg "
1473                                            />
1474            </div>
1475        </div>
1476</div>
1477                    </div>
1478            <div
1479            class=" column relative  md:w-5/12"
1480            
1481                    >
1482            <div id="c69ee3a2c1c53b" class="component"><div
1483    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1484    style=""
1485>
1486    <div class="text-option"><h2 class="ql-align-left"><span style="color:#ffffff;">MY WORK</span></h2></div>
1487</div>
1488</div><div id="c69ee3a2c1c619" class="component"><div class="column-container md:gap-6 md:flex" >
1489            <div
1490            class=" column relative  md:w-10/12"
1491            
1492                    >
1493            <div id="c69ee3a2c1c5b0" class="component"><div
1494    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1495    style=""
1496>
1497    <div class="text-option"><div class="ql-align-left"><span><span style="color:#ffffff;">From abstract fractals to pinhole realism.<br />&#8203;</span></span></div></div>
1498</div>
1499</div>
1500                    </div>
1501            <div
1502            class=" column relative  md:w-2/12"
1503            
1504                    >
1505            <div id="c69ee3a2c1c5d2" class="component"><div style="height: 50px"></div>
1506</div>
1507                    </div>
1508    </div>
1509</div><div id="c69ee3a2c1c683" class="component"><div
1510    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1511    style=""
1512>
1513    <div class="text-option"><div class="ql-align-left"><span style="color:#f6f6f6;">ABSTRACTS<br /><br />LANDSCAPES<br /><br />ARCHITECTURE<br />&#8203;<br />CAMERAS</span></div></div>
1514</div>
1515</div>
1516                    </div>
1517            <div
1518            class=" column relative  md:w-7/12"
1519            
1520                    >
1521            <div id="c69ee3a2c1fefa" class="component"><div class="column-container md:gap-6 md:flex" >
1522            <div
1523            class=" column relative  md:w-6/12"
1524            
1525                    >
1526            <div id="c69ee3a2c1e2cd" class="component"><div
1527    style=""
1528    x-data="{ fullscreen: false }"
1529>
1530    <div class="flex justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
1531                    <a href="/gallery-1"  class="relative">
1532                    <img
1533                src="//cdn1.artcltn.com/storage/13196/a1a320aa-ad6a-4620-9ee0-b91adfa98d5f/mitosis_1_orig.jpg"
1534                alt="Picture"
1535                class="resizeable-image lg:rounded-lg md:rounded-lg rounded-lg "
1536                                            />
1537                    </a>
1538            </div>
1539        </div>
1540</div>
1541                    </div>
1542            <div
1543            class=" column relative  md:w-6/12"
1544            
1545                    >
1546            <div id="c69ee3a2c1fea5" class="component"><div
1547    style=""
1548    x-data="{ fullscreen: false }"
1549>
1550    <div class="flex justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
1551                    <a href="/gallery-2"  class="relative">
1552                    <img
1553                src="//cdn1.artcltn.com/storage/13196/a1a320aa-ad6a-4620-9ee0-b91adfa98d5f/05-petras-1291-fuji0834_2_orig.jpg"
1554                alt="Picture"
1555                class="resizeable-image lg:rounded-lg md:rounded-lg rounded-lg "
1556                                            />
1557                    </a>
1558            </div>
1559        </div>
1560</div>
1561                    </div>
1562    </div>
1563</div><div id="c69ee3a2c1ff14" class="component"><div style="height: 20px"></div>
1564</div><div id="c69ee3a2c2381e" class="component"><div class="column-container md:gap-6 md:flex" >
1565            <div
1566            class=" column relative  md:w-6/12"
1567            
1568                    >
1569            <div id="c69ee3a2c21b74" class="component"><div
1570    style=""
1571    x-data="{ fullscreen: false }"
1572>
1573    <div class="flex justify-end mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
1574                    <a href="/harmonograph"  class="relative">
1575                    <img
1576                src="//cdn1.artcltn.com/storage/13196/a1a320aa-ad6a-4620-9ee0-b91adfa98d5f/d7h8133_1_orig.jpg"
1577                alt="Picture"
1578                class="resizeable-image lg:rounded-lg md:rounded-lg rounded-lg "
1579                                            />
1580                    </a>
1581            </div>
1582        </div>
1583</div>
1584                    </div>
1585            <div
1586            class=" column relative  md:w-6/12"
1587            
1588                    >
1589            <div id="c69ee3a2c237c8" class="component"><div
1590    style=""
1591    x-data="{ fullscreen: false }"
1592>
1593    <div class="flex justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
1594                    <a href="/techniques"  class="relative">
1595                    <img
1596                src="//cdn1.artcltn.com/storage/13196/a1a320aa-ad6a-4620-9ee0-b91adfa98d5f/museum-staircase_1_orig.jpg"
1597                alt="Picture"
1598                class="resizeable-image lg:rounded-lg md:rounded-lg rounded-lg "
1599                                            />
1600                    </a>
1601            </div>
1602        </div>
1603</div>
1604                    </div>
1605    </div>
1606</div>
1607                    </div>
1608    </div>
1609</div>
1610
1611            </div>
1612</section>
1613</div><div id="c69ee3a2c27c24" class="component"><section
1614    id="page-section"
1615    style="--min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
1616    class="page-section transition-all z-10 relative bg-type-none hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
1617>
1618    
1619    
1620    <div
1621        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1"
1622        style="padding-block: 48px;"
1623                
1624    >
1625        <div id="c69ee3a2c278ed" class="component"><div
1626    style=""
1627    x-data="{ fullscreen: false }"
1628>
1629    <div class="flex justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
1630                    <img
1631                src="//cdn1.artcltn.com/storage/13196/a1a320aa-ad6a-4620-9ee0-b91adfa98d5f/dark-graphic_2_orig.png"
1632                alt="Picture"
1633                class="resizeable-image lg:rounded-lg md:rounded-lg rounded-lg "
1634                                            />
1635            </div>
1636        </div>
1637</div><div id="c69ee3a2c2790e" class="component"><div style="height: 15px"></div>
1638</div><div id="c69ee3a2c27a50" class="component"><div class="column-container md:gap-6 md:flex" >
1639            <div
1640            class=" column relative  md:w-6/12"
1641            
1642                    >
1643            <div id="c69ee3a2c2798c" class="component"><div
1644    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1645    style=""
1646>
1647    <div class="text-option"><h2 class="ql-align-center">Taking pictures with ...</h2></div>
1648</div>
1649</div>
1650                    </div>
1651            <div
1652            class=" column relative  md:w-6/12"
1653            
1654                    >
1655            <div id="c69ee3a2c27a0c" class="component"><div
1656    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1657    style=""
1658>
1659    <div class="text-option"><h2 class="ql-align-center">Researching ...</h2></div>
1660</div>
1661</div>
1662                    </div>
1663    </div>
1664</div><div id="c69ee3a2c27b8d" class="component"><div class="column-container md:gap-6 md:flex" >
1665            <div
1666            class=" column relative  md:w-6/12"
1667            
1668                    >
1669            <div id="c69ee3a2c27aca" class="component"><div
1670    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1671    style=""
1672>
1673    <div class="text-option"><div class="ql-align-center"><br /><span><span style="color:#2a2a2a;">Home-made cameras<br />Fujifilm X-H1 and IR-converted </span></span><span style="color:rgb(42, 42, 42)">Nikon&nbsp;</span><span><span style="color:#2a2a2a;">D70<br />Sinar system<br />Olympus TG-5<br />Wide Angle and Panorama cameras<br />&#8203;Cirkut #6 and #8<br />&#8203;Pinholes<br />&#8203;Bermpohl 3-colour camera<br />&#8203;</span></span></div></div>
1674</div>
1675</div>
1676                    </div>
1677            <div
1678            class=" column relative  md:w-6/12"
1679            
1680                    >
1681            <div id="c69ee3a2c27ae9" class="component"><div style="height: 30px"></div>
1682</div><div id="c69ee3a2c27b4e" class="component"><div
1683    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1684    style=""
1685>
1686    <div class="text-option"><div class="ql-align-center"><span style="color:#2a2a2a;">Hanbeh Mizuno<br />The 35mm Twin Lens Reflex<br />&#8203;Swing-lens Panorama Cameras<br />&#8203;Lichtenberg &amp; Trouvelot<br />Beck/Hill Cloud Cameras<br />&#8203;The PIC</span><br /></div></div>
1687</div>
1688</div>
1689                    </div>
1690    </div>
1691</div>
1692
1693            </div>
1694</section>
1695</div>
1696</div>
1697</div>
1698            </main>
1699            <footer>
1700                <div class="footer-inner">
1701                    <div id="c69ee399dec271" class="component"><section
1702    id="page-section"
1703    style="--text-color: #ffffff; --background-color: #070706; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
1704    class="page-section transition-all z-10 relative text-(--text-color) custom-text-color bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
1705>
1706    
1707    
1708    <div
1709        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1"
1710        style="padding-block: 48px;"
1711                
1712    >
1713        <div id="c69ee3a2fda31e" class="component"><div style="height: 17px"></div>
1714</div><div id="c69ee3a2fda3a8" class="component"><div
1715    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1716    style=""
1717>
1718    <div class="text-option"><p class="ql-align-center">Copyright © 2026 by John Marriage</p></div>
1719</div>
1720</div>
1721
1722            </div>
1723</section>
1724</div>
1725                </div>
1726            </footer>
1727        </div>
1728    </div>
1729    
1730<div
1731    x-transition
1732    x-show="$store.commerceCart.totalQuantity > 0 && !$store.nav.mobile"
1733    x-data
1734    class="z-50 fixed flex p-5 right-0 bottom-0"
1735>
1736    <a href="/c/cart">
1737        <span title="Cart" class="art-cart-button transition-all flex p-2 rounded-full hover:scale-110 border border-(--color-text-dark-bg-heading) bg-(--color-primary-main) text-(--color-text-dark-bg-heading)">
1738            <svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
1739  <path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/>
1740</svg>
1741            <p class="pl-1"
1742                x-text="$store.commerceCart.totalQuantity">
1743            </p>
1744        </span>
1745    </a>
1746</div>
1747</body>
1748
1749</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.