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">></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">></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">></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 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;"><span style="font-size:18px;">I am a photographer with an interest in experimentation and abstraction. Inspiration comes from shapes and colours often literally abstracted from the environment, and from looking sideways at the world. </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 />​</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 />​<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 </span><span><span style="color:#2a2a2a;">D70<br />Sinar system<br />Olympus TG-5<br />Wide Angle and Panorama cameras<br />​Cirkut #6 and #8<br />​Pinholes<br />​Bermpohl 3-colour camera<br />​</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 />​Swing-lens Panorama Cameras<br />​Lichtenberg & Trouvelot<br />Beck/Hill Cloud Cameras<br />​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.