301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: osw.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="author" content="Mark Sarfati"> <meta name="description" content="Mark Sarfati is a freelance photographer specializing in urban photography, cultural portraits, and travel documentation."> <meta name="keywords" content="photography, freelance photographer, China, Korea, Guangzhou, travel photography, blues artists, musical artists"> <meta property="og:type" content="website"> <meta property="og:title" content="Mark Sarfati Photography - Tivoli, New York"> <meta property="og:description" content="Mark Sarfati is a freelance photographer specializing in urban photography, cultural portraits, and travel documentation."> <meta property="og:image" content="https://osw.com/photo/images/birdman_web.jpg"> <meta property="og:url" content="https://osw.com"> <meta name="google-site-verification" content="-KPrOQEUFJqbrZqKtbietIAApQ4fGI7QkXaD7enrSyA"> <link rel="canonical" href="https://osw.com/index.html"> <base href="https://osw.com/photo/images/"> <title>Mark Sarfati Photography - Tivoli, New York</title> <style> body { background-color: #d6d2d2; font-family: Verdana, sans-serif; margin: 0; padding: 0; line-height: 1.6; display: flex; flex-direction: column; align-items: center; /* Center align items horizontally */ justify-content: center; /* Center align items vertically */ min-height: 100vh; user-select: none; } header, footer { text-align: center; /* Center the text in header and footer */ padding: .1px; background-color: #d6d2d2; border-bottom: 0 solid #ccc; width: 100%; } main { max-width: 700px; margin: 5px auto; /* Center the main content */ padding: 5px; text-align: center; /* Center text within the main element */ } /* Style for the gallery item */ .gallery-item { position: relative; /* Establish a positioning context for the overlay */ max-width: 700px; /* Set a max width for the gallery item */ margin: 10px; /* Space around the gallery item */ overflow: hidden; /* Hides any overflow content */ } .gallery-item:hover .overlay { opacity: 1; /* Show overlay on hover */ } img { max-width: 100%; /* Make images responsive */ height: auto; /* Maintain aspect ratio */ border: 0 solid #ccc; display: block; /* Ensure images are block level for proper alignment */ margin: 0 auto; /* Center images horizontally */ pointer-events: none; /* Prevent mouse events on the image */ } /* Style for the overlay */ .overlay { position: absolute; /* Overlay will be positioned absolutely */ top: 0; /* Align to top */ left: 0; /* Align to left */ right: 0; /* Align to right */ bottom: 0; /* Align to bottom */ background-color: rgba(0, 0, 0, 0.4); /* Black background with transparency */ color: white; /* Text color */ display: flex; /* Use flexbox for alignment */ align-items: center; /* Center vertically */ justify-content: center; /* Center horizontally */ opacity: 0; /* Initially hide the overlay */ transition: opacity 0.3s; /* Smooth transition for hover effect */ } /* Style for the paragraph below the image */ .gallery-item p { text-align: center; /* Center text */ margin: 10px; /* Space around the text */ color: #333; /* Text color */ } .nav { display: flex; justify-content: center; /* Center navigation items */ flex-wrap: wrap; margin: 5px 0; } .contact-info { margin-bottom: 15px; font-size: 14px; color: #420911; } .nav a { flex-grow: 1; min-width: auto; text-align: center; /* Center text in navigation links */ padding: 2px; background-color: #9e9d9d; margin: 2px; border-radius: 2px; text-decoration: none; color: #333; transition: background-color 0.1s; } .nav a:hover { background-color: #525050; } /* Responsive adjustments */ @media (max-width: 600px) { .nav a { flex: 1 0 100%; } } .carousel-container { position: relative; width: 100%; max-width: 600px; margin: 5px auto; text-align: center; } .carousel-image { width: 100%; height: auto; display: block; } .nav-buttons { margin-top: 10px; } .prev, .next { background-color: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 15px; cursor: pointer; font-size: 20px; z-index: 10; } .prev { margin-right: 10px; } .next { margin-left: 10px; } .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } </style> </head> <body> <header> <h2>Mark Sarfati, Photography</h2> <div class="contact-info"><small>Tivoli, New York</small></div> </header> <script> // Disable right-click context menu document.addEventListener("contextmenu", event => event.preventDefault()); document.querySelectorAll("img").forEach(img => { img.addEventListener("contextmenu", event => event.preventDefault()); img.addEventListener("dragstart", event => event.preventDefault()); }); </script> <main> <div id="top"></div> <div class="gallery-item"> <img src="cool-papa_web.jpg" alt="Haskell 'Cool Papa' Sadler" draggable="false"><div class="overlay"><h3>Thank you for visiting!</h3></div></div> <a href="https://en.wikipedia.org/wiki/Haskell_Sadler" target="_blank" rel="noopener noreferrer">Haskell 'Cool Papa' Sadler</a><br> <small>1979, Deluxe Inn, Oakland, CA</small><br><br> <div class="gallery-item"> <img src="Rickey_Henderson_web.jpg" alt="Portrait of Rickey Henderson, professional baseball player" draggable="false"><div class="overlay"><h3>Rickey will be missed...</h3></div></div> <a href="https://osw.com/photo/pages/Rickey.html" target="_blank" rel="noopener noreferrer">Rickey Henderson</a><br><br> <div class="gallery-item"> <img src="BillyMartin_web.jpg" alt="Billy Martin" draggable="false"><div class="overlay"><h3>Thank you for visiting!</h3></div></div> <a href="https://en.wikipedia.org/wiki/Billy_Martin" target="_blank" rel="noopener noreferrer">Billy Martin</a><br><small>His last game as Oakland A's manager<br> (Martin and Henderson were great friends)</small><br><br> <div class="gallery-item"> <img src="Kris-Kristoffersen_web.jpg" alt="Kris Kristoffersen" draggable="false"><div class="overlay"><h3>An American Treasure</h3></div></div> Kris Kristoffersen, at home in LA<br><br> <div class="gallery-item"> <img src="Troyce_Key_Rhythm_Rockers_Web.jpg" alt="Troyce_Key_Rhythm_Rockers at Eli's Mile High Club" draggable="false"><div class="overlay"><h3>Thank you for visiting!</h3></div></div> Troyce Key (left) and the Rhythm Rockers at Eli's Mile High Club<br><small>1983, Oakland, CA</small><br><br> <div class="gallery-item"> <img src="Eli's_Mile_High_web.jpg" alt="Eli's Mile High Club" draggable="false"><div class="overlay"><h3>Thank you for visiting!</h3></div></div> Eli's Mile High Club<br><small>1983, Oakland, CA</small><br><br> <div class="gallery-item"> <img src="paul_web.jpg" alt="Paul McCartney" draggable="false"><div class="overlay"><h3>Thank you for visiting!</h3></div></div> Paul McCartney, Oakland Coliseum<br><br> <div class="gallery-item"><img src="Bob_Geddins.jpg" alt="Bob Geddins" draggable="false"><div class="overlay"><h3>Thank you for visiting!</h3></div></div> <a href="https://localwiki.org/oakland/Geddin's_Big_Town_Records" target="_blank" rel="noopener noreferrer">Bob Geddins</a><br><br> <div class="gallery-item"> <img src="Brownie_McGhee.jpg" alt="Brownie McGhee" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> <a href="https://www.arts.gov/honors/heritage/brownie-mcghee" target="_blank" rel="noopener noreferrer">Brownie McGhee</a>,<br> <small>Ashkenaz, Berkeley, CA</small><br><br> <div class="gallery-item"> <img src="James_Brown_web.jpg" alt="James Brown" draggable="false"><div class="overlay"> <h3>Godfather of Soul</h3></div></div> James Brown,<br><small>Keystone, Berkeley</small><br><br> <div class="gallery-item"> <img src="Bobby_Mcferrin.jpg" alt="Bobby Mcferrin" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> Bobby Mcferrin,<br><small>Oakland Auditorium</small><br><br> <div class="gallery-item"> <img src="Bruce_Springsteen.jpg" alt="Bruce Springsteen" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> Bruce Springsteen<br><small>Born in the USA tour, Oakland Coliseum</small> <!-- Image Carousel --> <div class="gallery-item"> <div class="carousel-container"> <img id="carouselImage" class="carousel-image" src="charles_brown_web.jpg" alt="Charles Brown" draggable="false"> <div class="overlay"><h3>Thank you for visiting!</h3></div></div></div> <!-- Navigation Buttons Container (below the image) --> <div class="nav-buttons"> <button class="prev" onclick="prevImage()">❮</button> <a href="https://en.wikipedia.org/wiki/Charles_Brown_(musician)" target="_blank" rel="noopener noreferrer">Charles Brown</a> <button class="next" onclick="nextImage()">❯</button><br> <small>Ashkenaz, Berkeley, CA</small></div> <div class="gallery-item"> <img src="Chet_Baker_web.jpg" alt="Chet Baker" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> Chet Baker<br><small>April 1988, Montclair Village, Oakland</small><br><br> <div class="gallery-item"> <img src="Johnny-Fuller_web.jpg" alt="Johnny Fuller" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> <a href="https://en.wikipedia.org/wiki/Johnny_Fuller_(musician)" target="_blank" rel="noopener noreferrer">Johnny Fuller</a><br> <small>1980, Oakland, CA</small><br><br> <div class="gallery-item"> <img src="Body_Builder_web.jpg" alt="Body Building Competition" draggable="false"><div class="overlay"><h3>Thank you for looking!</h3></div></div> Body Building Competition, 1981,<br><small>Oakland Auditorium, Oakland, CA</small><br><br> <div class="gallery-item"> <img src="bernstein-baton_web.jpg" alt="Leonard Bernstein" draggable="false"><div class="overlay"><h3>The Maestro</h3></div></div> Leonard Bernstein, 1982,<br><small>Oakland Auditorium, Oakland, CA</small><br><br> <div class="gallery-item"> <img src="Arthur_Blaustien_web.jpg" alt="Arthur Blaustien" draggable="false"><div class="overlay"><h3>More relevant than ever, his book<br>'Democracy is Not a Spectator Sport'</h3></div></div> <a href="https://www.berkeleyside.org/2024/01/03/arthur-blaustein-obituary">Arthur Blaustein, UC Berkeley professor and author</a><br><br> <div class="gallery-item"> <img src="Grandmaster_Flash.jpg" alt="Grandmaster Flash and the Furious Five" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> <p><a href="https://en.wikipedia.org/wiki/Grandmaster_Flash_and_the_Furious_Five" target="_blank" rel="noopener noreferrer">Grandmaster Flash<br>and the Furious Five</a> <br><small>1980, Castlemont High School, Oakland, CA</small><br><br> <div class="gallery-item"> <img src="Mick-Jagger_web.jpg" alt="Mick Jagger" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> Mick Jagger<br><small>Steel Wheels Tour, Oakland Coliseum, Oakland CA</small><br><br> <div class="gallery-item"> <img src="Rick_Nelson_web.jpg" alt="Rick Nelson" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> Rick Nelson<br><small>His last Bay Area Concert, December 1985, Concord, CA</small><br><br> <div class="gallery-item"> <img src="Pete_Townsend_web.jpg" alt="Pete Townsend" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> Pete Townsend<br><small>Oakland Coliseum</small><br><br> <div class="gallery-item"> <img src="Stevie-Nicks_web.jpg" alt="Stevie Nicks" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> Stevie Nicks<br><small>Solo Performance, Oakland, CA</small><br><br> <div class="gallery-item"> <img src="Lionel_Richie_web.jpg" alt="Lionel Richie" draggable="false"><div class="overlay"> <h3>Hope You Enjoyed the Show!</h3></div></div> Lionel Richie<br><small>Oakland Coliseum, Oakland CA</small><br><br> <div class="gallery-item"> <img src="Ali_web.jpg" alt="Muhammad Ali" draggable="false"><div class="overlay"><h3>He fought for all Americans</h3></div></div> <a href="https://www.youtube.com/watch?v=fUNLDqcXG-Q" target="_blank" rel="noopener noreferrer">Muhammad Ali</a>,<br><a href="https://www.youtube.com/watch?v=7XB3sD9QJCI" target="_blank" rel="noopener noreferrer">and in requiem</a> <br><small>Cody's Books book signing, Berkeley, CA</small><br><br> <div class="gallery-item"> <img src="furthur_web.jpg" alt="Furthur" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> <a href="https://en.wikipedia.org/wiki/Furthur_(bus)" target="_blank" rel="noopener noreferrer">Furthur</a><br><br> <div class="gallery-item"> <img src="Father_Guido_Sarducci.jpg" alt="Don Novello" draggable="false"><div class="overlay"> <h3>His run for U.S. President</h3></div></div> Don Novello<br><small>aka 'Father Guido Sarducci'<br>w/ customers of the 1232 cafe,<br>San Francisco, CA</small><br><br> <div class="gallery-item"> <img src="Greil_Marcus.jpg" alt="Greil Marcus" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> <a href="https://greilmarcus.net/" target="_blank" rel="noopener noreferrer">Greil Marcus</a><br><br> <div class="gallery-item"> <img src="Noam-Chomsky_web.jpg" alt="Noam Chomsky" draggable="false"><div class="overlay"> <h3> “For the powerful, crimes are those that others commit.”― Noam Chomsky, Imperial Ambitions: Conversations on the Post-9/11 World </h3></div></div> <a href="https://en.wikipedia.org/wiki/Noam_Chomsky" target="_blank" rel="noopener noreferrer">Noam Chomsky</a><br><br> <div class="gallery-item"> <img src="Brooklyn_web.jpg" alt="Brooklyn Under" draggable="false"><div class="overlay"><h3>Thank you for visiting!</h3></div></div> Brooklyn Beneath the Tracks<br><br> <div class="gallery-item"> <img src="City_Lights_Books.jpg" alt="City Lights Booksellers" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> City Lights Booksellers,<br><small>founded 1953 by <a href="https://www.nytimes.com/2021/02/23/obituaries/lawrence-ferlinghetti-dead.html" target="_blank" rel="noopener noreferrer">Lawrence Ferlinghetti</a> and <a href="https://en.wikipedia.org/wiki/Peter_D._Martin" target="_blank" rel="noopener noreferrer">Peter D. Martin</a>,<br>San Francisco, CA</small><br><br> <div class="gallery-item"> <img src="New_Yorker_Bookshop_web.jpg" alt="New Yorker Bookshop" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> New Yorker Bookshop,<br><small>founded 1964 by <a href="https://en.wikipedia.org/wiki/Peter_D._Martin" target="_blank" rel="noopener noreferrer">Peter D. Martin</a>, W89th B'way, NYC</small><br><br> <div class="gallery-item"> <img src="Edward_Teller_2.jpg" alt="Edward_Teller" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> Edward Teller<br><br> <div class="gallery-item"> <img src="I_F_Stone.jpg" alt="I.F. Stone" draggable="false"><div class="overlay"> <h3>The '60's D.C. muckracker</h3></div></div> <a href="https://en.wikipedia.org/wiki/I._F._Stone" target="_blank" rel="noopener noreferrer">I.F. Stone</a><br><br> <div class="gallery-item"> <img src="David_Nadel.jpg" alt="Edward Teller" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> <a href="https://www.ashkenaz.com/characters-of-ashkenaz/davidnadel" target="_blank" rel="noopener noreferrer">David Nadel</a>, (shown bottom right),<br> <small><a href="https://www.sfgate.com/bayarea/article/David-Nadel-club-owner-and-activist-3107929.php" target="_blank" rel="noopener noreferrer">Impresario,</a> <a href="https://berkeleycitizen.org/memoriam/memoriam3.htm" target="_blank" rel="noopener noreferrer">Peace Advocate</a>, and<br> Owner of Ashkenaz, Berkeley, CA</small><br><br> <div class="gallery-item"> <img src="cuban-cigar-maker_web.jpg" alt="Havana, Cuba" draggable="false"><div class="overlay"> <h3>Thank you for visiting!</h3></div></div> Cigar Factory Worker, Havana, Cuba<br><br> <div class="gallery-item"> <img src="Benny_1966_web.jpg" alt="Benny Sarfati" draggable="false"><div class="overlay"> <h3>"Our Founder"</h3></div></div> <a href="https://osw.com/photo/pages/Benny_Sarfati.html" target="_blank" rel="noopener noreferrer">Benny Sarfati</a>, 1966<br><small>West 89th St, Broadway, NYC<br> <br>(Rolleicord Vb, Tri-X Film)</small><br><br> <nav class="nav"> <a href="https://osw.com/#top">Back to Top</a> <a href="https://osw.com/photo/pages/page2.html">Next Screen</a> <a href="https://osw.com/images/china/china.html">Asia Portfolio</a> </nav><br> <div class="contact-info"> All images ©2025 Mark Sarfati<br>and available in hi-res for<br>private or editorial use.<br><br> For details please:<br> <button id="callButton"> - Leave a voicemail - </button><br> or <a href="#" id="sendMessageLink">txt</a> or <a href="mailto:[email protected]?subject=From%20osw.com">e-mail</a><br><br> <em>Also posting to:</em><br> <a href="https://marksarfati-blog.tumblr.com/" target="_blank"><em>Tumblr</em></a>, <a href="https://www.flickr.com/photos/marksarfati/with/52716135474/" target="_blank"><em>Flickr</em></a>, <a href="https://500px.com/p/marksarfati?view=photos" target="_blank"><em>500px</em></a> <br><img alt="Rebecca" src="https://osw.com/photo/thumbnails/reca_small.jpg"><br> </div> <script> // Wait for the DOM content to load before running the script document.addEventListener("DOMContentLoaded", function() { // Array of image sources for carousel let images = [ "charles_brown_small.jpg", "Charles_Brown_stageband.jpg", "charles_brown_web.jpg" ]; let currentIndex = 0; function updateImage() { document.getElementById("carouselImage").src = images[currentIndex]; } function prevImage() { currentIndex = (currentIndex - 1 + images.length) % images.length; updateImage(); } function nextImage() { currentIndex = (currentIndex + 1) % images.length; updateImage(); } // Attach the next and prev functions to the buttons document.querySelector('.next').addEventListener('click', nextImage); document.querySelector('.prev').addEventListener('click', prevImage); }); // Get the button element const callButton = document.getElementById('callButton'); // Define the phone number const phoneNumber = "+13413458858"; // Event listener for the button callButton.addEventListener('click', function() { window.location.href = `tel:${phoneNumber}`; }); // Get the link element const sendMessageLink = document.getElementById('sendMessageLink'); // Define the click event handler for SMS function handleSendMessage(event) { event.preventDefault(); // Prevent default link behavior const message = "Photo use inquiry"; // The message to pre-fill window.location.href = `sms:${phoneNumber}?body=${encodeURIComponent(message)}`; } // Attach the event handler to the link sendMessageLink.addEventListener('click', handleSendMessage); </script> </main> <!-- WiredMinds eMetrics tracking with Enterprise Edition V5.4 START --> <script type='text/javascript' src='https://count.carrierzone.com/app/count_server/count.js'></script> <script type='text/javascript'><!-- wm_custnum='f1724444d1443192'; wm_page_name='index.html'; wm_group_name='/services/webpages/o/s/osw.com/public'; wm_campaign_key='campaign_id'; wm_track_alt=''; wiredminds.count(); // --> </script> <!-- WiredMinds eMetrics tracking with Enterprise Edition V5.4 END --> </body> </html>