CINXE.COM

<!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"> <meta property="og:url" content="http://www.outsidelands.org/sunset_streetcars.php" /> <meta property="og:title" content="Sunset Streetcars" /> <meta property="og:description" content="A history of rail transit in the Sunset by Jack Coll" /> <meta property="fb:app_id" content="101574947006" /> <meta property="og:title" content="Sunset Streetcars" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@outsidelandz"> <meta name="twitter:title" content="Sunset Streetcars"> <meta name="twitter:description" content="A history of rail transit in the Sunset"> <meta name="twitter:image" content="http://outsidelands.org/Download/"> <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>Sunset Streetcars - Western Neighborhoods Project - San Francisco History</title> <meta name="description" content="Sunset Streetcars" > <meta name="keywords" content="Sunset Streetcar Lines, Sunset district streetcar lines, Sunset Streetcar Lines history, 17-Haight line, 17 line, 17 Haight, 17 Haight history, 17 Haight Ingleside, San Francisco streetcars, San Francisco streetcar lines, Sunset district streetcars, Market Street Railway, MUNI, Municipal Railway, 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="sunset_streetcars" 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"> <div class="carousel-inner" style="margin:0px -8px 0px 0px; padding:0px 0px 8px 0px;"> <div class="item active" style="display:none; margin:0px; padding:0px; border:1px outset rgba(100, 100, 100, 0.4); box-shadow: 2px 2px 5px 1px rgba(100, 100, 100, 0.3); -moz-box-shadow: 2px 2px 5px 1px rgba(100, 100, 100, 0.3); -webkit-box-shadow: 2px 2px 5px 1px rgba(100, 100, 100, 0.3); -khtml-box-shadow: 2px 2px 5px 1px rgba(100, 100, 100, 0.3); border-radius:5px;"> <img src="/Image/840/" alt="Sunset Streetcars" > <div class="carousel-container"> <div class="carousel-caption"> <h1>Sunset Streetcars</h1> <p class="lead">A history of rail transit in the Sunset</p> </div> </div> </div> </div> </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"> <div class="col-md-8">  <h3>Sunset Streetcars</h3> <p> by Jack Coll (WNP member)<br> (Originally published in the <i>Sunset Beacon,</i> October 1993) </p> <img src="images/L-car-1940s.jpg" alt="L Taraval - 1940s" width="410" height="249" hspace="5" vspace="5" > <br> <p> <font size="-1"> Car 77 of the L-Taraval line rumbling past sand dunes around 40th Avenue in the 1940s. </font> </p> <p> To residents of the Sunset and Parkside Districts, MUNI's light rail vehicles are an everyday site. </p> <p> But relatively few people know that streetcars were once a familiar fixture of the early and middle part of the century, filled with nostalgia for those who remember riding them. </p> <p> They may not know, for example, that there was once streetcar service on Sloat Boulevard, Lincoln Way and 20th Avenue. In fact, the development of the Sunset District was directly tied to the expansion of the Municipal Railway's streetcar service to the area. </p> <p> Before 1912, the privately owned United Railroads of San Francisco had provided most of the transportation in San Francisco. </p> <p> Routes such as the #12 operated from the Great Highway via Sloat Boulevard, Junipero Serra Boulevard, Ocean Avenue, Onondaga Avenue and Mission Street to the Ferry Building. </p> <p> There was a private right of way for streetcars extending the length of Sloat Boulevard. Route #7 operated from Playland-at-the-Beach, that old landmark amusement park (where the big Safeway store at Ocean Beach is now located), also via a private right of way through Golden Gate Park, Lincoln Way, along Frederick, Haight and Market Streets to the Ferry Building. </p> <p> <a href="6-line.php" name="6-line">Route #6</a> operated from 9th Avenue and Pacheco along Judah, Parnassus, Stanyan, Carl, Clayton, Frederick, Masonic, Haight and Market Streets also to the Ferry Building. Most of the Sunset lacked transit and was undeveloped. </p> <p> Mayor James Rolph supported the development of the Municipal Railway as a means of promoting the growth of San Francisco. The San Francisco Municipal Railway (MUNI) began streetcar service on Geary Street in 1912 and had extended routes to the Panama-Pacific International Exposition, in 1915, which then later developed into the Marina District. </p> <p> Muni was the first publicly owned streetcar system in the United States. It is interesting to note that Mayor Rolph, a Republican, supported public ownership of the transportation system at a time when such an idea could be seen as a communist one. </p> <p> The City's desire to develop the area west of and southwest of Twin Peaks led to the construction of the Twin Peaks Tunnel. This was financed by special assessment districts levied on the property thought to be benefited by the Tunnel. </p> <p> The cost of the project was approximately $4,250,000. The tunnel was opened on Feb. 3, 1918 with Route K providing service to St. Francis Circle. </p> <p> The L line began service on April 12, 1919 from West Portal to 33rd Avenue, via Ulloa, 19th Avenue and Taraval Street. It was later extended to 48th Avenue and brought to the Ferry Building on October 15, 1923. </p> <p> To develop the northern part of the Sunset District the Sunset Tunnel was constructed in the 1930s and during World War II. </p> <p> The extension of the L line to the Zoo, which began its Service on September 13, 1937, was financed by Works Projects Administration funds and would be the last completely new streetcar track to be constructed. </p> <p> The Market Street Railway Company, the successor to the United Railroads, operated <a href="17-line.php" name="17 Haight and Ingleside">Route #17</a> on 20th Avenue from Lincoln Way to Wawona and 19th Avenue and then on to Sloat Boulevard. The route was forced off 19th Avenue by the widening of the street and thereafter it ended at 19th Avenue and Wawona. </p> <h3>Streetcar Memories</h3> <p> Older generations of San Franciscans can remember traveling to the Sunday concerts at Sigmund Stern Grove on the #17 streetcar. </p> <p> Many natives of the City can remember the "bone yard" where Market Street Railway stored unused streetcars at Funston and Lincoln Way. With frequent vandalism, the yard remained an eyesore for many years. </p> <p> Don Cronin, himself a native of the Sunset District, recalls the time when few people owned cars and "thousands" packed such lines as the #12 on Sloat Boulevard to go to the Zoo and the grand Fleishhacker pool. </p> <p> Another local landmark he knew well was the Fat Boy Restaurant at Lincoln Way and La Playa, and its other location on Sloat Boulevard, just opposite the entrance of the Zoo. </p> <p> Fat Boy's neon signs attracted crowds, as patrons, especially football players who after games at Kezar Stadium would make their way to the restaurant for a bite to eat. </p> <p> The traditional San Francisco streetcars had three sections inside. The center section was enclosed by doors. Smoking was allowed in the outer sections. </p> <p> Passengers boarded at the rear of the car and paid the fare to a conductor in uniform. Once on board, the conductor signaled the motion of the streetcar down the track by two pulls of a bell cord. He rang the cord once to indicate the next stop for passengers. </p> <p> In 1945, voters approved the purchase of the Market Street Railway Company for the City. </p> <p> Following World War II, motor coaches replaced streetcars on Sloat Boulevard and Lincoln Way. The one-man-operated streamlined PCC cars replaced the two-man ones. </p> <p> San Francisco abandoned much of its city-wide streetcar system as buses began to replace streetcars. The streetcars on the remaining five routes were replaced in the 1980s by more modern cars constructed by Boeing-Vertol to operate in the Metro subway system, with all new tracks built before its opening. </p> <p> Today the L-Taraval and the N-Judah streetcars provide quiet, non-polluting transportation for tens of thousands of riders each day. A proposal to link the two routes by new tracks to be built in the center of Sunset Boulevard was withdrawn several years ago due to neighborhood opposition. </p>  <p> <b>Image:</b> Courtesy of the collection of <a href="tillmany.php" name="Jack Tillmany">Jack Tillmany</a><br> </p> <hr> <p> Contribute <a href="/cgi-bin/mboard/stories2/list.cgi">your own stories</a> about western neighborhoods places! </p> <p> <font size="-1"> Page launched 10/04/02. </font></p>  </div> <div class="col-md-4"> <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.outsidelands.org/sunset_streetcars.php" scrolling="no" frameborder="0" style="border:none; width:200px; height:80px"></iframe> <lh></lh> <ul class="articles list-group" style="margin:0px; padding:0px;"> </ul> <script> var groupListItemCount = 0; var isMobile = false; //initiate as false // device detection if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) { isMobile = true; } if (isMobile){ for (var i=1; i < groupListItemCount+1; i++){ var id = 'groupListItem'+i; document.getElementById(id).style.width = ''; document.getElementById(id).style.height = ''; } } </script> <div class="spacer"> </div> <div class="headline">More by Jack Coll</div> <ul class="articles list-group" style="margin:0px; padding:0px;"> <li id="groupListItem1" class="list-group-item col-md-12 page" style="height:160px; width:360px; margin:3px 0px 3px 0px;"> <div class="media" style="border:0px solid red;"> <div class="media-left" style="border:0px solid black; height:130px;"> <a href="/coll.php"> <img class="media-object" src="/Thumb/120/images/site/icons/page.jpg" alt="Jack Coll" 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> <div class="media-body" style="border:0px solid green;"> <h4 class="media-heading"><a href="/coll.php"><span class='glyphicon glyphicon-book'></span> Jack Coll</a></h4> Memories of the Richmond in the 40's <span class="caption">( Jan 1, 2005)</span> </div> </div> </li> <li id="groupListItem2" class="list-group-item col-md-12 page" style="height:160px; width:360px; margin:3px 0px 3px 0px;"> <div class="media" style="border:0px solid red;"> <div class="media-left" style="border:0px solid black; height:130px;"> <a href="/sunset_streetcars.php"> <img class="media-object" src="/Thumb/120/images/site/icons/page.jpg" alt="Sunset Streetcars" 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> <div class="media-body" style="border:0px solid green;"> <h4 class="media-heading"><a href="/sunset_streetcars.php"><span class='glyphicon glyphicon-book'></span> Sunset Streetcars</a></h4> A history of rail transit in the Sunset <span class="caption">( Jan 1, 2005)</span> </div> </div> </li> </ul> <script> var groupListItemCount = 2; var isMobile = false; //initiate as false // device detection if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) { isMobile = true; } if (isMobile){ for (var i=1; i < groupListItemCount+1; i++){ var id = 'groupListItem'+i; document.getElementById(id).style.width = ''; document.getElementById(id).style.height = ''; } } </script> <div class="caption"><a href="/Author/Jack+Coll">all articles by Jack Coll</a></div> <div class="headline">Related Content</div> <ul class="articles list-group" style="margin:0px; padding:0px;"> <li id="groupListItem1" class="list-group-item col-md-12 page" style="height:160px; width:360px; margin:3px 0px 3px 0px;"> <div class="media" style="border:0px solid red;"> <div class="media-left" style="border:0px solid black; height:130px;"> <a href="/1913_article.php"> <img class="media-object" src="/Thumb/120//images/42nd_ave_1913.jpg" alt="1913 Article on Sunset Home Building" 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> <div class="media-body" style="border:0px solid green;"> <h4 class="media-heading"><a href="/1913_article.php"><span class='glyphicon glyphicon-book'></span> 1913 Article on Sunset Home Building</a></h4> News of a burgeoning construction activity in the sand dunes <span class="caption">( Jan 1, 2005)</span> </div> </div> </li> <li id="groupListItem2" class="list-group-item col-md-12 page" style="height:160px; width:360px; margin:3px 0px 3px 0px;"> <div class="media" style="border:0px solid red;"> <div class="media-left" style="border:0px solid black; height:130px;"> <a href="/boneyard.php"> <img class="media-object" src="/Thumb/120/wnp37.03286.jpg" alt="Streetcars: The Boneyard" 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> <div class="media-body" style="border:0px solid green;"> <h4 class="media-heading"><a href="/boneyard.php"><span class='glyphicon glyphicon-book'></span> Streetcars: The Boneyard</a></h4> The streetcar graveyard at 14th and Lincoln <span class="caption">( Jan 1, 2005)</span> </div> </div> </li> <li id="groupListItem3" class="list-group-item col-md-12 page" style="height:160px; width:360px; margin:3px 0px 3px 0px;"> <div class="media" style="border:0px solid red;"> <div class="media-left" style="border:0px solid black; height:130px;"> <a href="/6-line.php"> <img class="media-object" src="/Thumb/120/wnp15.1207.jpg" alt="6 Haight and Masonic Streetcar Line" 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> <div class="media-body" style="border:0px solid green;"> <h4 class="media-heading"><a href="/6-line.php"><span class='glyphicon glyphicon-book'></span> 6 Haight and Masonic Streetcar Line</a></h4> From 1906 to 1948, streetcars ran from the Ferry Building to Sunset Heights. <span class="caption">( Jan 1, 2005)</span> </div> </div> </li> <li id="groupListItem4" class="list-group-item col-md-12 page" style="height:160px; width:360px; margin:3px 0px 3px 0px;"> <div class="media" style="border:0px solid red;"> <div class="media-left" style="border:0px solid black; height:130px;"> <a href="/adair1.php"> <img class="media-object" src="/Thumb/120/images/site/icons/page.jpg" alt="Stan Adair" 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> <div class="media-body" style="border:0px solid green;"> <h4 class="media-heading"><a href="/adair1.php"><span class='glyphicon glyphicon-book'></span> Stan Adair</a></h4> Country living off 19th Avenue in the 1920s <span class="caption">( Jan 1, 2005)</span> </div> </div> </li> <li id="groupListItem5" class="list-group-item col-md-12 page" style="height:160px; width:360px; margin:3px 0px 3px 0px;"> <div class="media" style="border:0px solid red;"> <div class="media-left" style="border:0px solid black; height:130px;"> <a href="/crespi-school.php"> <img class="media-object" src="/Thumb/120/images/site/icons/page.jpg" alt="Juan Crespi Home School" 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> <div class="media-body" style="border:0px solid green;"> <h4 class="media-heading"><a href="/crespi-school.php"><span class='glyphicon glyphicon-book'></span> Juan Crespi Home School</a></h4> The Forgotten School <span class="caption">( Jan 1, 2005)</span> </div> </div> </li> <li id="groupListItem6" class="list-group-item col-md-12 page" style="height:160px; width:360px; margin:3px 0px 3px 0px;"> <div class="media" style="border:0px solid red;"> <div class="media-left" style="border:0px solid black; height:130px;"> <a href="/doggie_diner.php"> <img class="media-object" src="/Thumb/120/images/site/icons/page.jpg" alt="Doggie Diner Head" 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> <div class="media-body" style="border:0px solid green;"> <h4 class="media-heading"><a href="/doggie_diner.php"><span class='glyphicon glyphicon-book'></span> Doggie Diner Head</a></h4> A Landmark Dachshund <span class="caption">( Jan 1, 2005)</span> </div> </div> </li> <li id="groupListItem7" class="list-group-item col-md-12 page" style="height:160px; width:360px; margin:3px 0px 3px 0px;"> <div class="media" style="border:0px solid red;"> <div class="media-left" style="border:0px solid black; height:130px;"> <a href="/golding1.php"> <img class="media-object" src="/Thumb/120/wnp58.317.jpg" alt="Sunset Reflections" 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> <div class="media-body" style="border:0px solid green;"> <h4 class="media-heading"><a href="/golding1.php"><span class='glyphicon glyphicon-book'></span> Sunset Reflections</a></h4> Timel's Creamery, World War II, and Sunset streetcars... <span class="caption">( Jan 1, 2005)</span> </div> </div> </li> <li id="groupListItem8" class="list-group-item col-md-12 page" style="height:160px; width:360px; margin:3px 0px 3px 0px;"> <div class="media" style="border:0px solid red;"> <div class="media-left" style="border:0px solid black; height:130px;"> <a href="/levy.php"> <img class="media-object" src="/Thumb/120/images/site/icons/page.jpg" alt="Leon Levy" 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> <div class="media-body" style="border:0px solid green;"> <h4 class="media-heading"><a href="/levy.php"><span class='glyphicon glyphicon-book'></span> Leon Levy</a></h4> Leon Levy worked for almost 40 years as a pharmacist in the Inner Sunset. <span class="caption">( Jan 1, 2005)</span> </div> </div> </li> <li id="groupListItem9" class="list-group-item col-md-12 page" style="height:160px; width:360px; margin:3px 0px 3px 0px;"> <div class="media" style="border:0px solid red;"> <div class="media-left" style="border:0px solid black; height:130px;"> <a href="/nelson.php"> <img class="media-object" src="/Thumb/120/images/site/icons/page.jpg" alt="Fernando Nelson" 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> <div class="media-body" style="border:0px solid green;"> <h4 class="media-heading"><a href="/nelson.php"><span class='glyphicon glyphicon-book'></span> Fernando Nelson</a></h4> Builder of West Portal, Parkway Terrace, and Merced Manor <span class="caption">( Jan 1, 2005)</span> </div> </div> </li> <li id="groupListItem10" class="list-group-item col-md-12 page" style="height:160px; width:360px; margin:3px 0px 3px 0px;"> <div class="media" style="border:0px solid red;"> <div class="media-left" style="border:0px solid black; height:130px;"> <a href="/parkside-library.php"> <img class="media-object" src="/Thumb/120//images/parkside-branch-2005.jpg" alt="Parkside Branch Library" 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> <div class="media-body" style="border:0px solid green;"> <h4 class="media-heading"><a href="/parkside-library.php"><span class='glyphicon glyphicon-book'></span> Parkside Branch Library</a></h4> Architects Appleton and Wolfard designed eight modern libraries in the 1950s and '60s for the San Francisco Public Library. <span class="caption">( Jan 1, 2005)</span> </div> </div> </li> </ul> <script> var groupListItemCount = 10; var isMobile = false; //initiate as false // device detection if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) { isMobile = true; } if (isMobile){ for (var i=1; i < groupListItemCount+1; i++){ var id = 'groupListItem'+i; document.getElementById(id).style.width = ''; document.getElementById(id).style.height = ''; } } </script> <div class="caption"> <h4>Save SF History</h4> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="new" class="inline"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="BLJ5GW5JWNNXE"> <input type="hidden" name="custom" value="WNP Donation"> <button type="submit" class="btn btn-info">$25</button> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="new" class="inline"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="HLPSYFERAJS9A"> <input type="hidden" name="custom" value="WNP Donation"> <button type="submit" class="btn btn-info">$50</button> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="new" class="inline"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="65HDC35PGHJWJ"> <input type="hidden" name="custom" value="WNP Donation"> <button type="submit" class="btn btn-info">$100</button> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="new" class="inline"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="X3TUHGH3T2BAQ"> <input type="hidden" name="custom" value="WNP Donation"> <button type="submit" class="btn btn-info">?</button> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> </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>