CINXE.COM

> <script> function openInWindow(tabNum, href, e){ if (!parent){ console.log("no parent e ="); console.log(e); return true; }else if (parent.parentName == 'wnpMuseumFrameset'){ console.log("wnpMuseumFrameset ="); console.log(parent); console.log("e ="); console.log(e); if (tabNum != 2){ parent.openInFrame(3); }else{ parent.openInFrame(2); } return false; }else{ console.log("parent ="); console.log(parent); console.log("e ="); console.log(e); window.open(href, '_blank'); return false; } } </script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="Western Neighborhods Project"> <link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> <link rel="manifest" href="/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <script src="https://use.fontawesome.com/e06eba6166.js"></script>  <script> (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({ key: "AIzaSyC-G41dgB9C9WnrL7YV65cD-iZBDkjgekM", v: "weekly", // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.). // Add other bootstrap parameters as needed, using camel case. }); </script> <script src="/include/utility.js"></script> <script src="//ajax.googleapis.com/ajax/libs/prototype/1.7.2.0/prototype.js"></script> <script src="//ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js?load=effects,builder"></script> <link rel="stylesheet" href="/style/lightbox.css" type="text/css" > <script src="/scripts/lightbox.js"></script> <link rel="stylesheet" href="/scripts/sbox/swipebox.min.css">  <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">  <link rel="Stylesheet" type="text/css" href="/css/outsidelandsnew.css"> <title>Western Neighborhoods Project - San Francisco History</title> <meta name="description" content="Western Neighborhoods Project is dedicated to the history of San Francisco's Richmond, Sunset, OMI and West of Twin Peaks districts, areas once referred to as the outside lands" > <meta name="keywords" content="outside lands, Western Neighborhoods Project, western neighborhoods project, San Francisco, San Francisco history, history, Richmond, Richmond district, Sunset, Sunset district, Oceanview, Oceanview district, OMI, West of Twin Peaks, Ingleside, Ingleside Terraces, St. Francis Wood, oral history, oral histories, Stonestown, Forest Hill, Lake Merced, San Francisco History" > <meta property="fb:admins" content="725791634" /> <script> var parentFrameName = parent && parent.parentName ? parent.parentName : ''; if (parentFrameName && parentFrameName == 'wnpMuseumFrameset'){ console.log('parentFrameName = '+parentFrameName); }else{ console.log('no parent frame'); } </script> <style> @media screen and (min-width: 300px) { :root { --fullWidthOSL:100vw; --usableHalfWidthOSL:calc(var(--fullWidthOSL) / 3.5); } } .paragraphDiv { margin:10px 0px 10px 0px; border:0px solid orange; font-size:11pt; } </style> </head> <body id="index" style="background-color:rgba(255, 255, 220, 0.4);"> <style> .wnpMenuItem {margin:0px 8px 0px 0px;} .media_outset_boxshadow1 { border:2px outset rgba(70, 70, 40, 0.3); box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); -moz-box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); -webkit-box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); -khtml-box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); border-radius:5px; } .media_inset_boxshadow1 { border:2px inset rgba(70, 70, 40, 0.3); box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); -moz-box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); -webkit-box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); -khtml-box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); border-radius:5px; } </style> <div class="jumbotron" style="margin-top:8px; border:0px solid red;"> <div class="container" style="border:0px solid green;"> <nav class="navbar navbar-default" style="border-radius:8px 8px 4px 4px; margin:0px 0px 4px 0px;"> <div class="container-fluid"> <div style="position:absolute; left:86%; z-index:20;"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" style="margin:8px 0px 0px 0px; padding:6px 6px 6px 6px;"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div>  <div class="navbar-header"> <div class="navbar-right" id="membershipButtonDiv" style="position:absolute; z-index:99; left:36.3%; top:74px;"> <a href="/membership.php" class="btn btn-primary" style="font-size:13pt; font-family:verdana; padding:0px 9px 0px 9px;">MEMBERSHIP</a> </div> <div class="navbar-left" style="position:absolute; z-index:99; left:75.6%; top:74px;"> <a href="/Give" class="btn btn-primary" style="font-size:13pt; font-family:verdana; padding:0px 9px 0px 9px;">DONATE</a> </div> <div class="navbar-center" style="position:absolute; z-index:10; left:0.60%; top:5px;"> <a href="/index.php"><img class="img-responsive img-rounded" src="/images/site/wnp_logo_1094x109_13.png" alt="Western Neighborhoods Project - History of San Francisco's West Side" /></a> </div> <div style="height:122px"> &nsbsp; </div> </div> </div> </nav> <nav class="navbar navbar-default collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="" > <ul class="nav navbar-nav" style="margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;"> <li class="wnpMenuItem" style="margin:9px 0px 5px 4px;" id="socialMediaMenuItemId"> <div class="list-group-item" style="height:32px; margin:0px; padding:2px 5px 3px 5px;border:1px solid #DDD;"> <a href="https://facebook.com/outsidelands"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a> <a href="https://twitter.com/outsidelandz"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a> <a href="https://www.instagram.com/outsidelandz/"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a> <a href="https://youtube.com/@WesternNeighborhoodsProject"><i class="fa fa-youtube-play fa-2x" aria-hidden="true"></i></a> </div> </li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/events.php">Events</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/podcast/" >Podcast</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/neighborhoods.php">Neighborhoods</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/articles.php">Articles</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/photos.php">Photos</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;" id="communityMenuItemId"><a href="/cgi-bin/mboard/stories2/list.cgi">Community</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/historyminute/index.php">Video</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/maps/">Map</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="https://western-neighborhoods-project.square.site/" target="_blank">Shop</a></li> </ul> <form class="navbar-form navbar-right gsearchform" role="search" id="searchbox_013363350640088249168:ewlm3wovy2c" action="/search/index.php" name="sitesearch" style="vertical-align:bottom;"> <div class="form-group" style="margin:2px 0px 0px 0px; vertical-align:bottom;"> <input type="hidden" name="cx" value="013363350640088249168:ewlm3wovy2c" /> <input type="hidden" name="cof" value="FORID:11" /> <input type="hidden" name="_ds" value="1"> <input type="hidden" name="bn" value="0"> <input type="hidden" name="bs" value="24"> <input type="hidden" name="so0" value="contains"> <input type="hidden" name="so1" value="contains"> <input name="q" style="font-size:11pt;" type="text" size="13" maxlength="13" value="search" onFocus="document.sitesearch.q.value = '';" style="vertical-align:bottom;"/> <button type="submit" class="btn btn-default btn-sm" style="height:27px; vertical-align:bottom;"><span class="glyphicon glyphicon-search" aria-hidden="true" style="height:27px; vertical-align:bottom;"></span></button> </div> </form> </div> </nav> <div style="text-align:center; margin:3px 0px 3px 0px; padding:5px; font-size:11pt; font-weight:500; border:1px solid rgba(155, 155, 90, 0.3); border-radius:5px; background-color:rgba(230, 220, 180, 0.2);"> Western Neighborhoods Project is dedicated to the history of San Francisco's Richmond, Sunset, OMI and West of Twin Peaks districts.   <a href="/about.php">read more ...</a> </div> <div style="text-align:center; margin:0px 0px 4px 0px; padding:0px 0px 0px 0px; border:1px solid rgba(155, 155, 90, 0.3); border-radius:5px; background-color:rgba(230, 220, 180, 0.2);"> <div style="margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px solid blue; font-size:10pt;"> <form action="/handlers/subscriptionFormHandler.php" method="post" class="validate" target="chimpFrame0" style="margin:0px; padding:3px 0px 3px 0px; border:0px solid orange;"> <label id="subscribeLabel" for="mce-EMAIL" style="margin:0px 10px 0px 0px; font-size:11pt; font-weight:500;">To receive our periodic newsletter by email, please subscribe by submitting your email address:</label> <input id="chimpEmail0" type="email" value="" name="WNP_NEWS_SUBSCRIBE_EMAIL" class="required email" id="chimpEmail0" size="30"> <label id="subscribeSuccessDiv" style="width:99%; margin:-2px 10px -3px 0px; padding:0px 52px 1px 52px; color:rgba(192, 51, 51, 0.8); font-size:10pt; display:none; border:2px solid rgba(192, 51, 51, 0.6); border-radius:5px;"></label> <input id="subscribeButton" type="submit" value="Subscribe" name="subscribe" class="btn btn-large btn-primary" style="height:24px; vertical-align:top; margin:0px 0px 0px 10px; padding:1px 6px 1px 6px;"> </form> <div id="subscriptionConfirm0" style="margin:0px 0px 0px 0px; color:#c05030; font-weight:600;"></div> </div> <iframe name="chimpFrame0" style="margin:0px; padding:0px; border:0px solid black; width:400px; height:1px; display:none;"></iframe> </div> <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="10000"> <div class="carousel-inner"> <div class="carousel-item item"> <img src="/Image/1000/images/site/wnp12.0111crop.jpg" alt="Chinese in the Richmond"> <div class="carousel-caption"> <h1>Chinese in the Richmond</h1> <p class="lead hidden-xs">Illuminating the lives of Chinese Americans on the west side of San Francisco from the community鈥檚 point of view</p> <a class="btn btn-large btn-primary" href="https://chsa.org/chinese-in-the-richmond/" onclick="openInWindow(3, 'https://chsa.org/chinese-in-the-richmond/', event); return false;"><span class="hidden-xs">Read more ...</span></a> </div> </div>   <div class="carousel-item item"> <img src="/Image/1000/images/site/Cliff_House_from_the_Sea_circa1896_cropped_1000x547.png" alt="The Cliff House Project"> <div class="carousel-caption"> <h1 style="font-size:42pt;">The Cliff House Project</h1> <p class="lead hidden-xs">Exlore this website which strives to preserve the visual imagery of Adolph Sutro鈥檚 Victorian Cliff House</p> <a class="btn btn-large btn-primary" href="http://www.cliffhouseproject.com" target="_chp">More <span class="hidden-xs">about The Cliff House Project</span></a> </div> </div> <div class="carousel-item item"> <img src="/Image/1000/images/site/CliffHouseBillington_small_cropped.jpg" alt="The Cliff House Collection"> <div class="carousel-caption"> <h1 style="font-size:42pt;">Save the Cliff House Collection</h1> <p class="lead hidden-xs">Thanks to our generous donors, we saved over 50 important historical items from the Cliff House Collection!</p> <a class="btn btn-large btn-primary" href="https://savethecliffhousecollection.com" onclick="openInWindow(3, 'https://savethecliffhousecollection.com', event); return false;">More <span class="hidden-xs">about The Cliff House Collection</span></a> </div> </div> <div class="carousel-item item active"> <img src="/images/site/member-banner.jpg" alt="Become A WNP Member"> <div class="carousel-caption"> <h1>Become a Member</h1> <div class="lead hidden-xs">Walks, Talks, and Other Benefits.<br>(including the knowledge that you are a part of something great!)</div> <a class="btn btn-large btn-primary" href="/membership.php" onclick="openInWindow(1, 'https://outsidelands.org/membership.php', event); return false;">Join Now!</a> </div> </div> <div class="carousel-item item"> <img class="d-block w-100 img-fluid" src="/images/site/opensfhistory-banner2.jpg" alt="Visit OpenSFHistory.org"> <div class="carousel-caption"> <p class="lead hidden-xs"></p> <a class="btn btn-large btn-primary" href="https://opensfhistory.org" onclick="openInWindow(2, 'https://opensfhistory.org', event); return false;">Visit OpenSFHistory</a> </div> </div> </div> <a class="left carousel-control glyphicon glyphicon-chevron-left" href="#myCarousel" data-slide="prev"></a> <a class="right carousel-control glyphicon glyphicon-chevron-right" href="#myCarousel" data-slide="next"></a> </div>  <div id="dbUpdatePostButtonDiv" style="margin:14px 0px 0px 970px; display:none; z-index:999; position:absolute;"> <form name="EditItemType" action="/tools/db_updateWPPost.php" method="POST"> <input name="content_item_id" value="" type="hidden" /> <input name="item_type" value="page" type="hidden" /> <button name="submitPost" type="submit" class="btn btn-primary" style="font-size:11pt; background-color:#C33;">Publish Page or Post</button> </form> </div>  <div id="dbUpdatePostButtonDiv" style="margin:14px 0px 0px 950px; display:none; z-index:999; position:absolute;"> <form name="EditItemType" action="/tools/db_updateWPPost.php" method="POST"> <input name="content_item_id" value="" type="hidden" /> <input name="item_type" value="pagepreview" type="hidden" /> <button name="submitPost" type="submit" class="btn btn-primary" style="font-size:11pt; background-color:#C33;">Un-Publish Page or Post</button> </form> </div> </div> </div> <script> document.getElementById('socialMediaMenuItemId').style.display = parentFrameName && parentFrameName == 'wnpMuseumFrameset' ? 'none' : ''; document.getElementById('communityMenuItemId').style.display = parentFrameName && parentFrameName == 'wnpMuseumFrameset' ? 'none' : ''; </script> <div class="container"> <div class="row" style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;">  <div class="col-md-6" style="margin:0px 0px 0px 0px; padding:4px 4px 12px 14px; border:0px solid #FAFAAA;">  <div class="panel panel-default"> <div class="panel-heading" style="margin:0px; padding:3px 0px 3px 14px; background-color:rgba(180, 170, 140, 0.2);"> <h4>WNP & SF Planning</h4> </div> <div style="padding:15px; border-top:1px solid rgb(221,221,221);" align="center"> <a href="/sf-planning"> <img class="media-object" src="/Image/800/wnp07.00358.jpg" width="335" style="border:2px solid #CCC; box-shadow: 3px 3px 2px #ccc; border-radius:5px"> </a> <a href="/sf-planning" style="font-size: 24px;"> WNP & SF Planning </a> </div> </div>    <div class="panel panel-default" style="margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; "> <div class="panel-heading" style="margin:0px; padding:3px 0px 3px 14px; background-color:rgba(180, 170, 140, 0.2);"><h4>Upcoming Events</h4></div> <div class="images panel-body" style="margin:1px 3px 0px 0px; padding:0px 0px 0px 0px;"> <ul class="events" style="margin:7px 3px 5px 7px; padding:0px;">  <li class="media" style="background-color:rgba(255, 255, 220, 0.5); padding:10px 0px 20px 6px; margin:5px 0px 10px 0px; border:1px solid rgba(200, 200, 160, 0.7); border-radius:5px; height:157;"> <div class="media-body" style="padding:0px 8px 0px 6px;"> <h4 class="media-heading" style="font-size:12pt;"><a href="/Event/622">WNP Film Club: The Lineup</a><br><span class="wnpevent" style="margin-left:2px; padding-left:0px;">WNP Event</span> </h4> <b style="margin:0px 0px 0px 0px;">Apr 16, 2025 7:00pm-9:00pm (Wednesday) at 4 Star Theater 2200 Clement Street</b> <div style="margin:4px 0px 4px 0px;"> </div> <div style="margin:11px 0px 10px 0px;"> <a href="/Event/622" class="btn btn-info" >More Info</a> </div> <div class="caption" style="margin:8px 0px 10px 0px;"> </div> </div> <div class="media-left" style="padding:0px 9px 12px 0px; margin:0px 0px 0px 0px; "> <a href=""> <img class="media-object" src="/Image/170/wnp25.0601.jpg" alt="related_image" style="border:2px solid #CCC; box-shadow: 3px 3px 2px #ccc; -moz-box-shadow: 3px 3px 2px #ccc; -webkit-box-shadow: 3px 3px 2px #ccc; -khtml-box-shadow: 3px 3px 2px #ccc; border-radius:5px"> </a> </div> </li> <li style="text-align:right; margin:0px 0px 6px 0px; padding:0px;"><a href="/events.php">More Events...</a></li> </ul> </div> </div>  <div class="panel panel-default" style="margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; display:none;"> <div class="panel-heading" style="margin:0px; padding:3px 0px 3px 14px; background-color:rgba(180, 170, 140, 0.2);"><h4>Past Events</h4></div> <div class="images panel-body" style="margin:1px 3px 0px 0px; padding:0px 0px 0px 0px;"> <ul class="events"> <li class="media"> <div class="media-left"> <a href=""> <img class="media-object" src="/Image/75/wnp27.7813.jpg" alt="related_image"> </a> </div> <div class="media-body"> <h4 class="media-heading"><a href="/Event/623">Legion of Honor 100th Anniversary Celebration: Obsessed with Light</a><span class="wnpevent">(WNP Event)</span> </h4> <b>Mar 26, 2025 7:00pm-9:30pm (Wednesday) at 4 Star Theater</b><br> <span class="caption"> <br> </span> </div> </li> <li class="media"> <div class="media-left"> <a href=""> <img class="media-object" src="/Image/75/wnp27.0625.jpg" alt="related_image"> </a> </div> <div class="media-body"> <h4 class="media-heading"><a href="/Event/624">Cole Valley Night Market</a></h4> <b>Mar 13, 2025 4:00pm-9:00pm (Thursday)</b><br> <span class="caption"> <br> </span> </div> </li> <li class="media"> <div class="media-left"> <a href=""> <img class="media-object" src="/Image/75/wnp4/wnp4.0643.jpg" alt="related_image"> </a> </div> <div class="media-body"> <h4 class="media-heading"><a href="/Event/620">WNP Book Club Silent Reading Party</a><span class="wnpevent">(WNP Event)</span> </h4> <b>Mar 8, 2025 11:00am-1:00pm (Saturday) at Bazaar Cafe</b><br> <span class="caption"> <br> </span> </div> </li> <li class="media"> <div class="media-left"> <a href=""> <img class="media-object" src="/Image/75/wnp37.00452.jpg" alt="related_image"> </a> </div> <div class="media-body"> <h4 class="media-heading"><a href="/Event/621">The 1894 World鈥檚 Fair in Golden Gate Park</a><span class="wnpevent">(WNP Event)</span> </h4> <b>Mar 6, 2025 6:30pm-7:30pm (Thursday)</b><br> <span class="caption"> <br> </span> </div> </li> <li style="text-align:right; margin:0px 0px 6px 0px; padding:0px;"><a href="/events.php">More Events...</a></li> </ul> </div> </div>  <div id="recentpages" class="panel panel-default" style="margin:10px 0 0 0; padding:0px;"> <div class="panel-heading" style="width:100%; background-color:rgba(180, 170, 140, 0.1);"><h4>Stories of the Western Neighborhood</h4></div> <span class="caption" style="display:inline-block; margin:10px 0px 3px 10px; padding:0px;"> <a href="#" onclick="new Ajax.Updater('recentpages', '/include/randompages.php?n=Recent');return false;">Recent</a> | <a href="#" onclick="new Ajax.Updater('recentpages', '/include/randompages.php?n=Random');return false;" class="selected">Random</a> | <a href="#" onclick="new Ajax.Updater('recentpages', '/include/randompages.php?n=Richmond');return false;">Richmond Articles</a> | <a href="#" onclick="new Ajax.Updater('recentpages', '/include/randompages.php?n=Sunset');return false;">Sunset Articles</a> </span> <br /> <ul id="rand-pages" class="articles">  <li class="list-group-item podcast" style="margin:0px 2px 6px 0px; padding:0px;"> <div class="media" style="margin:10px 4px 0px 4px; padding:0px;"> <div class="media-left" style="margin:0px; padding:0px;"> <a href="/podcast/WNP557_Short_Stack_5"> <img class="media-object" src="/Thumb/96/wnp13.134.jpg" alt="related_image" style="border:2px solid #CCC; box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; -khtml-box-shadow: 2px 2px 2px #ccc; border-radius:5px"> </a> </div> <div class="media-body" style="margin:0px 0px 0px 4px; padding-left:10px;"> <a href="/podcast/WNP557_Short_Stack_5"> <h4 class="media-heading" style="font-size:12pt;"><span class='glyphicon glyphicon-headphones'></span> Podcast Episode 557: Short Stack #5 &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</h4> <div style="color:#606060; margin:0px 0px 0px 6px; padding-left:0px 0px 0px 0px;"> Join Nicole and Rebekah as they dive into their latest history fascinations, unravel the current administration's crackdown on selective words, and even explore the story of Monarch the bear. To <br>... </div> </a> </div> </div> </li>  <li class="list-group-item page" style="margin:0px 2px 6px 0px; padding:0px;"> <div class="media" style="margin:10px 4px 0px 4px; padding:0px;"> <div class="media-left" style="margin:0px; padding:0px;"> <a href="/streetwise-dining-on-the-west-side.php"> <img class="media-object" src="/Thumb/96/wnp28.2604.jpg" alt="related_image" style="border:2px solid #CCC; box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; -khtml-box-shadow: 2px 2px 2px #ccc; border-radius:5px"> </a> </div> <div class="media-body" style="margin:0px 0px 0px 4px; padding-left:10px;"> <a href="/streetwise-dining-on-the-west-side.php"> <h4 class="media-heading" style="font-size:12pt;"><span class='glyphicon glyphicon-book'></span> Streetwise: Dining on the West Side &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</h4> <div style="color:#606060; margin:0px 0px 0px 6px; padding-left:0px 0px 0px 0px;"> Eat your way through the west side with Frank Dunnigan. <br> <br>  </div> </a> </div> </div> </li>  <li class="list-group-item podcast" style="margin:0px 2px 6px 0px; padding:0px;"> <div class="media" style="margin:10px 4px 0px 4px; padding:0px;"> <div class="media-left" style="margin:0px; padding:0px;"> <a href="/podcast/WNP556_2400_Fulton_Jefferson_Airplane_House"> <img class="media-object" src="/Thumb/96/wnp73.4497.jpg" alt="related_image" style="border:2px solid #CCC; box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; -khtml-box-shadow: 2px 2px 2px #ccc; border-radius:5px"> </a> </div> <div class="media-body" style="margin:0px 0px 0px 4px; padding-left:10px;"> <a href="/podcast/WNP556_2400_Fulton_Jefferson_Airplane_House"> <h4 class="media-heading" style="font-size:12pt;"><span class='glyphicon glyphicon-headphones'></span> Podcast Episode 556: 2400 Fulton Street, the Jefferson Airplane House &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</h4> <div style="color:#606060; margin:0px 0px 0px 6px; padding-left:0px 0px 0px 0px;"> Join Nicole and Drew as they uncover the fascinating history of 2400 Fulton Street, the legendary Jefferson Airplane house. <br> <br>  </div> </a> </div> </div> </li>  <li class="list-group-item podcast" style="margin:0px 2px 6px 0px; padding:0px;"> <div class="media" style="margin:10px 4px 0px 4px; padding:0px;"> <div class="media-left" style="margin:0px; padding:0px;"> <a href="/podcast/WNP555_Short_Stack_4"> <img class="media-object" src="/Thumb/96/wnp25.2650.jpg" alt="related_image" style="border:2px solid #CCC; box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; -khtml-box-shadow: 2px 2px 2px #ccc; border-radius:5px"> </a> </div> <div class="media-body" style="margin:0px 0px 0px 4px; padding-left:10px;"> <a href="/podcast/WNP555_Short_Stack_4"> <h4 class="media-heading" style="font-size:12pt;"><span class='glyphicon glyphicon-headphones'></span> Podcast Episode 555: Short Stack #4 &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</h4> <div style="color:#606060; margin:0px 0px 0px 6px; padding-left:0px 0px 0px 0px;"> Join Nicole and Rebekah as they discuss the closure of the California Historical Society (CHS), its impact on the community, and what it means for the future of historical organizations in San <br>... </div> </a> </div> </div> </li>  <li class="list-group-item podcast" style="margin:0px 2px 6px 0px; padding:0px;"> <div class="media" style="margin:10px 4px 0px 4px; padding:0px;"> <div class="media-left" style="margin:0px; padding:0px;"> <a href="/podcast/WNP554_George_and_Georgia"> <img class="media-object" src="/Thumb/96/wnp15.346.jpg" alt="related_image" style="border:2px solid #CCC; box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; -khtml-box-shadow: 2px 2px 2px #ccc; border-radius:5px"> </a> </div> <div class="media-body" style="margin:0px 0px 0px 4px; padding-left:10px;"> <a href="/podcast/WNP554_George_and_Georgia"> <h4 class="media-heading" style="font-size:12pt;"><span class='glyphicon glyphicon-headphones'></span> Podcast Episode 554: George and Georgia &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</h4> <div style="color:#606060; margin:0px 0px 0px 6px; padding-left:0px 0px 0px 0px;"> Join Nicole as she sits down with Sunset District artists George McCalman and Georgia Hodges in their studio to explore their creative inspirations, artistic journeys, and more. <br>  </div> </a> </div> </div> </li>  <li class="list-group-item podcast" style="margin:0px 2px 6px 0px; padding:0px;"> <div class="media" style="margin:10px 4px 0px 4px; padding:0px;"> <div class="media-left" style="margin:0px; padding:0px;"> <a href="/podcast/WNP553_Short_Stack_3"> <img class="media-object" src="/Thumb/96/wnp27.0567.jpg" alt="related_image" style="border:2px solid #CCC; box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; -khtml-box-shadow: 2px 2px 2px #ccc; border-radius:5px"> </a> </div> <div class="media-body" style="margin:0px 0px 0px 4px; padding-left:10px;"> <a href="/podcast/WNP553_Short_Stack_3"> <h4 class="media-heading" style="font-size:12pt;"><span class='glyphicon glyphicon-headphones'></span> Podcast Episode 553: Short Stack #3 &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</h4> <div style="color:#606060; margin:0px 0px 0px 6px; padding-left:0px 0px 0px 0px;"> Join Nicole and Rebekah as they explore another 1895 issue of the Richmond Banner, uncovering the news, gossip, and happenings that shaped the neighborhood over a century ago, in Short Stack #3. <br>  </div> </a> </div> </div> </li> </ul> </div> </div>   <div class="col-md-6" style="margin:0px; padding:4px 14px 12px 4px; border:0px solid #FAFAAA;">  <div style="margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;"> <script type="text/javascript" language="JavaScript"> function toggleMsgDisp() { if (document.getElementById('latest_threads').style.display == 'block') { document.getElementById('latest_threads').style.display = 'none'; document.getElementById('archived_threads').style.display = 'none'; document.getElementById('latest_messages').style.display = 'block'; } else { document.getElementById('latest_threads').style.display = 'block'; document.getElementById('archived_threads').style.display = 'block'; document.getElementById('latest_messages').style.display = 'none'; } } </script> <div class="panel panel-default"> <div style="display:block; border:0px solid red; padding:0px 0px 15px 0px;"> <div class="panel-heading" style="background-color:rgba(180, 170, 140, 0.2); color:rgb(51, 51, 51);"> <h4>Support WNP</h4> </div> <div style="padding:15px 0px 0px 15px; border-top:1px solid rgb(221,221,221);" align="center"> <a href="/support-wnp"> <img class="media-object" src="https://opensfhistory.org/Image/800/wnp26.669.jpg" alt="Conservatory of Flowers" width="400" style="border:2px solid #CCC; box-shadow: 3px 3px 2px #ccc; border-radius:5px"> </a> <a href="/support-wnp" style="font-size: 24px;"> Support WNP this winter </a> </div> </div> </div> <div class="panel panel-default" id="online_exhibitions"> <div id="latest_online_exhibitions" style="display:block; border:0px solid red; padding:0px 0px 15px 0px;"> <div class="panel-heading" style="background-color:rgba(180, 170, 140, 0.2); color:rgb(51, 51, 51);"> <h4>New Online Exhibitions</h4> </div> <div style="padding:15px 0px 0px 15px; border-top:1px solid rgb(221,221,221);" align="center"> <a href="https://www.outsidelands.org/the-golden-gate-park-windmills.php"> <img class="media-object" src="/Image/800/wnp5.50841.jpg" alt="Great Highway near Fulton" width="300" style="border:2px solid #CCC; box-shadow: 3px 3px 2px #ccc; border-radius:5px"> </a> <a href="https://www.outsidelands.org/the-golden-gate-park-windmills.php" style="font-size: 24px;"> The Golden Gate Park Windmills </a> </div> </div> </div> <div class="panel panel-default" id="latest_mboard"> <div id="latest_messages" style="display:none; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px;"> <div class="panel-heading" style="background-color:rgba(180, 170, 140, 0.1);"> <h4> Latest Messageboard Messages <a href="/rss/latestposts.php"> <img src="/images/site/rss_icon.gif" height="16" width="16" alt="latest messages rss feed" title="latest messages rss feed"/> </a> </h4> </div> <ul class="list-group articles" style="margin:6px 0px 0px 0px;"> <p class="caption"> <a href="#" onclick="toggleMsgDisp(); return false;">     View Updated Threads </a> </p> <li class="list-group-item"><span style="font-size:9pt;">03/27/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2665,7#msgtitle">Sugar Plum Restaurant </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Shawn parker</i></li><li class="list-group-item"><span style="font-size:9pt;">03/13/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2704,33#msgtitle">In the Blink of an Eye </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">colin</i></li><li class="list-group-item"><span style="font-size:9pt;">03/12/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?3282,3#msgtitle">Naming the Great Highway as a Park </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Jo Anne Q</i></li><li class="list-group-item"><span style="font-size:9pt;">03/12/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?380,3#msgtitle">My Ingleside neighborhood </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Katherine Holcomb</i></li><li class="list-group-item"><span style="font-size:9pt;">03/11/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2842,4#msgtitle">Holy Name 75th likewise </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Ken Hoyer</i></li><li class="list-group-item"><span style="font-size:9pt;">03/09/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2399,11#msgtitle">Tip's or Pip's...Chicken or Egg salad </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">David</i></li><li class="list-group-item"><span style="font-size:9pt;">03/08/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2704,32#msgtitle">In the Blink of an Eye </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Carol </i></li><li class="list-group-item"><span style="font-size:9pt;">03/07/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?3282,2#msgtitle">Naming the Great Highway as a Park </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Paul Judge</i></li><li class="list-group-item"><span style="font-size:9pt;">03/07/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?3282,1#msgtitle">Naming the Great Highway as a Park </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">john Martini</i></li><li class="list-group-item"><span style="font-size:9pt;">03/07/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?3282,0#msgtitle">Naming the Great Highway as a Park </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Norm</i></li><li class="list-group-item"><span style="font-size:9pt;">03/03/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1820,7#msgtitle">Ramsell St </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">CARY SIMMONS</i></li><li class="list-group-item"><span style="font-size:9pt;">03/01/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1275,8#msgtitle">What ever happened to the sea wall steps along the Great Highway? </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">John</i></li><li class="list-group-item"><span style="font-size:9pt;">02/28/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1275,7#msgtitle">What ever happened to the sea wall steps along the Great Highway? </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Paul Judge</i></li><li class="list-group-item"><span style="font-size:9pt;">02/28/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1275,6#msgtitle">What ever happened to the sea wall steps along the Great Highway? </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">John</i></li><li class="list-group-item"><span style="font-size:9pt;">02/26/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?3281,2#msgtitle">murphy windmill cottage interior </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Ken Hoyer</i></li><li class="list-group-item"><span style="font-size:9pt;">02/25/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?375,25#msgtitle">Did anyone take dance lessons from O'Neill Sisters School of the Dance on West Portal? </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Ivy Witter</i></li><li class="list-group-item"><span style="font-size:9pt;">02/19/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1520,10#msgtitle">Sizzling Platter Rest? </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Joseph</i></li><li class="list-group-item"><span style="font-size:9pt;">02/18/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?3281,1#msgtitle">murphy windmill cottage interior </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Paul Judge</i></li><li class="list-group-item"><span style="font-size:9pt;">02/17/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?375,24#msgtitle">Did anyone take dance lessons from O'Neill Sisters School of the Dance on West Portal? </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Joyce Srabian maiden name</i></li><li class="list-group-item"><span style="font-size:9pt;">02/17/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?3281,0#msgtitle">murphy windmill cottage interior </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">John Gaudino</i></li><li class="list-group-item"><span style="font-size:9pt;">02/17/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1960,36#msgtitle">NEW STREETWISE-Unspoken Facts </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Rex Bell</i></li><li class="list-group-item"><span style="font-size:9pt;">02/15/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1643,57#msgtitle">My Christmas Present to the Outsidelands </a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Jo Anne Q</i></li> </ul> </div> <div id="latest_threads" style="display:block; border:0px solid red; padding:0px 0px 15px 0px;"> <div class="panel-heading" style="background-color:rgba(180, 170, 140, 0.1);"><h4>Updated Messageboard Threads</h4></div> <ul class="list-group articles" style="margin:6px 0px 0px 0px;"> <p class="caption"><a href="#" onclick="toggleMsgDisp(); return false;">     View Latest Messages</a></p> <li class="list-group-item"><span style="font-size:9pt;">03/27/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2665,7#msgtitle">Sugar Plum Restaurant</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Shawn parker</i></li><li class="list-group-item"><span style="font-size:9pt;">03/13/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2704,33#msgtitle">In the Blink of an Eye</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">colin</i></li><li class="list-group-item"><span style="font-size:9pt;">03/12/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?3282,3#msgtitle">Naming the Great Highway as a Park</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Jo Anne Q</i></li><li class="list-group-item"><span style="font-size:9pt;">03/12/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?380,3#msgtitle">My Ingleside neighborhood</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Katherine Holcomb</i></li><li class="list-group-item"><span style="font-size:9pt;">03/11/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2842,4#msgtitle">Holy Name 75th likewise</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Ken Hoyer</i></li><li class="list-group-item"><span style="font-size:9pt;">03/09/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2399,11#msgtitle">Tip's or Pip's...Chicken or Egg salad</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">David</i></li><li class="list-group-item"><span style="font-size:9pt;">03/03/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1820,7#msgtitle">Ramsell St</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">CARY SIMMONS</i></li><li class="list-group-item"><span style="font-size:9pt;">03/01/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1275,8#msgtitle">What ever happened to the sea wall steps along the Great Highway?</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">John</i></li><li class="list-group-item"><span style="font-size:9pt;">02/26/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?3281,2#msgtitle">murphy windmill cottage interior</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Ken Hoyer</i></li><li class="list-group-item"><span style="font-size:9pt;">02/25/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?375,25#msgtitle">Did anyone take dance lessons from O'Neill Sisters School of the Dance on West Portal?</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Ivy Witter</i></li><li class="list-group-item"><span style="font-size:9pt;">02/19/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1520,10#msgtitle">Sizzling Platter Rest?</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Joseph</i></li><li class="list-group-item"><span style="font-size:9pt;">02/17/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1960,36#msgtitle">NEW STREETWISE-Unspoken Facts</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Rex Bell</i></li><li class="list-group-item"><span style="font-size:9pt;">02/15/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1643,57#msgtitle">My Christmas Present to the Outsidelands</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Jo Anne Q</i></li><li class="list-group-item"><span style="font-size:9pt;">02/12/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?816,16#msgtitle">Francis Scott Key Elementary School</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Robert Bell</i></li><li class="list-group-item"><span style="font-size:9pt;">02/08/2025</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2638,9#msgtitle">QFI Pizza</a> <b style="font-size:10pt;">路</b> <i style="font-size:9pt;">Don Gonzalez</i></li> </ul> </div> <div id="archived_threads" style="display:block; border-top:1px solid #DDD; margin:6px 0px 0px 0px; padding:0px 0px 15px 0px;"> <div class="panel-heading" style="background-color:rgba(180, 170, 140, 0.1); padding-top:7px; padding-bottom:6px;"><h4>More Posts From The Archives!</h4></div> <ul class="list-group articles" style="margin:6px 0px 0px 0px;"> <li class="list-group-item"><span style="font-size:9pt;">08/03/2016</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2845,0#msgtitle">Doelger History</a></li><li class="list-group-item"><span style="font-size:9pt;">06/01/2012</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2191,0#msgtitle">Roller Coaster</a></li><li class="list-group-item"><span style="font-size:9pt;">12/24/2014</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2628,0#msgtitle">Midcentury Photos of the City</a></li><li class="list-group-item"><span style="font-size:9pt;">08/28/2018</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?3046,0#msgtitle">West Portal History Pub Crawl </a></li><li class="list-group-item"><span style="font-size:9pt;">02/09/2011</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?1892,0#msgtitle">Red Roof @ Ocean Avenue</a></li><li class="list-group-item"><span style="font-size:9pt;">02/21/2014</span> <b style="font-size:10pt;">路</b> <a href="/cgi-bin/mboard/stories2/thread.cgi?2471,0#msgtitle">RIP--Monsignor John T. Foudy</a></li> </ul> </div> </div> <script type="text/javascript" language="JavaScript"> document.getElementById('latest_mboard').style.display = parentFrameName && parentFrameName == 'wnpMuseumFrameset' ? 'none' : 'block'; </script> </div> </div>  </div> <div class="row"> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-heading" style="background-color:rgba(180, 170, 140, 0.1);"><h4>Recent Images</h4></div> <div class="images panel-body"> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <div style= "max-height: 300px; overflow: hidden;"> <a href="/Display/wnp67.0690.jpg"><img src="/Thumb/400/wnp67.0690.jpg" alt="Ocean & Brighton" width="400" height="258"></a> </div> <p><a href="/Display/wnp67.0690.jpg">Ocean & Brighton,1950</a></p> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <div style= "max-height: 300px; overflow: hidden;"> <a href="/Display/wnp14.1889.jpg"><img src="/Thumb/400/wnp14.1889.jpg" alt="Broad & Capitol" width="400" height="229"></a> </div> <p><a href="/Display/wnp14.1889.jpg">Broad & Capitol,1950s</a></p> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <div style= "max-height: 300px; overflow: hidden;"> <a href="/Display/wnp14.3782.jpg"><img src="/Thumb/400/wnp14.3782.jpg" alt="Cabrillo near 48th Ave" width="400" height="273"></a> </div> <p><a href="/Display/wnp14.3782.jpg">Cabrillo near 48th...,1949</a></p> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <div style= "max-height: 300px; overflow: hidden;"> <a href="/Display/wnp25.7108.jpg"><img src="/Thumb/400/wnp25.7108.jpg" alt="47th Ave & Cabrillo" width="400" height="250"></a> </div> <p><a href="/Display/wnp25.7108.jpg">47th Ave & Cabrillo,1956</a></p> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <div style= "max-height: 300px; overflow: hidden;"> <a href="/Display/wnp33.03491.jpg"><img src="/Thumb/400/wnp33.03491.jpg" alt="Monterey near Baden" width="400" height="272"></a> </div> <p><a href="/Display/wnp33.03491.jpg">Monterey near Baden,1975</a></p> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <div style= "max-height: 300px; overflow: hidden;"> <a href="/Display/wnp28.1068.jpg"><img src="/Thumb/400/wnp28.1068.jpg" alt="Los Palmos near Foerster" width="400" height="272"></a> </div> <p><a href="/Display/wnp28.1068.jpg">Los Palmos near...,1953</a></p> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <div style= "max-height: 300px; overflow: hidden;"> <a href="/Display/wnp4.1486.jpg"><img src="/Thumb/400/wnp4.1486.jpg" alt="View from Lone Mountain" width="400" height="288"></a> </div> <p><a href="/Display/wnp4.1486.jpg">View from Lone Mountain,1902</a></p> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <div style= "max-height: 300px; overflow: hidden;"> <a href="/Display/wnp37.00829-L.jpg"><img src="/Thumb/400/wnp37.00829-L.jpg" alt="Lake House" width="400" height="351"></a> </div> <p><a href="/Display/wnp37.00829-L.jpg">Lake House,1872</a></p> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <div style= "max-height: 300px; overflow: hidden;"> <a href="/Display/wnp26.651.jpg"><img src="/Thumb/400/wnp26.651.jpg" alt="Ocean House" width="400" height="398"></a> </div> <p><a href="/Display/wnp26.651.jpg">Ocean House,1872</a></p> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <div style= "max-height: 300px; overflow: hidden;"> <a href="/Display/wnp37.00812.jpg"><img src="/Thumb/400/wnp37.00812.jpg" alt="Ocean House" width="400" height="304"></a> </div> <p><a href="/Display/wnp37.00812.jpg">Ocean House,1870</a></p> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <div style= "max-height: 300px; overflow: hidden;"> <a href="/Display/wnp70.0236.jpg"><img src="/Thumb/400/wnp70.0236.jpg" alt="Golden Gate Park" width="400" height="246"></a> </div> <p><a href="/Display/wnp70.0236.jpg">Golden Gate Park,1890</a></p> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <div style= "max-height: 300px; overflow: hidden;"> <a href="/Display/wnp71.1429.jpg"><img src="/Thumb/400/wnp71.1429.jpg" alt="Golden Gate Park" width="400" height="288"></a> </div> <p><a href="/Display/wnp71.1429.jpg">Golden Gate Park,1898</a></p> </div> </div> </div> </div> </div> </div> <div class="row" style=" display:none;"> <div class="col-md-6"> <div class="panel panel-default"> <div style="margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px solid blue; font-size:10pt;"> <form action="/handlers/subscriptionFormHandler.php" method="post" class="validate" target="chimpFrame0" style="margin:0px; padding:3px 0px 3px 0px; border:0px solid orange;"> <label id="subscribeLabel" for="mce-EMAIL" style="margin:0px 10px 0px 0px; font-size:11pt; font-weight:500;">To receive our periodic newsletter by email, please subscribe by submitting your email address:</label> <input id="chimpEmail0" type="email" value="" name="WNP_NEWS_SUBSCRIBE_EMAIL" class="required email" id="chimpEmail0" size="30"> <label id="subscribeSuccessDiv" style="width:99%; margin:-2px 10px -3px 0px; padding:0px 52px 1px 52px; color:rgba(192, 51, 51, 0.8); font-size:10pt; display:none; border:2px solid rgba(192, 51, 51, 0.6); border-radius:5px;"></label> <input id="subscribeButton" type="submit" value="Subscribe" name="subscribe" class="btn btn-large btn-primary" style="height:24px; vertical-align:top; margin:0px 0px 0px 10px; padding:1px 6px 1px 6px;"> </form> <div id="subscriptionConfirm0" style="margin:0px 0px 0px 0px; color:#c05030; font-weight:600;"></div> </div> <iframe name="chimpFrame0" style="margin:0px; padding:0px; border:0px solid black; width:400px; height:1px; display:none;"></iframe> </div> </div> <div class="col-md-6"> <div class="panel panel-default"> <div class="list-group">  <div class="list-group-item" style="height:52px; padding:0px 0px 0px 0px;border:1px solid #DDD;"> <a href="https://facebook.com/outsidelands"><i class="fa fa-facebook fa-2x" aria-hidden="true" style="width:24px;"></i></a> <a href="https://twitter.com/outsidelandz"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a> <a href="https://www.instagram.com/outsidelandz/"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a> <a href="https://youtube.com/@WesternNeighborhoodsProject"><i class="fa fa-youtube-play fa-2x" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> <div class ="row"> <div id="footer" class="col-md-12"> <nav class="navbar navbar-default " id=""> <ul class="nav navbar-nav"> <li><a href="/about.php">About</a></li> <li><a href="/about.php#contact">Contact</a></li> </ul> </nav> <div align="center" class="caption"> ©2000 - 2025 Western Neighborhoods Project 1617 Balboa Street, San Francisco, CA 94121 - (415) 661-1000<br> The Western Neighborhoods Project is a 501(c)(3) nonprofit (EIN: 94-3339377) dedicated to preserving and sharing the history of western San Francisco neighborhoods. </div> <br> </div> </div> </div> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-4721683-1"); pageTracker._initData(); pageTracker._trackPageview(); </script>   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <script type="text/javascript" src="/scripts/jquery.scrollTo-1.4.3.1-min.js"></script> <script type="text/javascript"> $.noConflict(); </script> <script src="/scripts/sbox/jquery.swipebox.js"></script> <script src="/bootstrap/js/bootstrap.min.js"></script> <script> (function($){ $( "#mselect" ).change(function() { $("#aselect").get(0).selectedIndex = 0; $("#paypalpay").prop('checked',true); $("#checkpay").prop('disabled',true); }); $( "#aselect" ).change(function() { $("#mselect").get(0).selectedIndex = 0; $("#checkpay").prop('disabled',false); ; }); function processForm( e ){ e.preventDefault(); console.log('(this).serialize() = '+$(this).serialize()); $.ajax({ url: '/include/contactform.php', dataType: 'text', type: 'post', contentType: 'application/x-www-form-urlencoded', data: $(this).serialize(), success: function( data, textStatus, jQxhr ){ $('#cfwrapper').replaceWith( data ); $('#contactform').replaceWith('<div class="response">Reload the page to send another message.</div>'); }, error: function( jqXhr, textStatus, errorThrown ){ console.log( errorThrown ); } }); } function processRSVPForm( e ){ e.preventDefault(); $.ajax({ url: '/include/functions/formHandler.php', dataType: 'text', type: 'post', contentType: 'application/x-www-form-urlencoded', data: $(this).serialize(), success: function( data, textStatus, jQxhr ){ $('#RSVPwrapper').replaceWith( data ); }, error: function( jqXhr, textStatus, errorThrown ){ console.log( errorThrown ); } }); } $(document).on('submit','#contactform',processForm); $(document).on('submit','#rsvpform',processRSVPForm); $( '.swipebox' ).swipebox( { useCSS : true, // false will force the use of jQuery for animations useSVG : true, // false to force the use of png for buttons initialIndexOnArray : 0, // which image index to init when a array is passed hideCloseButtonOnMobile : false, // true will hide the close button on mobile devices removeBarsOnMobile : false, // false will show top bar on mobile devices hideBarsDelay : -5000, // delay before hiding bars on desktop videoMaxWidth : 1140, // videos max width beforeOpen: function() {}, // called before opening afterOpen: null, // called after opening afterClose: function() {}, // called after closing loopAtEnd: true // true will return to the first image after the last image is reached } ); })(jQuery); </script> </body></html>