<turbo-stream action="update" target="calendar_feature_131033"><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="6613189" data-occurrence-id="767688330">
  <div class="event-image image-social">
      <a rel="event[6613189]" title="Union Street Festival" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/163b83b6e84b1164844fb2d208d4a190f2b35f50/original/2026-unionstreet-lo.png/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.png" href="//images.zoogletools.com/s:bzglfiles/u/60111/163b83b6e84b1164844fb2d208d4a190f2b35f50/original/2026-unionstreet-lo.png/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.png">
        <img alt="Union Street Festival" src="//images.zoogletools.com/s:bzglfiles/u/60111/163b83b6e84b1164844fb2d208d4a190f2b35f50/original/2026-unionstreet-lo.png/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.png" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/6613189/767688330/union-street-festival">Union Street Festival</a></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">Sunday, June 7</span> @ <span class="time">12:45PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sun, Jun 7</span> @ <span class="time">12:45PM</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=Union,%20San%20Francisco">Main Stage, Union, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Classic street festival on Union Street</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/6613189/767688330/union-street-festival" data-share-dialog-title-value="Union Street Festival @ Main Stage on Jun 7, 12:45PM" data-share-dialog-text-value="District 8 @ Union Street Festival @ Main Stage, Jun 7, 12:45PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Union Street Festival @ Main Stage on Jun 7, 12:45PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">Union Street Festival @ Main Stage on Jun 7, 12:45PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/6613189/767688330/union-street-festival" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=Union,%20San%20Francisco">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="6613188" data-occurrence-id="766657100">
  <div class="event-image image-social">
      <a rel="event[6613188]" title="SF Porchfest 2026" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/2aaefb04063f6a0a7d83e91bdc11ce2908f8a2bb/original/2026-porchfest-lo.png/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.png" href="//images.zoogletools.com/s:bzglfiles/u/60111/2aaefb04063f6a0a7d83e91bdc11ce2908f8a2bb/original/2026-porchfest-lo.png/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.png">
        <img alt="SF Porchfest 2026" src="//images.zoogletools.com/s:bzglfiles/u/60111/2aaefb04063f6a0a7d83e91bdc11ce2908f8a2bb/original/2026-porchfest-lo.png/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.png" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/6613188/766657100/sf-porchfest-2026">SF Porchfest 2026</a></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, May 30</span> @ <span class="time">12:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, May 30</span> @ <span class="time">12:00PM</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=777%20Valencia%20Street,%20San%20Francisco">The Chapel, 777 Valencia Street, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Over 100 acts across 18 different stages through out the Mission. Free. All ages.</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/6613188/766657100/sf-porchfest-2026" data-share-dialog-title-value="SF Porchfest 2026 @ The Chapel on May 30, 12:00PM" data-share-dialog-text-value="District 8 @ SF Porchfest 2026 @ The Chapel, May 30, 12:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share SF Porchfest 2026 @ The Chapel on May 30, 12:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">SF Porchfest 2026 @ The Chapel on May 30, 12:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/6613188/766657100/sf-porchfest-2026" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=777%20Valencia%20Street,%20San%20Francisco">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="6613192" data-occurrence-id="766657105">
  <div class="event-image image-social">
      <a rel="event[6613192]" title="District 8 plays Winter&#39;s Tavern" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/170e604868b515104ce46be509000831eaa9a7ab/original/winterstavern-2026-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/170e604868b515104ce46be509000831eaa9a7ab/original/winterstavern-2026-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="District 8 plays Winter&#39;s Tavern" src="//images.zoogletools.com/s:bzglfiles/u/60111/170e604868b515104ce46be509000831eaa9a7ab/original/winterstavern-2026-lo.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/6613192/766657105/district-8-plays-winter-s-tavern">District 8 plays Winter&#39;s Tavern</a></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">Sunday, March 8</span> @ <span class="time">3:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sun, Mar 8</span> @ <span class="time">3:00PM</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=1522%20Francisco%20Boulevard,%20Pacifica">Winters Tavern, 1522 Francisco Boulevard, Pacifica</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>If the weather's nice we'll be rockin' the patio</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/6613192/766657105/district-8-plays-winter-s-tavern" data-share-dialog-title-value="District 8 plays Winter&#39;s Tavern @ Winters Tavern on Mar 8, 3:00PM" data-share-dialog-text-value="District 8 @ District 8 plays Winter&#39;s Tavern @ Winters Tavern, Mar 8, 3:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share District 8 plays Winter&#39;s Tavern @ Winters Tavern on Mar 8, 3:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">District 8 plays Winter&#39;s Tavern @ Winters Tavern on Mar 8, 3:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/6613192/766657105/district-8-plays-winter-s-tavern" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=1522%20Francisco%20Boulevard,%20Pacifica">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="6078188" data-occurrence-id="719885514">
  <div class="event-image image-social">
      <a rel="event[6078188]" title="Hot Glass Cold Beer" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/83988f1b8587380ecaa1f380a6ad5adf257e39b9/original/hotglasscoldbeer.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/83988f1b8587380ecaa1f380a6ad5adf257e39b9/original/hotglasscoldbeer.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="Hot Glass Cold Beer" src="//images.zoogletools.com/s:bzglfiles/u/60111/83988f1b8587380ecaa1f380a6ad5adf257e39b9/original/hotglasscoldbeer.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/6078188/719885514/hot-glass-cold-beer">Hot Glass Cold Beer</a></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, November 8, 2025</span> @ <span class="time">5:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Nov 8, 2025</span> @ <span class="time">5: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.publicglass.org/hotglasscoldbeer">Public Glass</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Fun event at a glass blowing studio. Demonstrations of glass blowing, food, and of course live music!</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/6078188/719885514/hot-glass-cold-beer" data-share-dialog-title-value="Hot Glass Cold Beer @ Public Glass on Nov 8, 5:00PM" data-share-dialog-text-value="District 8 @ Hot Glass Cold Beer @ Public Glass, Nov 8, 5:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Hot Glass Cold Beer @ Public Glass on Nov 8, 5:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">Hot Glass Cold Beer @ Public Glass on Nov 8, 5:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/6078188/719885514/hot-glass-cold-beer" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=Public%20Glass">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="6078187" data-occurrence-id="719885513">
  <div class="event-image image-social">
      <a rel="event[6078187]" title="Sugarloaf Wine Company Summer Music Series" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/1292806a88d1afcd3f0bac1cda865410c8bc1c37/original/sugarloafwineco-2025-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/1292806a88d1afcd3f0bac1cda865410c8bc1c37/original/sugarloafwineco-2025-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="Sugarloaf Wine Company Summer Music Series" src="//images.zoogletools.com/s:bzglfiles/u/60111/1292806a88d1afcd3f0bac1cda865410c8bc1c37/original/sugarloafwineco-2025-lo.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/6078187/719885513/sugarloaf-wine-company-summer-music-series">Sugarloaf Wine Company Summer Music Series</a></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">Sunday, September 21, 2025</span> @ <span class="time">3:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sun, Sep 21, 2025</span> @ <span class="time">3: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.sugarloafwineco.com/live-music-events-summer-concerts/">Sugarloaf Wine Company</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Music, wine, summer in Santa Rosa. What could be better?</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/6078187/719885513/sugarloaf-wine-company-summer-music-series" data-share-dialog-title-value="Sugarloaf Wine Company Summer Music Series @ Sugarloaf Wine Company on Sep 21, 3:00PM" data-share-dialog-text-value="District 8 @ Sugarloaf Wine Company Summer Music Series @ Sugarloaf Wine Company, Sep 21, 3:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Sugarloaf Wine Company Summer Music Series @ Sugarloaf Wine Company on Sep 21, 3:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">Sugarloaf Wine Company Summer Music Series @ Sugarloaf Wine Company on Sep 21, 3:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/6078187/719885513/sugarloaf-wine-company-summer-music-series" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=Sugarloaf%20Wine%20Company">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="6078179" data-occurrence-id="719885503">
  <div class="event-image image-social">
      <a rel="event[6078179]" title="Golden Gate Bandshell Concert Series" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/27a36f4da4e8bc434686dd182e0bb478a4188f1f/original/goldengatebandshell-2025-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/27a36f4da4e8bc434686dd182e0bb478a4188f1f/original/goldengatebandshell-2025-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="Golden Gate Bandshell Concert Series" src="//images.zoogletools.com/s:bzglfiles/u/60111/27a36f4da4e8bc434686dd182e0bb478a4188f1f/original/goldengatebandshell-2025-lo.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/6078179/719885503/golden-gate-bandshell-concert-series">Golden Gate Bandshell Concert Series</a></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">Wednesday, September 17, 2025</span> @ <span class="time">6:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Wed, Sep 17, 2025</span> @ <span class="time">6: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://illuminate.org/venues/golden-gate-bandshell/">Golden Gate Bandshell</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Free concert series at the Bandshell in Golden Gate Park</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/6078179/719885503/golden-gate-bandshell-concert-series" data-share-dialog-title-value="Golden Gate Bandshell Concert Series @ Golden Gate Bandshell on Sep 17, 6:00PM" data-share-dialog-text-value="District 8 @ Golden Gate Bandshell Concert Series @ Golden Gate Bandshell, Sep 17, 6:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Golden Gate Bandshell Concert Series @ Golden Gate Bandshell on Sep 17, 6:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">Golden Gate Bandshell Concert Series @ Golden Gate Bandshell on Sep 17, 6:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/6078179/719885503/golden-gate-bandshell-concert-series" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=Golden%20Gate%20Bandshell">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="6135698" data-occurrence-id="724514231">
  <div class="event-image image-social">
      <a rel="event[6135698]" title="Julie and the Warm Bodies, District 8, and Recliner at Bottom of the Hill" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/b8d71aeeb8b560e9e192dae40bb80d9d48b69411/original/bottomofthehill-07-09-2025-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/b8d71aeeb8b560e9e192dae40bb80d9d48b69411/original/bottomofthehill-07-09-2025-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="Julie and the Warm Bodies, District 8, and Recliner at Bottom of the Hill" src="//images.zoogletools.com/s:bzglfiles/u/60111/b8d71aeeb8b560e9e192dae40bb80d9d48b69411/original/bottomofthehill-07-09-2025-lo.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/6135698/724514231/julie-and-the-warm-bodies-district-8-and-recliner-at-bottom-of-the-hill">Julie and the Warm Bodies, District 8, and Recliner at Bottom of the Hill</a></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">Wednesday, July 9, 2025</span> @ <span class="time">8:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Wed, Jul 9, 2025</span> @ <span class="time">8: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.bottomofthehill.com/calendar.html">Bottom of the Hill</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Three great bands at a great venue. Not to be missed.</p>
</div>

    <p class="event-info">
        <span class="event-info price">$13 advance, $15 at the door</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.stubmatic.com/bottomofthehill/event/11397">Get tickets</a>
    </div>

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/6135698/724514231/julie-and-the-warm-bodies-district-8-and-recliner-at-bottom-of-the-hill" data-share-dialog-title-value="Julie and the Warm Bodies, District 8, and Recliner at Bottom of the Hill @ Bottom of the Hill on Jul 9, 8:00PM" data-share-dialog-text-value="District 8 @ Julie and the Warm Bodies, District 8, and Recliner at Bottom of the Hill @ Bottom of the Hill, Jul 9, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Julie and the Warm Bodies, District 8, and Recliner at Bottom of the Hill @ Bottom of the Hill on Jul 9, 8:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">Julie and the Warm Bodies, District 8, and Recliner at Bottom of the Hill @ Bottom of the Hill on Jul 9, 8:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/6135698/724514231/julie-and-the-warm-bodies-district-8-and-recliner-at-bottom-of-the-hill" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=Bottom%20of%20the%20Hill">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="6135699" data-occurrence-id="724514233">
  <div class="event-image image-social">
      <a rel="event[6135699]" title="SF Porchfest 2025" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/dfd20d984704af5064997fade3b073087dd8bfaa/original/2025-porchfest.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/dfd20d984704af5064997fade3b073087dd8bfaa/original/2025-porchfest.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="SF Porchfest 2025" src="//images.zoogletools.com/s:bzglfiles/u/60111/dfd20d984704af5064997fade3b073087dd8bfaa/original/2025-porchfest.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/6135699/724514233/sf-porchfest-2025">SF Porchfest 2025</a></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 7, 2025</span> @ <span class="time">12:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Jun 7, 2025</span> @ <span class="time">12:00PM</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=3347%2022nd%20Street,%20San%20Francisco">22nd Street Stage, 3347 22nd Street, San Francisco</a>
        </p>
    </div>


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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/6135699/724514233/sf-porchfest-2025" data-share-dialog-title-value="SF Porchfest 2025 @ 22nd Street Stage on Jun 7, 12:00PM" data-share-dialog-text-value="District 8 @ SF Porchfest 2025 @ 22nd Street Stage, Jun 7, 12:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share SF Porchfest 2025 @ 22nd Street Stage on Jun 7, 12:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">SF Porchfest 2025 @ 22nd Street Stage on Jun 7, 12:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/6135699/724514233/sf-porchfest-2025" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=3347%2022nd%20Street,%20San%20Francisco">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="6078171" data-occurrence-id="719885388">
  <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">7</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/6078171/719885388/sf-porchfest">SF Porchfest</a></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">Saturday, June 7, 2025</span></time></span></span><span class="date-short"><span class="event-when"><time class="from"><span class="date">Sat, Jun 7, 2025</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.sfporchfest.org">somewhere in the Mission</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Outdoor neighborhood festival. Exact time and location TBD.</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/6078171/719885388/sf-porchfest" data-share-dialog-title-value="SF Porchfest @ somewhere in the Mission on Jun 7" data-share-dialog-text-value="District 8 @ SF Porchfest @ somewhere in the Mission, Jun 7, 12:00AM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share SF Porchfest @ somewhere in the Mission on Jun 7" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">SF Porchfest @ somewhere in the Mission on Jun 7</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/6078171/719885388/sf-porchfest" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=somewhere%20in%20the%20Mission">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="6078175" data-occurrence-id="719885392">
  <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">1</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/6078175/719885392/union-street-festival">Union Street Festival</a></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">Sunday, June 1, 2025</span> @ <span class="time">1:45PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sun, Jun 1, 2025</span> @ <span class="time">1:45PM</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://sunsetmercantilesf.com/unionstreetfestival/">Union Street</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Classic SF Street Festival. We'll be on the 2nd stage at 1:45pm</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/6078175/719885392/union-street-festival" data-share-dialog-title-value="Union Street Festival @ Union Street on Jun 1, 1:45PM" data-share-dialog-text-value="District 8 @ Union Street Festival @ Union Street, Jun 1, 1:45PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Union Street Festival @ Union Street on Jun 1, 1:45PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">Union Street Festival @ Union Street on Jun 1, 1:45PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/6078175/719885392/union-street-festival" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=Union%20Street">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="6078189" data-occurrence-id="719885515">
  <div class="event-image image-social">
      <a rel="event[6078189]" title="District 8, Julie and the Warm Bodies, and The Exhales" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/0a3a47cd33b54d67a120e673adcc2dd72f0ee99b/original/baltickiss-2025-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/0a3a47cd33b54d67a120e673adcc2dd72f0ee99b/original/baltickiss-2025-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="District 8, Julie and the Warm Bodies, and The Exhales" src="//images.zoogletools.com/s:bzglfiles/u/60111/0a3a47cd33b54d67a120e673adcc2dd72f0ee99b/original/baltickiss-2025-lo.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/6078189/719885515/district-8-julie-and-the-warm-bodies-and-the-exhales">District 8, Julie and the Warm Bodies, and The Exhales</a></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">Thursday, April 3, 2025</span> @ <span class="time">5:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Thu, Apr 3, 2025</span> @ <span class="time">5: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://baltickiss.com">Baltic Kiss</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Three great bands at a great venue in Point Richmond</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/6078189/719885515/district-8-julie-and-the-warm-bodies-and-the-exhales" data-share-dialog-title-value="District 8, Julie and the Warm Bodies, and The Exhales @ Baltic Kiss on Apr 3, 5:00PM" data-share-dialog-text-value="District 8 @ District 8, Julie and the Warm Bodies, and The Exhales @ Baltic Kiss, Apr 3, 5:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share District 8, Julie and the Warm Bodies, and The Exhales @ Baltic Kiss on Apr 3, 5:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">District 8, Julie and the Warm Bodies, and The Exhales @ Baltic Kiss on Apr 3, 5:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/6078189/719885515/district-8-julie-and-the-warm-bodies-and-the-exhales" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=Baltic%20Kiss">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="6078191" data-occurrence-id="719885531">
  <div class="event-image image-social">
      <a rel="event[6078191]" title="District 8 with Gen 11" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/18ad940f958713121b2da7255e4be1e5e05a35eb/original/makeoutroom-2024.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/18ad940f958713121b2da7255e4be1e5e05a35eb/original/makeoutroom-2024.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="District 8 with Gen 11" src="//images.zoogletools.com/s:bzglfiles/u/60111/18ad940f958713121b2da7255e4be1e5e05a35eb/original/makeoutroom-2024.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/6078191/719885531/district-8-with-gen-11">District 8 with Gen 11</a></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">Wednesday, December 11, 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">Wed, Dec 11, 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="http://www.makeoutroom.com/home.html">Make Out Room</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Two great local rock bands team up!</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/6078191/719885531/district-8-with-gen-11" data-share-dialog-title-value="District 8 with Gen 11 @ Make Out Room on Dec 11, 7:00PM" data-share-dialog-text-value="District 8 @ District 8 with Gen 11 @ Make Out Room, Dec 11, 7:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share District 8 with Gen 11 @ Make Out Room on Dec 11, 7:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">District 8 with Gen 11 @ Make Out Room on Dec 11, 7:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/6078191/719885531/district-8-with-gen-11" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=Make%20Out%20Room">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="5699185" data-occurrence-id="690520686">
  <div class="event-image image-social">
      <a rel="event[5699185]" title="Porchfest 2024" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/00e8750edb0f0b1d1f1fa2fe0f2ee8f64a51b6b0/original/2024-porchfestbanner-ig.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/00e8750edb0f0b1d1f1fa2fe0f2ee8f64a51b6b0/original/2024-porchfestbanner-ig.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="Porchfest 2024" src="//images.zoogletools.com/s:bzglfiles/u/60111/00e8750edb0f0b1d1f1fa2fe0f2ee8f64a51b6b0/original/2024-porchfestbanner-ig.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/5699185/690520686/porchfest-2024">Porchfest 2024</a></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 8, 2024</span> @ <span class="time">12:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Jun 8, 2024</span> @ <span class="time">12:00PM</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=3351%2021st%20Street,%20San%20Francisco">3351 21st Street, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>District 8 returns to Porchfest!</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/5699185/690520686/porchfest-2024" data-share-dialog-title-value="Porchfest 2024 on Jun 8, 12:00PM" data-share-dialog-text-value="District 8 @ Porchfest 2024, Jun 8, 12:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Porchfest 2024 on Jun 8, 12:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">Porchfest 2024 on Jun 8, 12:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/5699185/690520686/porchfest-2024" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=3351%2021st%20Street,%20San%20Francisco">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="5283265" data-occurrence-id="655484739">
  <div class="event-image image-social">
      <a rel="event[5283265]" title="Warren Teagarden and the Good Grief, District 8, and Middle Class Murder" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/7ec8b86f1eb1421003046bf10c4d3f0060b42e1f/original/warrenteagarden-hotelutah-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/7ec8b86f1eb1421003046bf10c4d3f0060b42e1f/original/warrenteagarden-hotelutah-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="Warren Teagarden and the Good Grief, District 8, and Middle Class Murder" src="//images.zoogletools.com/s:bzglfiles/u/60111/7ec8b86f1eb1421003046bf10c4d3f0060b42e1f/original/warrenteagarden-hotelutah-lo.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/5283265/655484739/warren-teagarden-and-the-good-grief-district-8-and-middle-class-murder">Warren Teagarden and the Good Grief, District 8, and Middle Class Murder</a></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">Wednesday, November 1, 2023</span> @ <span class="time">8:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Wed, Nov 1, 2023</span> @ <span class="time">8: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://maps.app.goo.gl/z5mmUhUGeikZjaXx6">The Utah Saloon, 500 4th Street, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>District 8 and Middle Class Murder are supporting Warren Teagarden and the Good Grief for their album release.</p>
</div>

    <p class="event-info">
        <span class="event-info price">$10</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="https://wl.seetickets.us/event/warren-teagarden-the-good-grief-district-8-middle-class-m/567497?afflky=HotelUtahSaloon">Get tickets</a>
    </div>

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/5283265/655484739/warren-teagarden-and-the-good-grief-district-8-and-middle-class-murder" data-share-dialog-title-value="Warren Teagarden and the Good Grief, District 8, and Middle Class Murder @ The Utah Saloon on Nov 1, 8:00PM" data-share-dialog-text-value="District 8 @ Warren Teagarden and the Good Grief, District 8, and Middle Class Murder @ The Utah Saloon, Nov 1, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Warren Teagarden and the Good Grief, District 8, and Middle Class Murder @ The Utah Saloon on Nov 1, 8:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">Warren Teagarden and the Good Grief, District 8, and Middle Class Murder @ The Utah Saloon on Nov 1, 8:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/5283265/655484739/warren-teagarden-and-the-good-grief-district-8-and-middle-class-murder" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=500%204th%20Street,%20San%20Francisco">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="5145993" data-occurrence-id="642453229">
  <div class="event-image image-social">
      <a rel="event[5145993]" title="Concert Series at the Bandshell" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/ad00cf352ee7288eb3776f13990e06c44e4d9e10/original/goldengatebandshell-2023-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/ad00cf352ee7288eb3776f13990e06c44e4d9e10/original/goldengatebandshell-2023-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="Concert Series at the Bandshell" src="//images.zoogletools.com/s:bzglfiles/u/60111/ad00cf352ee7288eb3776f13990e06c44e4d9e10/original/goldengatebandshell-2023-lo.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/5145993/642453229/concert-series-at-the-bandshell">Concert Series at the Bandshell</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Wednesday, June 14, 2023</span> @ <span class="time">6:00PM</span></time> — <time class="to"><span class="time">7:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Wed, Jun 14, 2023</span> @ <span class="time">6:00PM</span></time> — <time class="to"><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://goldengatebandshell.org">Golden Gate Park Music Concourse, 75 Hagiwara Tea Garden Dr, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Part of the continuing Illuminate Live music series at the bandshell, District 8 will be headlining the Singer Songwriter show.
<a href="https://goldengatebandshell.org">https://goldengatebandshell.org</a></p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/5145993/642453229/concert-series-at-the-bandshell" data-share-dialog-title-value="Concert Series at the Bandshell @ Golden Gate Park Music Concourse on Jun 14, 6:00PM" data-share-dialog-text-value="District 8 @ Concert Series at the Bandshell @ Golden Gate Park Music Concourse, Jun 14, 6:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Concert Series at the Bandshell @ Golden Gate Park Music Concourse on Jun 14, 6:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">Concert Series at the Bandshell @ Golden Gate Park Music Concourse on Jun 14, 6:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/5145993/642453229/concert-series-at-the-bandshell" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=75%20Hagiwara%20Tea%20Garden%20Dr,%20San%20Francisco">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="5145976" data-occurrence-id="642453209">
  <div class="event-image image-social">
      <a rel="event[5145976]" title="District 8 at SF Porchfest" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/16744e0a3aacce85eb719cd7e1aca954f6cf5596/original/2023-porchfest.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/16744e0a3aacce85eb719cd7e1aca954f6cf5596/original/2023-porchfest.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="District 8 at SF Porchfest" src="//images.zoogletools.com/s:bzglfiles/u/60111/16744e0a3aacce85eb719cd7e1aca954f6cf5596/original/2023-porchfest.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/5145976/642453209/district-8-at-sf-porchfest">District 8 at SF Porchfest</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Saturday, June 10, 2023</span> @ <span class="time">5:20PM</span></time> — <time class="to"><span class="time">6:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Sat, Jun 10, 2023</span> @ <span class="time">5:20PM</span></time> — <time class="to"><span class="time">6: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.sfporchfest.org/2023-map.html">3239 21st Street, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Family-friendly outdoor music festival at various location around the Mission.
<a href="https://www.sfporchfest.org/">https://www.sfporchfest.org/</a></p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/5145976/642453209/district-8-at-sf-porchfest" data-share-dialog-title-value="District 8 at SF Porchfest on Jun 10, 5:20PM" data-share-dialog-text-value="District 8 @ District 8 at SF Porchfest, Jun 10, 5:20PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share District 8 at SF Porchfest on Jun 10, 5:20PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">District 8 at SF Porchfest on Jun 10, 5:20PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/5145976/642453209/district-8-at-sf-porchfest" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=3239%2021st%20Street,%20San%20Francisco">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="4945447" data-occurrence-id="628033111">
  <div class="event-image image-social">
      <a rel="event[4945447]" title="District 8, Quick Fiction and Chaos Fiction at El Rio" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/249bfe182390f2b418012877b4dbaa93366751b7/original/elrio-2023-lores.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/249bfe182390f2b418012877b4dbaa93366751b7/original/elrio-2023-lores.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="District 8, Quick Fiction and Chaos Fiction at El Rio" src="//images.zoogletools.com/s:bzglfiles/u/60111/249bfe182390f2b418012877b4dbaa93366751b7/original/elrio-2023-lores.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/4945447/628033111/district-8-quick-fiction-and-chaos-fiction-at-el-rio">District 8, Quick Fiction and Chaos Fiction at El Rio</a></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">Thursday, February 2, 2023</span> @ <span class="time">8:30PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Thu, Feb 2, 2023</span> @ <span class="time">8:30PM</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.elriosf.com">El Rio, 3158 Mission Street, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Three great local bands!</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/4945447/628033111/district-8-quick-fiction-and-chaos-fiction-at-el-rio" data-share-dialog-title-value="District 8, Quick Fiction and Chaos Fiction at El Rio @ El Rio on Feb 2, 8:30PM" data-share-dialog-text-value="District 8 @ District 8, Quick Fiction and Chaos Fiction at El Rio @ El Rio, Feb 2, 8:30PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share District 8, Quick Fiction and Chaos Fiction at El Rio @ El Rio on Feb 2, 8:30PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">District 8, Quick Fiction and Chaos Fiction at El Rio @ El Rio on Feb 2, 8:30PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/4945447/628033111/district-8-quick-fiction-and-chaos-fiction-at-el-rio" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=3158%20Mission%20Street,%20San%20Francisco">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="4959910" data-occurrence-id="628965882">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Dec</span><span class="calendar-placeholder-day">4</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/4959910/628965882/district-8-and-the-von-doodle-daddies">District 8 and The Von Doodle Daddies</a></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">Sunday, December 4, 2022</span> @ <span class="time">4:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sun, Dec 4, 2022</span> @ <span class="time">4: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.eventbrite.com/o/the-milk-bar-presents-6806338175">Milk Bar, 1840 Haight St, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Rock and Roll Matinee</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/4959910/628965882/district-8-and-the-von-doodle-daddies" data-share-dialog-title-value="District 8 and The Von Doodle Daddies @ Milk Bar on Dec 4, 4:00PM" data-share-dialog-text-value="District 8 @ District 8 and The Von Doodle Daddies @ Milk Bar, Dec 4, 4:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share District 8 and The Von Doodle Daddies @ Milk Bar on Dec 4, 4:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">District 8 and The Von Doodle Daddies @ Milk Bar on Dec 4, 4:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/4959910/628965882/district-8-and-the-von-doodle-daddies" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=1840%20Haight%20St,%20San%20Francisco">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="4959909" data-occurrence-id="628965881">
  <div class="event-image image-social">
      <a rel="event[4959909]" title="ILM Jam featuring District 8, Wonderchild, Wild &amp; Vulgar Centaurs" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/727a381bce8c18f5212b7aca5cd23d7112a4792f/original/hotelutah-2022-v2.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/727a381bce8c18f5212b7aca5cd23d7112a4792f/original/hotelutah-2022-v2.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="ILM Jam featuring District 8, Wonderchild, Wild &amp; Vulgar Centaurs" src="//images.zoogletools.com/s:bzglfiles/u/60111/727a381bce8c18f5212b7aca5cd23d7112a4792f/original/hotelutah-2022-v2.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/4959909/628965881/ilm-jam-featuring-district-8-wonderchild-wild-vulgar-centaurs">ILM Jam featuring District 8, Wonderchild, Wild &amp; Vulgar Centaurs</a></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, November 4, 2022</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, Nov 4, 2022</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://hotelutah.com">Hotel Utah Saloon, 500 4th Street, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Summit of ILM bands</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/4959909/628965881/ilm-jam-featuring-district-8-wonderchild-wild-vulgar-centaurs" data-share-dialog-title-value="ILM Jam featuring District 8, Wonderchild, Wild &amp; Vulgar Centaurs @ Hotel Utah Saloon on Nov 4, 7:00PM" data-share-dialog-text-value="District 8 @ ILM Jam featuring District 8, Wonderchild, Wild &amp; Vulgar Centaurs @ Hotel Utah Saloon, Nov 4, 7:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share ILM Jam featuring District 8, Wonderchild, Wild &amp; Vulgar Centaurs @ Hotel Utah Saloon on Nov 4, 7:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">ILM Jam featuring District 8, Wonderchild, Wild &amp; Vulgar Centaurs @ Hotel Utah Saloon on Nov 4, 7:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/4959909/628965881/ilm-jam-featuring-district-8-wonderchild-wild-vulgar-centaurs" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=500%204th%20Street,%20San%20Francisco">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="4628496" data-occurrence-id="594938044">
  <div class="event-image image-social">
      <a rel="event[4628496]" title="Golden Gate Bandshell Concert Series" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/60111/85d74737cd30a74df85706805effadd875027066/original/goldengatebandshell-2022-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/60111/85d74737cd30a74df85706805effadd875027066/original/goldengatebandshell-2022-lo.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="Golden Gate Bandshell Concert Series" src="//images.zoogletools.com/s:bzglfiles/u/60111/85d74737cd30a74df85706805effadd875027066/original/goldengatebandshell-2022-lo.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://district8band.com/event/4628496/594938044/golden-gate-bandshell-concert-series">Golden Gate Bandshell Concert Series</a></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">Wednesday, May 11, 2022</span> @ <span class="time">6:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Wed, May 11, 2022</span> @ <span class="time">6: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://sanfranciscoparksalliance.org/venue/golden-gate-park-bandshell/">Golden Gate Bandshell, John F. Kennedy Dr and Hagiwara Tea Garden Drive, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>District 8 headlines the Wednesday May 11 lineup of original artists, part of the Golden Gate Bandshell Series. All ages, free, outside.</p>
</div>

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


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

    <div data-controller="share-dialog" data-share-dialog-url-value="https://district8band.com/event/4628496/594938044/golden-gate-bandshell-concert-series" data-share-dialog-title-value="Golden Gate Bandshell Concert Series @ Golden Gate Bandshell on May 11, 6:00PM" data-share-dialog-text-value="District 8 @ Golden Gate Bandshell Concert Series @ Golden Gate Bandshell, May 11, 6:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Golden Gate Bandshell Concert Series @ Golden Gate Bandshell on May 11, 6:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">Golden Gate Bandshell Concert Series @ Golden Gate Bandshell on May 11, 6:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://district8band.com/event/4628496/594938044/golden-gate-bandshell-concert-series" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</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=John%20F.%20Kennedy%20Dr%20and%20Hagiwara%20Tea%20Garden%20Drive,%20San%20Francisco">View on Google Maps</a>
      </div>
  </div>
</div>

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

</article>


      <div class="pdf__hide">
    <nav class="pagination">
    <span class="first">
  <span class='pagination-decoration icon icon-first'></span>First
</span>

    <span class="prev hidden">
  <span class='pagination-decoration icon icon-previous'></span>Prev
</span>
        <span class="page current">
  1
</span>

        <span class="page">
  <a rel="next" href="/news/features/load/calendar_feature_131033.turbo_stream?calendar_page_prev=2">2</a>
</span>

        <span class="page">
  <a href="/news/features/load/calendar_feature_131033.turbo_stream?calendar_page_prev=3">3</a>
</span>

      <span class="next">
  <a rel="next" href="/news/features/load/calendar_feature_131033.turbo_stream?calendar_page_prev=2">Next<span class='pagination-decoration icon icon-next'></span></a>
</span>
      <span class="last">
  <a href="/news/features/load/calendar_feature_131033.turbo_stream?calendar_page_prev=3">Last<span class='pagination-decoration icon icon-last'></span></a>
</span>

  </nav>

</div>

    </section>

  

</div>

</template></turbo-stream>