<turbo-stream action="update" target="calendar_feature_583970"><template>
  <div class="calendar-wrap">
  
    <section class="previous">
      <h1 class="heading-quaternary">Previous events</h1>

      <article class="list-style">
  
<div class="event-detail" data-event-id="3845093" data-occurrence-id="516962828">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Oct</span><span class="calendar-placeholder-day">31</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary">Halloween Angel Island 2nd to last run of the season</h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-time"><time class="from"><span class="date">Saturday, October 31, 2009</span> @ <span class="time">12:00AM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Oct 31, 2009</span> @ <span class="time">12:00AM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <span>SF Bay Ferry operated by Blue and Gold, San Francisco-Alameda-Oakland, San Francisco - Alameda - Oakland, CA</span>
        </p>
    </div>

      <div class="event-info event-notes"><p>Give yourself 15 minutes prior to boarding time. If boarding at Pier 41 ask for the "Angel Island Ferry" and you will be directed to the pier.</p>

<p>We board in Alameda at 1:45, music starts when we leave the SF Ferry Bldg: 2:25, and we play one time around the bay, the boat will take us all around Angel Island. You may disembark at the same spot you embarked: the boat returns to Alameda: 3:45pm; Oakland: 3:55pm; SF Ferry Bldg: 4:30pm; Pier 41: 4:45pm; etc</p>

<p>see eastbayferry.com for continued schedule.</p>
</div>

    <p class="event-info">
        <span class="event-info price">$6.25</span>
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">
    <div class="add-to-cart">
      <a class="tickets button" target="_blank" rel="noopener" href="http://www.eastbayferry.com">Get tickets</a>
    </div>

</div>


  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="3845092" data-occurrence-id="516962827">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Oct</span><span class="calendar-placeholder-day">19</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary">Billy D&#39;s Acoutic Open Mic</h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-time"><time class="from"><span class="date">Monday, October 19, 2009</span> @ <span class="time">12:00AM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Mon, Oct 19, 2009</span> @ <span class="time">12:00AM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <span>Peri&#39;s Silver Dollar, 29 Broadway, Fairfax, CA</span>
        </p>
    </div>


    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

</div>


  </div>
</div>

<div class="event-clear"></div>

</article>


      <div class="pdf__hide">
    <nav class="pagination">
    <span class="first">
  <a href="/home/features/load/calendar_feature_583970.turbo_stream?calendar_page_prev=1"><span class='pagination-decoration icon icon-first'></span>First</a>
</span>

    <span class="prev">
  <a rel="prev" href="/home/features/load/calendar_feature_583970.turbo_stream?calendar_page_prev=70"><span class='pagination-decoration icon icon-previous'></span>Prev</a>
</span>
        <span class="page">
  <a href="/home/features/load/calendar_feature_583970.turbo_stream?calendar_page_prev=1">1</a>
</span>

        <span class="page gap">…</span>

        <span class="page">
  <a rel="prev" href="/home/features/load/calendar_feature_583970.turbo_stream?calendar_page_prev=70">70</a>
</span>

        <span class="page current">
  71
</span>

        <span class="page">
  <a rel="next" href="/home/features/load/calendar_feature_583970.turbo_stream?calendar_page_prev=72">72</a>
</span>

        <span class="page gap">…</span>

        <span class="page">
  <a href="/home/features/load/calendar_feature_583970.turbo_stream?calendar_page_prev=90">90</a>
</span>

      <span class="next">
  <a rel="next" href="/home/features/load/calendar_feature_583970.turbo_stream?calendar_page_prev=72">Next<span class='pagination-decoration icon icon-next'></span></a>
</span>
      <span class="last">
  <a href="/home/features/load/calendar_feature_583970.turbo_stream?calendar_page_prev=90">Last<span class='pagination-decoration icon icon-last'></span></a>
</span>

  </nav>

</div>

    </section>

  

</div>

</template></turbo-stream>