<turbo-stream action="update" target="calendar_feature_567195"><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="5564306" data-occurrence-id="679292627">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Jun</span><span class="calendar-placeholder-day">29</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary">West Claremont Center for Music and the Arts</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, June 29, 2024</span> @ <span class="time">6:30PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Jun 29, 2024</span> @ <span class="time">6:30PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="View on Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=Claremont,%20NH">Claremont, NH</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Details TBA.</p>
</div>

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


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

</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=Claremont,%20NH">View on Google Maps</a>
      </div>
  </div>
</div>

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

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="5564305" data-occurrence-id="679292626">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Jun</span><span class="calendar-placeholder-day">28</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary">Private event</h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when"><time class="from"><span class="date">Friday, June 28, 2024</span></time></span></span><span class="date-short"><span class="event-when"><time class="from"><span class="date">Fri, Jun 28, 2024</span></time></span></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>
<article class="list-style">
  
<div class="event-detail" data-event-id="5438657" data-occurrence-id="670514989">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">May</span><span class="calendar-placeholder-day">3</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary">405 Shrader</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">Friday, May 3, 2024</span> @ <span class="time">7:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Fri, May 3, 2024</span> @ <span class="time">7:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://www.405shrader.com/">405 Shrader St, San Francisco, CA 94117</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Advanced reservations required. Please see <a href="https://www.405shrader.com/">presenter's website</a> for details.</p><p>
<b>Echoes of Gamelan</b> explores the influence of gamelan music on western composers, as well as how our music perception changes depending on the context. Colin McPhee’s transcriptions of Balinese ceremonial music are interwoven with pieces by Godowsky, Debussy, Holst, and Baumbusch. The program closes with a transcription of a piece by Balinese composer Ni Nyoman Srayamurtikanti, originally written for Balinese shadow-puppet theater instruments.</p>
</div>

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


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

</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=405%20Shrader%20St,%20San%20Francisco,%20CA%2094117">View on Google Maps</a>
      </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_567195.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_567195.turbo_stream?calendar_page_prev=2"><span class='pagination-decoration icon icon-previous'></span>Prev</a>
</span>
        <span class="page">
  <a href="/home/features/load/calendar_feature_567195.turbo_stream?calendar_page_prev=1">1</a>
</span>

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

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

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

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

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

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

  </nav>

</div>

    </section>

  

</div>

</template></turbo-stream>