<turbo-stream action="append" target="posts_list"><template><turbo-frame class="main-list__list-item" data-testid="Post" id="post_51317">
    
<div class="post " access="paid-members">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51317/available_tiers">
  <div class="post-locked">
    <img class="post-locked__image-background" alt="Audio thumbnail background" width="712" height="400" src="https://imgproxy.fourthwall.dev/ZTdJfgBxABhxEciPstEYzNj5fXskZcCir_7RkgwwdWE/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/NGE3MDk5N2M0NTJi/NDQ1NE9WhqxpEaB6/hsxa7bUbeAQKeDWs/9_0nGO43LmexjJhy/OkN8jxVM-Y3sLayl/LH3B6BCQ3mQf5_Fb/W_J3Qczlv8fQB6Dj/AOvBNx0TjNBYPBWT/tHVcdtTtMY_R_X2I/pfcgs6IXoKJcWMER/ZJs6vkCyiJI.webp" />
    <div class="post-locked__audio-image-container">
      <img class="post-locked__audio-thumbnail" alt="Audio thumbnail" width="400" height="400" loading="lazy" src="https://imgproxy.fourthwall.dev/lkbtmUyAIm4r73qeC7DaCgGkv23sU-5NbuBgBtILpF0/rs:fill:400:400:0/q:90/sm:1/enc/ZjdmNTcxNjQ5NGUw/NWYyNofU4ERcOZ5X/IOWaTJYSp5R-rDh0/Kpd_9GvYcP19e0l5/tdBUU1i-OZ3Z56Hp/3Z0zr9QqJmWvsdj-/g0mHRZKzUCvrKFxi/7525xofC78XkyUb0/5IlLAMuOYuYMenX8/Qm5RyX1o_273HoC1/Uofzlf8zgNA.webp" />
    </div>

    <div class="post-locked__info">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M13.972.196A1.75 1.75 0 0 1 16 1.924v7.995a3.17 3.17 0 0 1-3.167 3.173A3.17 3.17 0 0 1 9.667 9.92a3.17 3.17 0 0 1 3.166-3.173c.612 0 1.183.173 1.667.474V1.924a.25.25 0 0 0-.29-.247L6.544 2.908a.25.25 0 0 0-.21.247v9.672A3.17 3.17 0 0 1 3.166 16 3.17 3.17 0 0 1 0 12.827a3.17 3.17 0 0 1 3.167-3.174c.612 0 1.182.174 1.666.475V3.155c0-.86.624-1.591 1.473-1.728L13.972.196Zm-9.139 12.63a1.67 1.67 0 0 0-1.666-1.673A1.67 1.67 0 0 0 1.5 12.827 1.67 1.67 0 0 0 3.167 14.5a1.67 1.67 0 0 0 1.666-1.673ZM14.5 9.92a1.67 1.67 0 0 0-1.667-1.673 1.67 1.67 0 0 0-1.666 1.673 1.67 1.67 0 0 0 1.666 1.673A1.67 1.67 0 0 0 14.5 9.92Z" clip-rule="evenodd"></path></svg>

      36:31
    </div>
  </div>
</a>

    <div class="post__main">
  <div class="post__content">
 

        <a class="post__meta" data-turbo-frame="_top" href="/supporters/pricing">
          May 29, 2024
</a>

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            68: The Other Gods That Are
</a>      </div>



        <div class="post__section post__section--column">
          <a class="button button--medium button--primary" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51317/available_tiers"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 14 16" role="img" class="button__icon"><path fill="currentColor" fill-rule="evenodd" d="M7 1.5c-.8 0-1.556.292-2.104.794-.546.5-.838 1.163-.838 1.84V5.8h5.884V4.133c0-.676-.292-1.34-.838-1.84A3.12 3.12 0 0 0 7 1.5Zm4.442 4.3V4.133c0-1.118-.485-2.176-1.325-2.945A4.62 4.62 0 0 0 7 0a4.62 4.62 0 0 0-3.118 1.188c-.839.77-1.324 1.827-1.324 2.945V5.8H2A1.75 1.75 0 0 0 .25 7.55v6.7C.25 15.216 1.034 16 2 16h10a1.75 1.75 0 0 0 1.75-1.75v-6.7A1.75 1.75 0 0 0 12 5.8h-.558ZM2 7.3a.25.25 0 0 0-.25.25v6.7c0 .138.112.25.25.25h10a.25.25 0 0 0 .25-.25v-6.7A.25.25 0 0 0 12 7.3H2Zm4.409 4.793V9.435h1.5v2.658h-1.5Z" clip-rule="evenodd"></path></svg>
Join to access</a>
        </div>

      <div class="post__section">
        <div class="post-actions">
          <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51317/available_tiers" accept-charset="UTF-8" method="get">
  <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
    <div class="post-actions__item">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="m2.662 7.721 5.14 5.918a.25.25 0 0 0 .378 0l5.142-5.92c1.856-2.21 1.25-4.386.03-5.37-.62-.5-1.407-.711-2.203-.513-.796.197-1.712.833-2.504 2.243a.75.75 0 0 1-1.308-.001c-.794-1.416-1.708-2.054-2.5-2.253-.79-.2-1.573.01-2.19.51-1.214.983-1.822 3.167.015 5.386Zm5.33-5.375C7.172 1.274 6.212.623 5.202.37c-1.292-.325-2.552.032-3.5.8-1.913 1.55-2.524 4.702-.19 7.515l.012.013 5.146 5.925a1.75 1.75 0 0 0 2.642 0l5.146-5.925.008-.009c2.362-2.805 1.75-5.956-.171-7.507-.95-.766-2.213-1.124-3.508-.802-1.01.25-1.974.898-2.795 1.966Z" clip-rule="evenodd"></path></svg>

    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51317/available_tiers" accept-charset="UTF-8" method="get">
    <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2.25a.25.25 0 0 0-.25.25v8.067c0 .139.112.25.25.25H3c.967 0 1.75.784 1.75 1.75v1.21c0 .216.255.33.416.187l3.053-2.706a1.75 1.75 0 0 1 1.16-.44h4.871a.25.25 0 0 0 .25-.25V2.5a.25.25 0 0 0-.25-.25H1.75ZM0 2.5C0 1.534.784.75 1.75.75h12.5c.966 0 1.75.784 1.75 1.75v8.067a1.75 1.75 0 0 1-1.75 1.75H9.38a.25.25 0 0 0-.166.063L6.16 15.087c-1.13 1-2.911.199-2.911-1.31v-1.21a.25.25 0 0 0-.25-.25H1.75A1.75 1.75 0 0 1 0 10.567V2.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number"></span>
      </div>

</button></form>
          
<div class="dropdown" data-controller="dropdown link-share" data-dropdown-placement-value="bottom-start" data-action="link-share:unavailable-&gt;dropdown#toggle" data-link-share-url-value="https://hopfulmedia.com.co/supporters/audio/51317?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter">
      <div class="comment__menu" data-dropdown-target="button" data-action="click->link-share#share">
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M6.996.471a1.41 1.41 0 0 1 2.008 0l4.943 5.013-1.068 1.053L8.75 2.35v9.121h-1.5V2.35L3.12 6.537 2.054 5.484 6.996.471ZM1.5 11.108v3.143c0 .138.111.249.249.249H14.25c.138 0 .249-.11.249-.25v-3.142H16v3.143c0 .965-.781 1.749-1.749 1.749H1.75A1.748 1.748 0 0 1 0 14.25v-3.142h1.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number hidden@sm">Share</span>
      </div>
    </div>


  <div class="dropdown__menu hidden" data-dropdown-target="items">
    <div class="dropdown__items">
        <div class="dropdown__title">Share a preview of a locked post</div>

      

  <button class="dropdown__item" data-action="click-&gt;dropdown#hide" data-controller="clipboard" data-clipboard-text="https://hopfulmedia.com.co/supporters/audio/51317?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter" type="button">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M12.145 1.5a1.762 1.762 0 0 0-1.246.516L8.234 4.681l-1.06-1.06L9.837.955a3.264 3.264 0 0 1 4.615 0l.591.591a3.264 3.264 0 0 1 0 4.613l-3.849 3.85a3.262 3.262 0 0 1-4.614 0l-.593-.592 1.062-1.06.591.592a1.763 1.763 0 0 0 2.493 0l3.85-3.85a1.762 1.762 0 0 0 0-2.492l-.592-.591a1.764 1.764 0 0 0-1.247-.517ZM7.112 6.534c-.468 0-.916.186-1.247.516L2.016 10.9a1.762 1.762 0 0 0 0 2.492m0 0 .592.592a1.764 1.764 0 0 0 2.493 0l2.665-2.665 1.06 1.06-2.664 2.666a3.264 3.264 0 0 1-4.615 0l-.592-.592a3.263 3.263 0 0 1 0-4.614l3.85-3.85a3.264 3.264 0 0 1 4.614 0l.592.593-1.06 1.06-.592-.592c-.331-.33-.78-.516-1.247-.516" clip-rule="evenodd"></path></svg>

    </div>

  
    Copy link

</button>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51317%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" fill="none" role="img"><path d="M18.666 13.857 29.093 2h-2.47l-9.056 10.294L10.338 2H2l10.932 15.567L2 30h2.47l9.557-10.873L21.662 30H30M5.36 3.822h3.795L26.62 28.267h-3.794" fill="currentColor"></path></svg>

    </div>

  
    Share on X

</a>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://facebook.com/sharer.php?u=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51317%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="none" role="img"><path d="m5.27 14-.02-6.125H2.625V5.25H5.25V3.5C5.25 1.138 6.713 0 8.82 0c1.009 0 1.876.075 2.129.109v2.468H9.488c-1.146 0-1.368.545-1.368 1.344V5.25h3.255L10.5 7.875H8.12V14H5.27Z" fill="currentColor"></path></svg>

    </div>

  
    Share on Facebook

</a>
    </div>
  </div>
</div>
        </div>
      </div>

      

  </div>
</div>

  </div>
</div>

</turbo-frame><turbo-frame class="main-list__list-item" data-testid="Post" id="post_51316">
    
<div class="post " access="paid-members">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51316/available_tiers">
  <div class="post-locked">
    <img class="post-locked__image-background" alt="Audio thumbnail background" width="712" height="400" src="https://imgproxy.fourthwall.dev/vX9zW7x5AY2NQwhOU68NDwC4NqolNeiSLfubuQgs--A/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/NTFkNzgxMWIyYWRk/ODk3YunGb2RI0QpA/sgX_0e3DCCyU89iD/9qaRwrlexKmGMoh2/DocayWDVp4cM0eIR/vwn2b5n_uWgwQSM1/UcDAfpYw5A2Yugxi/JDFu9-hNMZFwqgy4/ejtmWL1b_QJhJuBF/58Gr266U8G_wVmnJ/byPweippHO4.webp" />
    <div class="post-locked__audio-image-container">
      <img class="post-locked__audio-thumbnail" alt="Audio thumbnail" width="400" height="400" loading="lazy" src="https://imgproxy.fourthwall.dev/Yah_rqQXild2uymHQuF_HEo4v5Icj8DL2KKSMbulOfQ/rs:fill:400:400:0/q:90/sm:1/enc/ZmMxZGNiY2RkNTMw/YzU5ZsxsV-8XoPhO/vQvHSO5k0AyFKUlI/exuaROTr2-fP_VPe/JrTb1dit3_isGr1M/31yb-rH6mmTZX3lO/jTnNOGReBCSu5E8j/ihr5p4EtQxByPDv2/d4kHjSNJNCdI2ZZT/h--jn7jXOwd2Hazq/F5_J0tBPozQ.webp" />
    </div>

    <div class="post-locked__info">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M13.972.196A1.75 1.75 0 0 1 16 1.924v7.995a3.17 3.17 0 0 1-3.167 3.173A3.17 3.17 0 0 1 9.667 9.92a3.17 3.17 0 0 1 3.166-3.173c.612 0 1.183.173 1.667.474V1.924a.25.25 0 0 0-.29-.247L6.544 2.908a.25.25 0 0 0-.21.247v9.672A3.17 3.17 0 0 1 3.166 16 3.17 3.17 0 0 1 0 12.827a3.17 3.17 0 0 1 3.167-3.174c.612 0 1.182.174 1.666.475V3.155c0-.86.624-1.591 1.473-1.728L13.972.196Zm-9.139 12.63a1.67 1.67 0 0 0-1.666-1.673A1.67 1.67 0 0 0 1.5 12.827 1.67 1.67 0 0 0 3.167 14.5a1.67 1.67 0 0 0 1.666-1.673ZM14.5 9.92a1.67 1.67 0 0 0-1.667-1.673 1.67 1.67 0 0 0-1.666 1.673 1.67 1.67 0 0 0 1.666 1.673A1.67 1.67 0 0 0 14.5 9.92Z" clip-rule="evenodd"></path></svg>

      41:04
    </div>
  </div>
</a>

    <div class="post__main">
  <div class="post__content">
 

        <a class="post__meta" data-turbo-frame="_top" href="/supporters/pricing">
          May 29, 2024
</a>

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            67: The Empire of Artaxerxes
</a>      </div>



        <div class="post__section post__section--column">
          <a class="button button--medium button--primary" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51316/available_tiers"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 14 16" role="img" class="button__icon"><path fill="currentColor" fill-rule="evenodd" d="M7 1.5c-.8 0-1.556.292-2.104.794-.546.5-.838 1.163-.838 1.84V5.8h5.884V4.133c0-.676-.292-1.34-.838-1.84A3.12 3.12 0 0 0 7 1.5Zm4.442 4.3V4.133c0-1.118-.485-2.176-1.325-2.945A4.62 4.62 0 0 0 7 0a4.62 4.62 0 0 0-3.118 1.188c-.839.77-1.324 1.827-1.324 2.945V5.8H2A1.75 1.75 0 0 0 .25 7.55v6.7C.25 15.216 1.034 16 2 16h10a1.75 1.75 0 0 0 1.75-1.75v-6.7A1.75 1.75 0 0 0 12 5.8h-.558ZM2 7.3a.25.25 0 0 0-.25.25v6.7c0 .138.112.25.25.25h10a.25.25 0 0 0 .25-.25v-6.7A.25.25 0 0 0 12 7.3H2Zm4.409 4.793V9.435h1.5v2.658h-1.5Z" clip-rule="evenodd"></path></svg>
Join to access</a>
        </div>

      <div class="post__section">
        <div class="post-actions">
          <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51316/available_tiers" accept-charset="UTF-8" method="get">
  <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
    <div class="post-actions__item">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="m2.662 7.721 5.14 5.918a.25.25 0 0 0 .378 0l5.142-5.92c1.856-2.21 1.25-4.386.03-5.37-.62-.5-1.407-.711-2.203-.513-.796.197-1.712.833-2.504 2.243a.75.75 0 0 1-1.308-.001c-.794-1.416-1.708-2.054-2.5-2.253-.79-.2-1.573.01-2.19.51-1.214.983-1.822 3.167.015 5.386Zm5.33-5.375C7.172 1.274 6.212.623 5.202.37c-1.292-.325-2.552.032-3.5.8-1.913 1.55-2.524 4.702-.19 7.515l.012.013 5.146 5.925a1.75 1.75 0 0 0 2.642 0l5.146-5.925.008-.009c2.362-2.805 1.75-5.956-.171-7.507-.95-.766-2.213-1.124-3.508-.802-1.01.25-1.974.898-2.795 1.966Z" clip-rule="evenodd"></path></svg>

    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51316/available_tiers" accept-charset="UTF-8" method="get">
    <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2.25a.25.25 0 0 0-.25.25v8.067c0 .139.112.25.25.25H3c.967 0 1.75.784 1.75 1.75v1.21c0 .216.255.33.416.187l3.053-2.706a1.75 1.75 0 0 1 1.16-.44h4.871a.25.25 0 0 0 .25-.25V2.5a.25.25 0 0 0-.25-.25H1.75ZM0 2.5C0 1.534.784.75 1.75.75h12.5c.966 0 1.75.784 1.75 1.75v8.067a1.75 1.75 0 0 1-1.75 1.75H9.38a.25.25 0 0 0-.166.063L6.16 15.087c-1.13 1-2.911.199-2.911-1.31v-1.21a.25.25 0 0 0-.25-.25H1.75A1.75 1.75 0 0 1 0 10.567V2.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number"></span>
      </div>

</button></form>
          
<div class="dropdown" data-controller="dropdown link-share" data-dropdown-placement-value="bottom-start" data-action="link-share:unavailable-&gt;dropdown#toggle" data-link-share-url-value="https://hopfulmedia.com.co/supporters/audio/51316?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter">
      <div class="comment__menu" data-dropdown-target="button" data-action="click->link-share#share">
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M6.996.471a1.41 1.41 0 0 1 2.008 0l4.943 5.013-1.068 1.053L8.75 2.35v9.121h-1.5V2.35L3.12 6.537 2.054 5.484 6.996.471ZM1.5 11.108v3.143c0 .138.111.249.249.249H14.25c.138 0 .249-.11.249-.25v-3.142H16v3.143c0 .965-.781 1.749-1.749 1.749H1.75A1.748 1.748 0 0 1 0 14.25v-3.142h1.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number hidden@sm">Share</span>
      </div>
    </div>


  <div class="dropdown__menu hidden" data-dropdown-target="items">
    <div class="dropdown__items">
        <div class="dropdown__title">Share a preview of a locked post</div>

      

  <button class="dropdown__item" data-action="click-&gt;dropdown#hide" data-controller="clipboard" data-clipboard-text="https://hopfulmedia.com.co/supporters/audio/51316?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter" type="button">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M12.145 1.5a1.762 1.762 0 0 0-1.246.516L8.234 4.681l-1.06-1.06L9.837.955a3.264 3.264 0 0 1 4.615 0l.591.591a3.264 3.264 0 0 1 0 4.613l-3.849 3.85a3.262 3.262 0 0 1-4.614 0l-.593-.592 1.062-1.06.591.592a1.763 1.763 0 0 0 2.493 0l3.85-3.85a1.762 1.762 0 0 0 0-2.492l-.592-.591a1.764 1.764 0 0 0-1.247-.517ZM7.112 6.534c-.468 0-.916.186-1.247.516L2.016 10.9a1.762 1.762 0 0 0 0 2.492m0 0 .592.592a1.764 1.764 0 0 0 2.493 0l2.665-2.665 1.06 1.06-2.664 2.666a3.264 3.264 0 0 1-4.615 0l-.592-.592a3.263 3.263 0 0 1 0-4.614l3.85-3.85a3.264 3.264 0 0 1 4.614 0l.592.593-1.06 1.06-.592-.592c-.331-.33-.78-.516-1.247-.516" clip-rule="evenodd"></path></svg>

    </div>

  
    Copy link

</button>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51316%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" fill="none" role="img"><path d="M18.666 13.857 29.093 2h-2.47l-9.056 10.294L10.338 2H2l10.932 15.567L2 30h2.47l9.557-10.873L21.662 30H30M5.36 3.822h3.795L26.62 28.267h-3.794" fill="currentColor"></path></svg>

    </div>

  
    Share on X

</a>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://facebook.com/sharer.php?u=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51316%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="none" role="img"><path d="m5.27 14-.02-6.125H2.625V5.25H5.25V3.5C5.25 1.138 6.713 0 8.82 0c1.009 0 1.876.075 2.129.109v2.468H9.488c-1.146 0-1.368.545-1.368 1.344V5.25h3.255L10.5 7.875H8.12V14H5.27Z" fill="currentColor"></path></svg>

    </div>

  
    Share on Facebook

</a>
    </div>
  </div>
</div>
        </div>
      </div>

      

  </div>
</div>

  </div>
</div>

</turbo-frame><turbo-frame class="main-list__list-item" data-testid="Post" id="post_51314">
    
<div class="post " access="paid-members">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51314/available_tiers">
  <div class="post-locked">
    <img class="post-locked__image-background" alt="Audio thumbnail background" width="712" height="400" src="https://imgproxy.fourthwall.dev/bZU0EgOgtigjTY7THISR_geZlwlNWFhFxPJC77Fq28I/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/NjQxN2ViNTNmMTBh/MGNlMTSgy-RnTrQl/yN--MDDY2JVqRumX/G9v4S4FT-93zOYvC/bAf8dYDicCjc_hQm/CBqa4eOuyDFGmdCE/SffK0w8VxJUaZift/M0GSE5utgbvOlC6E/SC3wyljdF6PNjx_k/clj3VHyIxJBAxFzt/mT49YB3ZX2E.webp" />
    <div class="post-locked__audio-image-container">
      <img class="post-locked__audio-thumbnail" alt="Audio thumbnail" width="400" height="400" loading="lazy" src="https://imgproxy.fourthwall.dev/LGLoffXcnFPC4CGD-JxWNh30FlSFxhZZAtdQ_mxkJmY/rs:fill:400:400:0/q:90/sm:1/enc/OWUwYzJmYTQ1NjY4/MzBhNEs8eW9Ibv-B/mP14BgVFxhal37eO/jnxFJ3MZQ5utqiMW/UQY_s-8fBsb7AUlp/ai3fQICbhzS8gD1X/-ERCTS07EepO-8GO/95PXrUtcl-M77Jez/tK9lyKRGEtwJUNNA/nY6NfQd7cfyCU8L4/3Maz6WoIg1U.webp" />
    </div>

    <div class="post-locked__info">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M13.972.196A1.75 1.75 0 0 1 16 1.924v7.995a3.17 3.17 0 0 1-3.167 3.173A3.17 3.17 0 0 1 9.667 9.92a3.17 3.17 0 0 1 3.166-3.173c.612 0 1.183.173 1.667.474V1.924a.25.25 0 0 0-.29-.247L6.544 2.908a.25.25 0 0 0-.21.247v9.672A3.17 3.17 0 0 1 3.166 16 3.17 3.17 0 0 1 0 12.827a3.17 3.17 0 0 1 3.167-3.174c.612 0 1.182.174 1.666.475V3.155c0-.86.624-1.591 1.473-1.728L13.972.196Zm-9.139 12.63a1.67 1.67 0 0 0-1.666-1.673A1.67 1.67 0 0 0 1.5 12.827 1.67 1.67 0 0 0 3.167 14.5a1.67 1.67 0 0 0 1.666-1.673ZM14.5 9.92a1.67 1.67 0 0 0-1.667-1.673 1.67 1.67 0 0 0-1.666 1.673 1.67 1.67 0 0 0 1.666 1.673A1.67 1.67 0 0 0 14.5 9.92Z" clip-rule="evenodd"></path></svg>

      27:00
    </div>
  </div>
</a>

    <div class="post__main">
  <div class="post__content">
 

        <a class="post__meta" data-turbo-frame="_top" href="/supporters/pricing">
          May 29, 2024
</a>

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            66: The Syrian Civil War
</a>      </div>



        <div class="post__section post__section--column">
          <a class="button button--medium button--primary" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51314/available_tiers"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 14 16" role="img" class="button__icon"><path fill="currentColor" fill-rule="evenodd" d="M7 1.5c-.8 0-1.556.292-2.104.794-.546.5-.838 1.163-.838 1.84V5.8h5.884V4.133c0-.676-.292-1.34-.838-1.84A3.12 3.12 0 0 0 7 1.5Zm4.442 4.3V4.133c0-1.118-.485-2.176-1.325-2.945A4.62 4.62 0 0 0 7 0a4.62 4.62 0 0 0-3.118 1.188c-.839.77-1.324 1.827-1.324 2.945V5.8H2A1.75 1.75 0 0 0 .25 7.55v6.7C.25 15.216 1.034 16 2 16h10a1.75 1.75 0 0 0 1.75-1.75v-6.7A1.75 1.75 0 0 0 12 5.8h-.558ZM2 7.3a.25.25 0 0 0-.25.25v6.7c0 .138.112.25.25.25h10a.25.25 0 0 0 .25-.25v-6.7A.25.25 0 0 0 12 7.3H2Zm4.409 4.793V9.435h1.5v2.658h-1.5Z" clip-rule="evenodd"></path></svg>
Join to access</a>
        </div>

      <div class="post__section">
        <div class="post-actions">
          <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51314/available_tiers" accept-charset="UTF-8" method="get">
  <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
    <div class="post-actions__item">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="m2.662 7.721 5.14 5.918a.25.25 0 0 0 .378 0l5.142-5.92c1.856-2.21 1.25-4.386.03-5.37-.62-.5-1.407-.711-2.203-.513-.796.197-1.712.833-2.504 2.243a.75.75 0 0 1-1.308-.001c-.794-1.416-1.708-2.054-2.5-2.253-.79-.2-1.573.01-2.19.51-1.214.983-1.822 3.167.015 5.386Zm5.33-5.375C7.172 1.274 6.212.623 5.202.37c-1.292-.325-2.552.032-3.5.8-1.913 1.55-2.524 4.702-.19 7.515l.012.013 5.146 5.925a1.75 1.75 0 0 0 2.642 0l5.146-5.925.008-.009c2.362-2.805 1.75-5.956-.171-7.507-.95-.766-2.213-1.124-3.508-.802-1.01.25-1.974.898-2.795 1.966Z" clip-rule="evenodd"></path></svg>

    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51314/available_tiers" accept-charset="UTF-8" method="get">
    <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2.25a.25.25 0 0 0-.25.25v8.067c0 .139.112.25.25.25H3c.967 0 1.75.784 1.75 1.75v1.21c0 .216.255.33.416.187l3.053-2.706a1.75 1.75 0 0 1 1.16-.44h4.871a.25.25 0 0 0 .25-.25V2.5a.25.25 0 0 0-.25-.25H1.75ZM0 2.5C0 1.534.784.75 1.75.75h12.5c.966 0 1.75.784 1.75 1.75v8.067a1.75 1.75 0 0 1-1.75 1.75H9.38a.25.25 0 0 0-.166.063L6.16 15.087c-1.13 1-2.911.199-2.911-1.31v-1.21a.25.25 0 0 0-.25-.25H1.75A1.75 1.75 0 0 1 0 10.567V2.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number"></span>
      </div>

</button></form>
          
<div class="dropdown" data-controller="dropdown link-share" data-dropdown-placement-value="bottom-start" data-action="link-share:unavailable-&gt;dropdown#toggle" data-link-share-url-value="https://hopfulmedia.com.co/supporters/audio/51314?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter">
      <div class="comment__menu" data-dropdown-target="button" data-action="click->link-share#share">
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M6.996.471a1.41 1.41 0 0 1 2.008 0l4.943 5.013-1.068 1.053L8.75 2.35v9.121h-1.5V2.35L3.12 6.537 2.054 5.484 6.996.471ZM1.5 11.108v3.143c0 .138.111.249.249.249H14.25c.138 0 .249-.11.249-.25v-3.142H16v3.143c0 .965-.781 1.749-1.749 1.749H1.75A1.748 1.748 0 0 1 0 14.25v-3.142h1.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number hidden@sm">Share</span>
      </div>
    </div>


  <div class="dropdown__menu hidden" data-dropdown-target="items">
    <div class="dropdown__items">
        <div class="dropdown__title">Share a preview of a locked post</div>

      

  <button class="dropdown__item" data-action="click-&gt;dropdown#hide" data-controller="clipboard" data-clipboard-text="https://hopfulmedia.com.co/supporters/audio/51314?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter" type="button">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M12.145 1.5a1.762 1.762 0 0 0-1.246.516L8.234 4.681l-1.06-1.06L9.837.955a3.264 3.264 0 0 1 4.615 0l.591.591a3.264 3.264 0 0 1 0 4.613l-3.849 3.85a3.262 3.262 0 0 1-4.614 0l-.593-.592 1.062-1.06.591.592a1.763 1.763 0 0 0 2.493 0l3.85-3.85a1.762 1.762 0 0 0 0-2.492l-.592-.591a1.764 1.764 0 0 0-1.247-.517ZM7.112 6.534c-.468 0-.916.186-1.247.516L2.016 10.9a1.762 1.762 0 0 0 0 2.492m0 0 .592.592a1.764 1.764 0 0 0 2.493 0l2.665-2.665 1.06 1.06-2.664 2.666a3.264 3.264 0 0 1-4.615 0l-.592-.592a3.263 3.263 0 0 1 0-4.614l3.85-3.85a3.264 3.264 0 0 1 4.614 0l.592.593-1.06 1.06-.592-.592c-.331-.33-.78-.516-1.247-.516" clip-rule="evenodd"></path></svg>

    </div>

  
    Copy link

</button>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51314%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" fill="none" role="img"><path d="M18.666 13.857 29.093 2h-2.47l-9.056 10.294L10.338 2H2l10.932 15.567L2 30h2.47l9.557-10.873L21.662 30H30M5.36 3.822h3.795L26.62 28.267h-3.794" fill="currentColor"></path></svg>

    </div>

  
    Share on X

</a>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://facebook.com/sharer.php?u=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51314%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="none" role="img"><path d="m5.27 14-.02-6.125H2.625V5.25H5.25V3.5C5.25 1.138 6.713 0 8.82 0c1.009 0 1.876.075 2.129.109v2.468H9.488c-1.146 0-1.368.545-1.368 1.344V5.25h3.255L10.5 7.875H8.12V14H5.27Z" fill="currentColor"></path></svg>

    </div>

  
    Share on Facebook

</a>
    </div>
  </div>
</div>
        </div>
      </div>

      

  </div>
</div>

  </div>
</div>

</turbo-frame><turbo-frame class="main-list__list-item" data-testid="Post" id="post_51312">
    
<div class="post " access="paid-members">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51312/available_tiers">
  <div class="post-locked">
    <img class="post-locked__image-background" alt="Audio thumbnail background" width="712" height="400" src="https://imgproxy.fourthwall.dev/T4a2OBh68m4IFTRDWkHqQYuzIT87pIunMDaSmmn-Dws/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/NTE4ZjNmMGQ4YTFl/ZjMxYaJa4RGiZT4R/oJ3VjUTmuT9i3uEc/9cNOA7PEhPBFo_3j/RI0GOZT-vACA8UTB/Svk4ASmfaMfG8tOp/saVytoJ90NhhWs_C/H0231V1mKmUhu3E5/nBL45LnMpziD280G/VILybmVYUH3_TIsi/PYur20pvF9Q.webp" />
    <div class="post-locked__audio-image-container">
      <img class="post-locked__audio-thumbnail" alt="Audio thumbnail" width="400" height="400" loading="lazy" src="https://imgproxy.fourthwall.dev/zQKuY9GC8NIZSFcAwI9h39Ksqdr91HngETY008YBkoA/rs:fill:400:400:0/q:90/sm:1/enc/ZjU2MTQ2NzRlN2Q5/NTU4YsoBfd4zJxly/eHNRbAG8KDWZhcdo/2f4bxjigCEijek8X/5c1taZQa5x7jt9oY/SEI7STlcAddzSOoF/3ytLeeKgSHbfpEPF/cFkTfOoVb0ETThQ3/qPtwsFktArr66DzY/8eGkxILaeRr-Wr92/xpn5ir8Kkbw.webp" />
    </div>

    <div class="post-locked__info">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M13.972.196A1.75 1.75 0 0 1 16 1.924v7.995a3.17 3.17 0 0 1-3.167 3.173A3.17 3.17 0 0 1 9.667 9.92a3.17 3.17 0 0 1 3.166-3.173c.612 0 1.183.173 1.667.474V1.924a.25.25 0 0 0-.29-.247L6.544 2.908a.25.25 0 0 0-.21.247v9.672A3.17 3.17 0 0 1 3.166 16 3.17 3.17 0 0 1 0 12.827a3.17 3.17 0 0 1 3.167-3.174c.612 0 1.182.174 1.666.475V3.155c0-.86.624-1.591 1.473-1.728L13.972.196Zm-9.139 12.63a1.67 1.67 0 0 0-1.666-1.673A1.67 1.67 0 0 0 1.5 12.827 1.67 1.67 0 0 0 3.167 14.5a1.67 1.67 0 0 0 1.666-1.673ZM14.5 9.92a1.67 1.67 0 0 0-1.667-1.673 1.67 1.67 0 0 0-1.666 1.673 1.67 1.67 0 0 0 1.666 1.673A1.67 1.67 0 0 0 14.5 9.92Z" clip-rule="evenodd"></path></svg>

      34:24
    </div>
  </div>
</a>

    <div class="post__main">
  <div class="post__content">
 

        <a class="post__meta" data-turbo-frame="_top" href="/supporters/pricing">
          May 29, 2024
</a>

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            65: The Peace of Callias
</a>      </div>



        <div class="post__section post__section--column">
          <a class="button button--medium button--primary" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51312/available_tiers"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 14 16" role="img" class="button__icon"><path fill="currentColor" fill-rule="evenodd" d="M7 1.5c-.8 0-1.556.292-2.104.794-.546.5-.838 1.163-.838 1.84V5.8h5.884V4.133c0-.676-.292-1.34-.838-1.84A3.12 3.12 0 0 0 7 1.5Zm4.442 4.3V4.133c0-1.118-.485-2.176-1.325-2.945A4.62 4.62 0 0 0 7 0a4.62 4.62 0 0 0-3.118 1.188c-.839.77-1.324 1.827-1.324 2.945V5.8H2A1.75 1.75 0 0 0 .25 7.55v6.7C.25 15.216 1.034 16 2 16h10a1.75 1.75 0 0 0 1.75-1.75v-6.7A1.75 1.75 0 0 0 12 5.8h-.558ZM2 7.3a.25.25 0 0 0-.25.25v6.7c0 .138.112.25.25.25h10a.25.25 0 0 0 .25-.25v-6.7A.25.25 0 0 0 12 7.3H2Zm4.409 4.793V9.435h1.5v2.658h-1.5Z" clip-rule="evenodd"></path></svg>
Join to access</a>
        </div>

      <div class="post__section">
        <div class="post-actions">
          <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51312/available_tiers" accept-charset="UTF-8" method="get">
  <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
    <div class="post-actions__item">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="m2.662 7.721 5.14 5.918a.25.25 0 0 0 .378 0l5.142-5.92c1.856-2.21 1.25-4.386.03-5.37-.62-.5-1.407-.711-2.203-.513-.796.197-1.712.833-2.504 2.243a.75.75 0 0 1-1.308-.001c-.794-1.416-1.708-2.054-2.5-2.253-.79-.2-1.573.01-2.19.51-1.214.983-1.822 3.167.015 5.386Zm5.33-5.375C7.172 1.274 6.212.623 5.202.37c-1.292-.325-2.552.032-3.5.8-1.913 1.55-2.524 4.702-.19 7.515l.012.013 5.146 5.925a1.75 1.75 0 0 0 2.642 0l5.146-5.925.008-.009c2.362-2.805 1.75-5.956-.171-7.507-.95-.766-2.213-1.124-3.508-.802-1.01.25-1.974.898-2.795 1.966Z" clip-rule="evenodd"></path></svg>

    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51312/available_tiers" accept-charset="UTF-8" method="get">
    <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2.25a.25.25 0 0 0-.25.25v8.067c0 .139.112.25.25.25H3c.967 0 1.75.784 1.75 1.75v1.21c0 .216.255.33.416.187l3.053-2.706a1.75 1.75 0 0 1 1.16-.44h4.871a.25.25 0 0 0 .25-.25V2.5a.25.25 0 0 0-.25-.25H1.75ZM0 2.5C0 1.534.784.75 1.75.75h12.5c.966 0 1.75.784 1.75 1.75v8.067a1.75 1.75 0 0 1-1.75 1.75H9.38a.25.25 0 0 0-.166.063L6.16 15.087c-1.13 1-2.911.199-2.911-1.31v-1.21a.25.25 0 0 0-.25-.25H1.75A1.75 1.75 0 0 1 0 10.567V2.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number"></span>
      </div>

</button></form>
          
<div class="dropdown" data-controller="dropdown link-share" data-dropdown-placement-value="bottom-start" data-action="link-share:unavailable-&gt;dropdown#toggle" data-link-share-url-value="https://hopfulmedia.com.co/supporters/audio/51312?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter">
      <div class="comment__menu" data-dropdown-target="button" data-action="click->link-share#share">
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M6.996.471a1.41 1.41 0 0 1 2.008 0l4.943 5.013-1.068 1.053L8.75 2.35v9.121h-1.5V2.35L3.12 6.537 2.054 5.484 6.996.471ZM1.5 11.108v3.143c0 .138.111.249.249.249H14.25c.138 0 .249-.11.249-.25v-3.142H16v3.143c0 .965-.781 1.749-1.749 1.749H1.75A1.748 1.748 0 0 1 0 14.25v-3.142h1.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number hidden@sm">Share</span>
      </div>
    </div>


  <div class="dropdown__menu hidden" data-dropdown-target="items">
    <div class="dropdown__items">
        <div class="dropdown__title">Share a preview of a locked post</div>

      

  <button class="dropdown__item" data-action="click-&gt;dropdown#hide" data-controller="clipboard" data-clipboard-text="https://hopfulmedia.com.co/supporters/audio/51312?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter" type="button">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M12.145 1.5a1.762 1.762 0 0 0-1.246.516L8.234 4.681l-1.06-1.06L9.837.955a3.264 3.264 0 0 1 4.615 0l.591.591a3.264 3.264 0 0 1 0 4.613l-3.849 3.85a3.262 3.262 0 0 1-4.614 0l-.593-.592 1.062-1.06.591.592a1.763 1.763 0 0 0 2.493 0l3.85-3.85a1.762 1.762 0 0 0 0-2.492l-.592-.591a1.764 1.764 0 0 0-1.247-.517ZM7.112 6.534c-.468 0-.916.186-1.247.516L2.016 10.9a1.762 1.762 0 0 0 0 2.492m0 0 .592.592a1.764 1.764 0 0 0 2.493 0l2.665-2.665 1.06 1.06-2.664 2.666a3.264 3.264 0 0 1-4.615 0l-.592-.592a3.263 3.263 0 0 1 0-4.614l3.85-3.85a3.264 3.264 0 0 1 4.614 0l.592.593-1.06 1.06-.592-.592c-.331-.33-.78-.516-1.247-.516" clip-rule="evenodd"></path></svg>

    </div>

  
    Copy link

</button>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51312%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" fill="none" role="img"><path d="M18.666 13.857 29.093 2h-2.47l-9.056 10.294L10.338 2H2l10.932 15.567L2 30h2.47l9.557-10.873L21.662 30H30M5.36 3.822h3.795L26.62 28.267h-3.794" fill="currentColor"></path></svg>

    </div>

  
    Share on X

</a>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://facebook.com/sharer.php?u=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51312%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="none" role="img"><path d="m5.27 14-.02-6.125H2.625V5.25H5.25V3.5C5.25 1.138 6.713 0 8.82 0c1.009 0 1.876.075 2.129.109v2.468H9.488c-1.146 0-1.368.545-1.368 1.344V5.25h3.255L10.5 7.875H8.12V14H5.27Z" fill="currentColor"></path></svg>

    </div>

  
    Share on Facebook

</a>
    </div>
  </div>
</div>
        </div>
      </div>

      

  </div>
</div>

  </div>
</div>

</turbo-frame><turbo-frame class="main-list__list-item" data-testid="Post" id="post_51310">
    
<div class="post " access="paid-members">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51310/available_tiers">
  <div class="post-locked">
    <img class="post-locked__image-background" alt="Audio thumbnail background" width="712" height="400" src="https://imgproxy.fourthwall.dev/RsHRuxVs69JNwMrYHgIsb4njs4nxt187viUr4yW0c0U/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/ZTE2OWZmYzRjYzI3/MmZhNwCLJB-Sav-d/I0lnXDEiJQonbi6q/_TKJwwAZ0TzfIhk1/kWHfkv7Qz74abSCl/YU63LSgdLlyfMEEO/89ahslrtGlqh95Z6/pJ5Ak4_Qg-SKa9MX/Ar7Ki1S8XJDW8Iuw/rlF_XFyFi9BABqzZ/IXyisWOArtM.webp" />
    <div class="post-locked__audio-image-container">
      <img class="post-locked__audio-thumbnail" alt="Audio thumbnail" width="400" height="400" loading="lazy" src="https://imgproxy.fourthwall.dev/Sz2mzsmKfXbr8kjBzXIA_VHgPDDEc3NuKxellsMGaEQ/rs:fill:400:400:0/q:90/sm:1/enc/MDAxMGZjODU3ZTU0/ODA1Mi8nyqXeN6N8/kFJflYUrhXjXXgwX/OiMPQ21wAyC27XGV/sa71SaFjRTOTrJJz/faIkXYYMg1S_vluR/ZmxXNADwEmHZKuzQ/x3xs65rLW81YJ7ui/5MV-y-Rn7xyz1Tgb/IDvqVVVdiVbi0mq_/6NPIpwQ7tdE.webp" />
    </div>

    <div class="post-locked__info">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M13.972.196A1.75 1.75 0 0 1 16 1.924v7.995a3.17 3.17 0 0 1-3.167 3.173A3.17 3.17 0 0 1 9.667 9.92a3.17 3.17 0 0 1 3.166-3.173c.612 0 1.183.173 1.667.474V1.924a.25.25 0 0 0-.29-.247L6.544 2.908a.25.25 0 0 0-.21.247v9.672A3.17 3.17 0 0 1 3.166 16 3.17 3.17 0 0 1 0 12.827a3.17 3.17 0 0 1 3.167-3.174c.612 0 1.182.174 1.666.475V3.155c0-.86.624-1.591 1.473-1.728L13.972.196Zm-9.139 12.63a1.67 1.67 0 0 0-1.666-1.673A1.67 1.67 0 0 0 1.5 12.827 1.67 1.67 0 0 0 3.167 14.5a1.67 1.67 0 0 0 1.666-1.673ZM14.5 9.92a1.67 1.67 0 0 0-1.667-1.673 1.67 1.67 0 0 0-1.666 1.673 1.67 1.67 0 0 0 1.666 1.673A1.67 1.67 0 0 0 14.5 9.92Z" clip-rule="evenodd"></path></svg>

      35:26
    </div>
  </div>
</a>

    <div class="post__main">
  <div class="post__content">
 

        <a class="post__meta" data-turbo-frame="_top" href="/supporters/pricing">
          May 29, 2024
</a>

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            64: Fight to the End
</a>      </div>



        <div class="post__section post__section--column">
          <a class="button button--medium button--primary" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51310/available_tiers"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 14 16" role="img" class="button__icon"><path fill="currentColor" fill-rule="evenodd" d="M7 1.5c-.8 0-1.556.292-2.104.794-.546.5-.838 1.163-.838 1.84V5.8h5.884V4.133c0-.676-.292-1.34-.838-1.84A3.12 3.12 0 0 0 7 1.5Zm4.442 4.3V4.133c0-1.118-.485-2.176-1.325-2.945A4.62 4.62 0 0 0 7 0a4.62 4.62 0 0 0-3.118 1.188c-.839.77-1.324 1.827-1.324 2.945V5.8H2A1.75 1.75 0 0 0 .25 7.55v6.7C.25 15.216 1.034 16 2 16h10a1.75 1.75 0 0 0 1.75-1.75v-6.7A1.75 1.75 0 0 0 12 5.8h-.558ZM2 7.3a.25.25 0 0 0-.25.25v6.7c0 .138.112.25.25.25h10a.25.25 0 0 0 .25-.25v-6.7A.25.25 0 0 0 12 7.3H2Zm4.409 4.793V9.435h1.5v2.658h-1.5Z" clip-rule="evenodd"></path></svg>
Join to access</a>
        </div>

      <div class="post__section">
        <div class="post-actions">
          <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51310/available_tiers" accept-charset="UTF-8" method="get">
  <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
    <div class="post-actions__item">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="m2.662 7.721 5.14 5.918a.25.25 0 0 0 .378 0l5.142-5.92c1.856-2.21 1.25-4.386.03-5.37-.62-.5-1.407-.711-2.203-.513-.796.197-1.712.833-2.504 2.243a.75.75 0 0 1-1.308-.001c-.794-1.416-1.708-2.054-2.5-2.253-.79-.2-1.573.01-2.19.51-1.214.983-1.822 3.167.015 5.386Zm5.33-5.375C7.172 1.274 6.212.623 5.202.37c-1.292-.325-2.552.032-3.5.8-1.913 1.55-2.524 4.702-.19 7.515l.012.013 5.146 5.925a1.75 1.75 0 0 0 2.642 0l5.146-5.925.008-.009c2.362-2.805 1.75-5.956-.171-7.507-.95-.766-2.213-1.124-3.508-.802-1.01.25-1.974.898-2.795 1.966Z" clip-rule="evenodd"></path></svg>

    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51310/available_tiers" accept-charset="UTF-8" method="get">
    <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2.25a.25.25 0 0 0-.25.25v8.067c0 .139.112.25.25.25H3c.967 0 1.75.784 1.75 1.75v1.21c0 .216.255.33.416.187l3.053-2.706a1.75 1.75 0 0 1 1.16-.44h4.871a.25.25 0 0 0 .25-.25V2.5a.25.25 0 0 0-.25-.25H1.75ZM0 2.5C0 1.534.784.75 1.75.75h12.5c.966 0 1.75.784 1.75 1.75v8.067a1.75 1.75 0 0 1-1.75 1.75H9.38a.25.25 0 0 0-.166.063L6.16 15.087c-1.13 1-2.911.199-2.911-1.31v-1.21a.25.25 0 0 0-.25-.25H1.75A1.75 1.75 0 0 1 0 10.567V2.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number"></span>
      </div>

</button></form>
          
<div class="dropdown" data-controller="dropdown link-share" data-dropdown-placement-value="bottom-start" data-action="link-share:unavailable-&gt;dropdown#toggle" data-link-share-url-value="https://hopfulmedia.com.co/supporters/audio/51310?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter">
      <div class="comment__menu" data-dropdown-target="button" data-action="click->link-share#share">
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M6.996.471a1.41 1.41 0 0 1 2.008 0l4.943 5.013-1.068 1.053L8.75 2.35v9.121h-1.5V2.35L3.12 6.537 2.054 5.484 6.996.471ZM1.5 11.108v3.143c0 .138.111.249.249.249H14.25c.138 0 .249-.11.249-.25v-3.142H16v3.143c0 .965-.781 1.749-1.749 1.749H1.75A1.748 1.748 0 0 1 0 14.25v-3.142h1.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number hidden@sm">Share</span>
      </div>
    </div>


  <div class="dropdown__menu hidden" data-dropdown-target="items">
    <div class="dropdown__items">
        <div class="dropdown__title">Share a preview of a locked post</div>

      

  <button class="dropdown__item" data-action="click-&gt;dropdown#hide" data-controller="clipboard" data-clipboard-text="https://hopfulmedia.com.co/supporters/audio/51310?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter" type="button">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M12.145 1.5a1.762 1.762 0 0 0-1.246.516L8.234 4.681l-1.06-1.06L9.837.955a3.264 3.264 0 0 1 4.615 0l.591.591a3.264 3.264 0 0 1 0 4.613l-3.849 3.85a3.262 3.262 0 0 1-4.614 0l-.593-.592 1.062-1.06.591.592a1.763 1.763 0 0 0 2.493 0l3.85-3.85a1.762 1.762 0 0 0 0-2.492l-.592-.591a1.764 1.764 0 0 0-1.247-.517ZM7.112 6.534c-.468 0-.916.186-1.247.516L2.016 10.9a1.762 1.762 0 0 0 0 2.492m0 0 .592.592a1.764 1.764 0 0 0 2.493 0l2.665-2.665 1.06 1.06-2.664 2.666a3.264 3.264 0 0 1-4.615 0l-.592-.592a3.263 3.263 0 0 1 0-4.614l3.85-3.85a3.264 3.264 0 0 1 4.614 0l.592.593-1.06 1.06-.592-.592c-.331-.33-.78-.516-1.247-.516" clip-rule="evenodd"></path></svg>

    </div>

  
    Copy link

</button>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51310%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" fill="none" role="img"><path d="M18.666 13.857 29.093 2h-2.47l-9.056 10.294L10.338 2H2l10.932 15.567L2 30h2.47l9.557-10.873L21.662 30H30M5.36 3.822h3.795L26.62 28.267h-3.794" fill="currentColor"></path></svg>

    </div>

  
    Share on X

</a>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://facebook.com/sharer.php?u=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51310%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="none" role="img"><path d="m5.27 14-.02-6.125H2.625V5.25H5.25V3.5C5.25 1.138 6.713 0 8.82 0c1.009 0 1.876.075 2.129.109v2.468H9.488c-1.146 0-1.368.545-1.368 1.344V5.25h3.255L10.5 7.875H8.12V14H5.27Z" fill="currentColor"></path></svg>

    </div>

  
    Share on Facebook

</a>
    </div>
  </div>
</div>
        </div>
      </div>

      

  </div>
</div>

  </div>
</div>

</turbo-frame><turbo-frame class="main-list__list-item" data-testid="Post" id="post_51309">
    
<div class="post " access="paid-members">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51309/available_tiers">
  <div class="post-locked">
    <img class="post-locked__image-background" alt="Audio thumbnail background" width="712" height="400" src="https://imgproxy.fourthwall.dev/vkKeUUzlpzSpPQl9tABl8Ml9RF8pluRZj0LmsdcDzgo/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/Y2MzMzBmNmYxODlj/OTcxM4k-PbPp3jfP/3BCka3gQYJbujxN3/ZzdylZ8RIWevCqET/_uIXbodV9RYKoeY2/miGxeh_UxMJ_Twk4/e9Tyn8GAagg2w3ao/5CJmp6gkZcuqCVc8/dWxlB9oaYvz4fWEs/M0ByGhuSTEFiF466/OSKFM07v5S4.webp" />
    <div class="post-locked__audio-image-container">
      <img class="post-locked__audio-thumbnail" alt="Audio thumbnail" width="400" height="400" loading="lazy" src="https://imgproxy.fourthwall.dev/qMShUnXaScDgcsMtNT8STg_dIYb-Ov-xow_bCfPyHLA/rs:fill:400:400:0/q:90/sm:1/enc/NTBhMmE0ZjM0NDc0/YzVmZXTxiHww4ltk/xWgWIdwLTWGWrFDp/bZGCdR86A3rfP3_x/NZypHN_80ctS5Ay_/3zYF8r3ba5cAjpX6/dTFyEcabEkkRWd9A/-WOe7NS1gNoZ0f5u/RNBR_SyTIzCmqnSS/MH1cPrenh9r2L43X/ozKFCTeKpug.webp" />
    </div>

    <div class="post-locked__info">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M13.972.196A1.75 1.75 0 0 1 16 1.924v7.995a3.17 3.17 0 0 1-3.167 3.173A3.17 3.17 0 0 1 9.667 9.92a3.17 3.17 0 0 1 3.166-3.173c.612 0 1.183.173 1.667.474V1.924a.25.25 0 0 0-.29-.247L6.544 2.908a.25.25 0 0 0-.21.247v9.672A3.17 3.17 0 0 1 3.166 16 3.17 3.17 0 0 1 0 12.827a3.17 3.17 0 0 1 3.167-3.174c.612 0 1.182.174 1.666.475V3.155c0-.86.624-1.591 1.473-1.728L13.972.196Zm-9.139 12.63a1.67 1.67 0 0 0-1.666-1.673A1.67 1.67 0 0 0 1.5 12.827 1.67 1.67 0 0 0 3.167 14.5a1.67 1.67 0 0 0 1.666-1.673ZM14.5 9.92a1.67 1.67 0 0 0-1.667-1.673 1.67 1.67 0 0 0-1.666 1.673 1.67 1.67 0 0 0 1.666 1.673A1.67 1.67 0 0 0 14.5 9.92Z" clip-rule="evenodd"></path></svg>

      33:11
    </div>
  </div>
</a>

    <div class="post__main">
  <div class="post__content">
 

        <a class="post__meta" data-turbo-frame="_top" href="/supporters/pricing">
          May 29, 2024
</a>

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            63: The Little Pharaoh That Could(n't)
</a>      </div>



        <div class="post__section post__section--column">
          <a class="button button--medium button--primary" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51309/available_tiers"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 14 16" role="img" class="button__icon"><path fill="currentColor" fill-rule="evenodd" d="M7 1.5c-.8 0-1.556.292-2.104.794-.546.5-.838 1.163-.838 1.84V5.8h5.884V4.133c0-.676-.292-1.34-.838-1.84A3.12 3.12 0 0 0 7 1.5Zm4.442 4.3V4.133c0-1.118-.485-2.176-1.325-2.945A4.62 4.62 0 0 0 7 0a4.62 4.62 0 0 0-3.118 1.188c-.839.77-1.324 1.827-1.324 2.945V5.8H2A1.75 1.75 0 0 0 .25 7.55v6.7C.25 15.216 1.034 16 2 16h10a1.75 1.75 0 0 0 1.75-1.75v-6.7A1.75 1.75 0 0 0 12 5.8h-.558ZM2 7.3a.25.25 0 0 0-.25.25v6.7c0 .138.112.25.25.25h10a.25.25 0 0 0 .25-.25v-6.7A.25.25 0 0 0 12 7.3H2Zm4.409 4.793V9.435h1.5v2.658h-1.5Z" clip-rule="evenodd"></path></svg>
Join to access</a>
        </div>

      <div class="post__section">
        <div class="post-actions">
          <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51309/available_tiers" accept-charset="UTF-8" method="get">
  <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
    <div class="post-actions__item">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="m2.662 7.721 5.14 5.918a.25.25 0 0 0 .378 0l5.142-5.92c1.856-2.21 1.25-4.386.03-5.37-.62-.5-1.407-.711-2.203-.513-.796.197-1.712.833-2.504 2.243a.75.75 0 0 1-1.308-.001c-.794-1.416-1.708-2.054-2.5-2.253-.79-.2-1.573.01-2.19.51-1.214.983-1.822 3.167.015 5.386Zm5.33-5.375C7.172 1.274 6.212.623 5.202.37c-1.292-.325-2.552.032-3.5.8-1.913 1.55-2.524 4.702-.19 7.515l.012.013 5.146 5.925a1.75 1.75 0 0 0 2.642 0l5.146-5.925.008-.009c2.362-2.805 1.75-5.956-.171-7.507-.95-.766-2.213-1.124-3.508-.802-1.01.25-1.974.898-2.795 1.966Z" clip-rule="evenodd"></path></svg>

    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51309/available_tiers" accept-charset="UTF-8" method="get">
    <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2.25a.25.25 0 0 0-.25.25v8.067c0 .139.112.25.25.25H3c.967 0 1.75.784 1.75 1.75v1.21c0 .216.255.33.416.187l3.053-2.706a1.75 1.75 0 0 1 1.16-.44h4.871a.25.25 0 0 0 .25-.25V2.5a.25.25 0 0 0-.25-.25H1.75ZM0 2.5C0 1.534.784.75 1.75.75h12.5c.966 0 1.75.784 1.75 1.75v8.067a1.75 1.75 0 0 1-1.75 1.75H9.38a.25.25 0 0 0-.166.063L6.16 15.087c-1.13 1-2.911.199-2.911-1.31v-1.21a.25.25 0 0 0-.25-.25H1.75A1.75 1.75 0 0 1 0 10.567V2.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number"></span>
      </div>

</button></form>
          
<div class="dropdown" data-controller="dropdown link-share" data-dropdown-placement-value="bottom-start" data-action="link-share:unavailable-&gt;dropdown#toggle" data-link-share-url-value="https://hopfulmedia.com.co/supporters/audio/51309?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter">
      <div class="comment__menu" data-dropdown-target="button" data-action="click->link-share#share">
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M6.996.471a1.41 1.41 0 0 1 2.008 0l4.943 5.013-1.068 1.053L8.75 2.35v9.121h-1.5V2.35L3.12 6.537 2.054 5.484 6.996.471ZM1.5 11.108v3.143c0 .138.111.249.249.249H14.25c.138 0 .249-.11.249-.25v-3.142H16v3.143c0 .965-.781 1.749-1.749 1.749H1.75A1.748 1.748 0 0 1 0 14.25v-3.142h1.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number hidden@sm">Share</span>
      </div>
    </div>


  <div class="dropdown__menu hidden" data-dropdown-target="items">
    <div class="dropdown__items">
        <div class="dropdown__title">Share a preview of a locked post</div>

      

  <button class="dropdown__item" data-action="click-&gt;dropdown#hide" data-controller="clipboard" data-clipboard-text="https://hopfulmedia.com.co/supporters/audio/51309?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter" type="button">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M12.145 1.5a1.762 1.762 0 0 0-1.246.516L8.234 4.681l-1.06-1.06L9.837.955a3.264 3.264 0 0 1 4.615 0l.591.591a3.264 3.264 0 0 1 0 4.613l-3.849 3.85a3.262 3.262 0 0 1-4.614 0l-.593-.592 1.062-1.06.591.592a1.763 1.763 0 0 0 2.493 0l3.85-3.85a1.762 1.762 0 0 0 0-2.492l-.592-.591a1.764 1.764 0 0 0-1.247-.517ZM7.112 6.534c-.468 0-.916.186-1.247.516L2.016 10.9a1.762 1.762 0 0 0 0 2.492m0 0 .592.592a1.764 1.764 0 0 0 2.493 0l2.665-2.665 1.06 1.06-2.664 2.666a3.264 3.264 0 0 1-4.615 0l-.592-.592a3.263 3.263 0 0 1 0-4.614l3.85-3.85a3.264 3.264 0 0 1 4.614 0l.592.593-1.06 1.06-.592-.592c-.331-.33-.78-.516-1.247-.516" clip-rule="evenodd"></path></svg>

    </div>

  
    Copy link

</button>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51309%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" fill="none" role="img"><path d="M18.666 13.857 29.093 2h-2.47l-9.056 10.294L10.338 2H2l10.932 15.567L2 30h2.47l9.557-10.873L21.662 30H30M5.36 3.822h3.795L26.62 28.267h-3.794" fill="currentColor"></path></svg>

    </div>

  
    Share on X

</a>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://facebook.com/sharer.php?u=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51309%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="none" role="img"><path d="m5.27 14-.02-6.125H2.625V5.25H5.25V3.5C5.25 1.138 6.713 0 8.82 0c1.009 0 1.876.075 2.129.109v2.468H9.488c-1.146 0-1.368.545-1.368 1.344V5.25h3.255L10.5 7.875H8.12V14H5.27Z" fill="currentColor"></path></svg>

    </div>

  
    Share on Facebook

</a>
    </div>
  </div>
</div>
        </div>
      </div>

      

  </div>
</div>

  </div>
</div>

</turbo-frame><turbo-frame class="main-list__list-item" data-testid="Post" id="post_51308">
    
<div class="post " access="paid-members">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51308/available_tiers">
  <div class="post-locked">
    <img class="post-locked__image-background" alt="Audio thumbnail background" width="712" height="400" src="https://imgproxy.fourthwall.dev/Vie7Dc9enxJqsOq8G6CsaZZi6Hu_d6N95NRfak6zBkI/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/NjZmYWY3NmVmODgx/OGFiONhvC0v0JNBl/UPEfuXdfM8IEp8qf/3b_hY5qa16OTqxnN/z3nNiaJomlb3gSXr/KnyFNpwq98pMdMRh/48kksB1xOts1oQx2/iXrK6gcpWKNJtQZb/KhhZMbYwj1CVtexc/1P6FPsPdj2s6p4iI/sN1U6oGdFCE.webp" />
    <div class="post-locked__audio-image-container">
      <img class="post-locked__audio-thumbnail" alt="Audio thumbnail" width="400" height="400" loading="lazy" src="https://imgproxy.fourthwall.dev/JCqvYQ2jCE8ugYWBmjWDgSM9gXW5kfAKdY5H8J8PnOI/rs:fill:400:400:0/q:90/sm:1/enc/OTJhZWQ1NGM1Y2Zj/ZTZiOO2mtdVqe-pQ/aQQscfZVJoGIpaYE/8GG2GaMjRB8c0mZV/-sxNEFwEXwjo92DN/QqkaQsU6UiZeemLO/Ps-eTdU8xv1U9doN/dQV4UQEPlmgCq_MF/fMYXI2MJxes4pwAY/kjx6qg6-P4Wqny9s/F1hap_U8GKw.webp" />
    </div>

    <div class="post-locked__info">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M13.972.196A1.75 1.75 0 0 1 16 1.924v7.995a3.17 3.17 0 0 1-3.167 3.173A3.17 3.17 0 0 1 9.667 9.92a3.17 3.17 0 0 1 3.166-3.173c.612 0 1.183.173 1.667.474V1.924a.25.25 0 0 0-.29-.247L6.544 2.908a.25.25 0 0 0-.21.247v9.672A3.17 3.17 0 0 1 3.166 16 3.17 3.17 0 0 1 0 12.827a3.17 3.17 0 0 1 3.167-3.174c.612 0 1.182.174 1.666.475V3.155c0-.86.624-1.591 1.473-1.728L13.972.196Zm-9.139 12.63a1.67 1.67 0 0 0-1.666-1.673A1.67 1.67 0 0 0 1.5 12.827 1.67 1.67 0 0 0 3.167 14.5a1.67 1.67 0 0 0 1.666-1.673ZM14.5 9.92a1.67 1.67 0 0 0-1.667-1.673 1.67 1.67 0 0 0-1.666 1.673 1.67 1.67 0 0 0 1.666 1.673A1.67 1.67 0 0 0 14.5 9.92Z" clip-rule="evenodd"></path></svg>

      44:02
    </div>
  </div>
</a>

    <div class="post__main">
  <div class="post__content">
 

        <a class="post__meta" data-turbo-frame="_top" href="/supporters/pricing">
          May 29, 2024
</a>

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            62: Death In Quick Succession
</a>      </div>



        <div class="post__section post__section--column">
          <a class="button button--medium button--primary" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51308/available_tiers"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 14 16" role="img" class="button__icon"><path fill="currentColor" fill-rule="evenodd" d="M7 1.5c-.8 0-1.556.292-2.104.794-.546.5-.838 1.163-.838 1.84V5.8h5.884V4.133c0-.676-.292-1.34-.838-1.84A3.12 3.12 0 0 0 7 1.5Zm4.442 4.3V4.133c0-1.118-.485-2.176-1.325-2.945A4.62 4.62 0 0 0 7 0a4.62 4.62 0 0 0-3.118 1.188c-.839.77-1.324 1.827-1.324 2.945V5.8H2A1.75 1.75 0 0 0 .25 7.55v6.7C.25 15.216 1.034 16 2 16h10a1.75 1.75 0 0 0 1.75-1.75v-6.7A1.75 1.75 0 0 0 12 5.8h-.558ZM2 7.3a.25.25 0 0 0-.25.25v6.7c0 .138.112.25.25.25h10a.25.25 0 0 0 .25-.25v-6.7A.25.25 0 0 0 12 7.3H2Zm4.409 4.793V9.435h1.5v2.658h-1.5Z" clip-rule="evenodd"></path></svg>
Join to access</a>
        </div>

      <div class="post__section">
        <div class="post-actions">
          <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51308/available_tiers" accept-charset="UTF-8" method="get">
  <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
    <div class="post-actions__item">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="m2.662 7.721 5.14 5.918a.25.25 0 0 0 .378 0l5.142-5.92c1.856-2.21 1.25-4.386.03-5.37-.62-.5-1.407-.711-2.203-.513-.796.197-1.712.833-2.504 2.243a.75.75 0 0 1-1.308-.001c-.794-1.416-1.708-2.054-2.5-2.253-.79-.2-1.573.01-2.19.51-1.214.983-1.822 3.167.015 5.386Zm5.33-5.375C7.172 1.274 6.212.623 5.202.37c-1.292-.325-2.552.032-3.5.8-1.913 1.55-2.524 4.702-.19 7.515l.012.013 5.146 5.925a1.75 1.75 0 0 0 2.642 0l5.146-5.925.008-.009c2.362-2.805 1.75-5.956-.171-7.507-.95-.766-2.213-1.124-3.508-.802-1.01.25-1.974.898-2.795 1.966Z" clip-rule="evenodd"></path></svg>

    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51308/available_tiers" accept-charset="UTF-8" method="get">
    <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2.25a.25.25 0 0 0-.25.25v8.067c0 .139.112.25.25.25H3c.967 0 1.75.784 1.75 1.75v1.21c0 .216.255.33.416.187l3.053-2.706a1.75 1.75 0 0 1 1.16-.44h4.871a.25.25 0 0 0 .25-.25V2.5a.25.25 0 0 0-.25-.25H1.75ZM0 2.5C0 1.534.784.75 1.75.75h12.5c.966 0 1.75.784 1.75 1.75v8.067a1.75 1.75 0 0 1-1.75 1.75H9.38a.25.25 0 0 0-.166.063L6.16 15.087c-1.13 1-2.911.199-2.911-1.31v-1.21a.25.25 0 0 0-.25-.25H1.75A1.75 1.75 0 0 1 0 10.567V2.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number"></span>
      </div>

</button></form>
          
<div class="dropdown" data-controller="dropdown link-share" data-dropdown-placement-value="bottom-start" data-action="link-share:unavailable-&gt;dropdown#toggle" data-link-share-url-value="https://hopfulmedia.com.co/supporters/audio/51308?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter">
      <div class="comment__menu" data-dropdown-target="button" data-action="click->link-share#share">
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M6.996.471a1.41 1.41 0 0 1 2.008 0l4.943 5.013-1.068 1.053L8.75 2.35v9.121h-1.5V2.35L3.12 6.537 2.054 5.484 6.996.471ZM1.5 11.108v3.143c0 .138.111.249.249.249H14.25c.138 0 .249-.11.249-.25v-3.142H16v3.143c0 .965-.781 1.749-1.749 1.749H1.75A1.748 1.748 0 0 1 0 14.25v-3.142h1.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number hidden@sm">Share</span>
      </div>
    </div>


  <div class="dropdown__menu hidden" data-dropdown-target="items">
    <div class="dropdown__items">
        <div class="dropdown__title">Share a preview of a locked post</div>

      

  <button class="dropdown__item" data-action="click-&gt;dropdown#hide" data-controller="clipboard" data-clipboard-text="https://hopfulmedia.com.co/supporters/audio/51308?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter" type="button">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M12.145 1.5a1.762 1.762 0 0 0-1.246.516L8.234 4.681l-1.06-1.06L9.837.955a3.264 3.264 0 0 1 4.615 0l.591.591a3.264 3.264 0 0 1 0 4.613l-3.849 3.85a3.262 3.262 0 0 1-4.614 0l-.593-.592 1.062-1.06.591.592a1.763 1.763 0 0 0 2.493 0l3.85-3.85a1.762 1.762 0 0 0 0-2.492l-.592-.591a1.764 1.764 0 0 0-1.247-.517ZM7.112 6.534c-.468 0-.916.186-1.247.516L2.016 10.9a1.762 1.762 0 0 0 0 2.492m0 0 .592.592a1.764 1.764 0 0 0 2.493 0l2.665-2.665 1.06 1.06-2.664 2.666a3.264 3.264 0 0 1-4.615 0l-.592-.592a3.263 3.263 0 0 1 0-4.614l3.85-3.85a3.264 3.264 0 0 1 4.614 0l.592.593-1.06 1.06-.592-.592c-.331-.33-.78-.516-1.247-.516" clip-rule="evenodd"></path></svg>

    </div>

  
    Copy link

</button>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51308%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" fill="none" role="img"><path d="M18.666 13.857 29.093 2h-2.47l-9.056 10.294L10.338 2H2l10.932 15.567L2 30h2.47l9.557-10.873L21.662 30H30M5.36 3.822h3.795L26.62 28.267h-3.794" fill="currentColor"></path></svg>

    </div>

  
    Share on X

</a>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://facebook.com/sharer.php?u=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51308%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="none" role="img"><path d="m5.27 14-.02-6.125H2.625V5.25H5.25V3.5C5.25 1.138 6.713 0 8.82 0c1.009 0 1.876.075 2.129.109v2.468H9.488c-1.146 0-1.368.545-1.368 1.344V5.25h3.255L10.5 7.875H8.12V14H5.27Z" fill="currentColor"></path></svg>

    </div>

  
    Share on Facebook

</a>
    </div>
  </div>
</div>
        </div>
      </div>

      

  </div>
</div>

  </div>
</div>

</turbo-frame><turbo-frame class="main-list__list-item" data-testid="Post" id="post_51307">
    
<div class="post " access="paid-members">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51307/available_tiers">
  <div class="post-locked">
    <img class="post-locked__image-background" alt="Audio thumbnail background" width="712" height="400" src="https://imgproxy.fourthwall.dev/ooJWm9snnOE100w1N1mq9WtZ9b2gyg3TSRrU7iD2HTo/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/YzIwNjczZTU1Yzg2/NjQ4OWtUpwjoRG4k/lxoLf2B8MgvHj5_x/jm10iY6FSbjvzkmC/vNT4M0NnzADv497Q/yK0eESy9W5ibgCYv/gvK_0B3b9D3uleUz/1kt39dvmoBCfTDXQ/o2etuUwFPtoC6Bre/xEtEoe_RgXkxCBBi/Uwurhq1pccs.webp" />
    <div class="post-locked__audio-image-container">
      <img class="post-locked__audio-thumbnail" alt="Audio thumbnail" width="400" height="400" loading="lazy" src="https://imgproxy.fourthwall.dev/b-BwhHQ8raq8NmMnPVn8qTV4gJi_UrCaH9PLQOf-xL4/rs:fill:400:400:0/q:90/sm:1/enc/YmNiYzIwOWM0Mjgx/NDlmN_8_Z-nNRxQ4/pw2nfRgV2Dr9PSy_/mta7ThLNTAgZ0RIC/AW4iWif2qaUJPM9J/DykLWDGVitDpAS1I/ZKPwWTsFCnsnlKWt/bOX8bBmV_pDXMtdg/XRFvUpOwRVhKnvNM/eOpu4hZTipd3mk7u/k5gXPi4lp64.webp" />
    </div>

    <div class="post-locked__info">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M13.972.196A1.75 1.75 0 0 1 16 1.924v7.995a3.17 3.17 0 0 1-3.167 3.173A3.17 3.17 0 0 1 9.667 9.92a3.17 3.17 0 0 1 3.166-3.173c.612 0 1.183.173 1.667.474V1.924a.25.25 0 0 0-.29-.247L6.544 2.908a.25.25 0 0 0-.21.247v9.672A3.17 3.17 0 0 1 3.166 16 3.17 3.17 0 0 1 0 12.827a3.17 3.17 0 0 1 3.167-3.174c.612 0 1.182.174 1.666.475V3.155c0-.86.624-1.591 1.473-1.728L13.972.196Zm-9.139 12.63a1.67 1.67 0 0 0-1.666-1.673A1.67 1.67 0 0 0 1.5 12.827 1.67 1.67 0 0 0 3.167 14.5a1.67 1.67 0 0 0 1.666-1.673ZM14.5 9.92a1.67 1.67 0 0 0-1.667-1.673 1.67 1.67 0 0 0-1.666 1.673 1.67 1.67 0 0 0 1.666 1.673A1.67 1.67 0 0 0 14.5 9.92Z" clip-rule="evenodd"></path></svg>

      44:10
    </div>
  </div>
</a>

    <div class="post__main">
  <div class="post__content">
 

        <a class="post__meta" data-turbo-frame="_top" href="/supporters/pricing">
          May 29, 2024
</a>

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            61: Blood on the Eurymedon
</a>      </div>



        <div class="post__section post__section--column">
          <a class="button button--medium button--primary" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51307/available_tiers"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 14 16" role="img" class="button__icon"><path fill="currentColor" fill-rule="evenodd" d="M7 1.5c-.8 0-1.556.292-2.104.794-.546.5-.838 1.163-.838 1.84V5.8h5.884V4.133c0-.676-.292-1.34-.838-1.84A3.12 3.12 0 0 0 7 1.5Zm4.442 4.3V4.133c0-1.118-.485-2.176-1.325-2.945A4.62 4.62 0 0 0 7 0a4.62 4.62 0 0 0-3.118 1.188c-.839.77-1.324 1.827-1.324 2.945V5.8H2A1.75 1.75 0 0 0 .25 7.55v6.7C.25 15.216 1.034 16 2 16h10a1.75 1.75 0 0 0 1.75-1.75v-6.7A1.75 1.75 0 0 0 12 5.8h-.558ZM2 7.3a.25.25 0 0 0-.25.25v6.7c0 .138.112.25.25.25h10a.25.25 0 0 0 .25-.25v-6.7A.25.25 0 0 0 12 7.3H2Zm4.409 4.793V9.435h1.5v2.658h-1.5Z" clip-rule="evenodd"></path></svg>
Join to access</a>
        </div>

      <div class="post__section">
        <div class="post-actions">
          <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51307/available_tiers" accept-charset="UTF-8" method="get">
  <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
    <div class="post-actions__item">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="m2.662 7.721 5.14 5.918a.25.25 0 0 0 .378 0l5.142-5.92c1.856-2.21 1.25-4.386.03-5.37-.62-.5-1.407-.711-2.203-.513-.796.197-1.712.833-2.504 2.243a.75.75 0 0 1-1.308-.001c-.794-1.416-1.708-2.054-2.5-2.253-.79-.2-1.573.01-2.19.51-1.214.983-1.822 3.167.015 5.386Zm5.33-5.375C7.172 1.274 6.212.623 5.202.37c-1.292-.325-2.552.032-3.5.8-1.913 1.55-2.524 4.702-.19 7.515l.012.013 5.146 5.925a1.75 1.75 0 0 0 2.642 0l5.146-5.925.008-.009c2.362-2.805 1.75-5.956-.171-7.507-.95-.766-2.213-1.124-3.508-.802-1.01.25-1.974.898-2.795 1.966Z" clip-rule="evenodd"></path></svg>

    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51307/available_tiers" accept-charset="UTF-8" method="get">
    <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2.25a.25.25 0 0 0-.25.25v8.067c0 .139.112.25.25.25H3c.967 0 1.75.784 1.75 1.75v1.21c0 .216.255.33.416.187l3.053-2.706a1.75 1.75 0 0 1 1.16-.44h4.871a.25.25 0 0 0 .25-.25V2.5a.25.25 0 0 0-.25-.25H1.75ZM0 2.5C0 1.534.784.75 1.75.75h12.5c.966 0 1.75.784 1.75 1.75v8.067a1.75 1.75 0 0 1-1.75 1.75H9.38a.25.25 0 0 0-.166.063L6.16 15.087c-1.13 1-2.911.199-2.911-1.31v-1.21a.25.25 0 0 0-.25-.25H1.75A1.75 1.75 0 0 1 0 10.567V2.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number"></span>
      </div>

</button></form>
          
<div class="dropdown" data-controller="dropdown link-share" data-dropdown-placement-value="bottom-start" data-action="link-share:unavailable-&gt;dropdown#toggle" data-link-share-url-value="https://hopfulmedia.com.co/supporters/audio/51307?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter">
      <div class="comment__menu" data-dropdown-target="button" data-action="click->link-share#share">
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M6.996.471a1.41 1.41 0 0 1 2.008 0l4.943 5.013-1.068 1.053L8.75 2.35v9.121h-1.5V2.35L3.12 6.537 2.054 5.484 6.996.471ZM1.5 11.108v3.143c0 .138.111.249.249.249H14.25c.138 0 .249-.11.249-.25v-3.142H16v3.143c0 .965-.781 1.749-1.749 1.749H1.75A1.748 1.748 0 0 1 0 14.25v-3.142h1.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number hidden@sm">Share</span>
      </div>
    </div>


  <div class="dropdown__menu hidden" data-dropdown-target="items">
    <div class="dropdown__items">
        <div class="dropdown__title">Share a preview of a locked post</div>

      

  <button class="dropdown__item" data-action="click-&gt;dropdown#hide" data-controller="clipboard" data-clipboard-text="https://hopfulmedia.com.co/supporters/audio/51307?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter" type="button">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M12.145 1.5a1.762 1.762 0 0 0-1.246.516L8.234 4.681l-1.06-1.06L9.837.955a3.264 3.264 0 0 1 4.615 0l.591.591a3.264 3.264 0 0 1 0 4.613l-3.849 3.85a3.262 3.262 0 0 1-4.614 0l-.593-.592 1.062-1.06.591.592a1.763 1.763 0 0 0 2.493 0l3.85-3.85a1.762 1.762 0 0 0 0-2.492l-.592-.591a1.764 1.764 0 0 0-1.247-.517ZM7.112 6.534c-.468 0-.916.186-1.247.516L2.016 10.9a1.762 1.762 0 0 0 0 2.492m0 0 .592.592a1.764 1.764 0 0 0 2.493 0l2.665-2.665 1.06 1.06-2.664 2.666a3.264 3.264 0 0 1-4.615 0l-.592-.592a3.263 3.263 0 0 1 0-4.614l3.85-3.85a3.264 3.264 0 0 1 4.614 0l.592.593-1.06 1.06-.592-.592c-.331-.33-.78-.516-1.247-.516" clip-rule="evenodd"></path></svg>

    </div>

  
    Copy link

</button>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51307%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" fill="none" role="img"><path d="M18.666 13.857 29.093 2h-2.47l-9.056 10.294L10.338 2H2l10.932 15.567L2 30h2.47l9.557-10.873L21.662 30H30M5.36 3.822h3.795L26.62 28.267h-3.794" fill="currentColor"></path></svg>

    </div>

  
    Share on X

</a>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://facebook.com/sharer.php?u=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51307%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="none" role="img"><path d="m5.27 14-.02-6.125H2.625V5.25H5.25V3.5C5.25 1.138 6.713 0 8.82 0c1.009 0 1.876.075 2.129.109v2.468H9.488c-1.146 0-1.368.545-1.368 1.344V5.25h3.255L10.5 7.875H8.12V14H5.27Z" fill="currentColor"></path></svg>

    </div>

  
    Share on Facebook

</a>
    </div>
  </div>
</div>
        </div>
      </div>

      

  </div>
</div>

  </div>
</div>

</turbo-frame><turbo-frame class="main-list__list-item" data-testid="Post" id="post_51306">
    
<div class="post " access="paid-members">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51306/available_tiers">
  <div class="post-locked">
    <img class="post-locked__image-background" alt="Audio thumbnail background" width="712" height="400" src="https://imgproxy.fourthwall.dev/7ZBDMwnVS4pKKw9SCp5EnIOonsZID9tB489xRhOOHOg/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/MGM3MzFjYTkxM2Nl/MjE4M2Dzqu_zWLiN/Jg1feFRBOwfvwQNh/csU9M_jj4sR5UhFN/2KaJbelDwQLM0Jh2/MFqnQiC4kE-7qTBk/6-T4DxtdR6nFhI5W/poO2NXMaffwFzZn2/ccKX4R6AU5FOgWyy/qxDRsaOlLaPtFQFg/PcG9VU1QRdw.webp" />
    <div class="post-locked__audio-image-container">
      <img class="post-locked__audio-thumbnail" alt="Audio thumbnail" width="400" height="400" loading="lazy" src="https://imgproxy.fourthwall.dev/EYNSyWiGU67rnGGnU85hjklYgbOFhRa9BZh5N-v6_pw/rs:fill:400:400:0/q:90/sm:1/enc/ZDk5OTg3NDAyNmQ1/Zjc2OKcnXXI3suBt/N_MCkMHuSVVLk89M/2eFPMFTPI3-Vre5V/jiMFraEDECjVpvos/sezo7Z6Kol6LB2gd/Ekad8jDrTIiyCD7Z/w4c2TvAsLHE13gBP/EcEU-TGjWkJDDgUn/R78qykyDy4Y8Kz7v/V5PeB6QiHag.webp" />
    </div>

    <div class="post-locked__info">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M13.972.196A1.75 1.75 0 0 1 16 1.924v7.995a3.17 3.17 0 0 1-3.167 3.173A3.17 3.17 0 0 1 9.667 9.92a3.17 3.17 0 0 1 3.166-3.173c.612 0 1.183.173 1.667.474V1.924a.25.25 0 0 0-.29-.247L6.544 2.908a.25.25 0 0 0-.21.247v9.672A3.17 3.17 0 0 1 3.166 16 3.17 3.17 0 0 1 0 12.827a3.17 3.17 0 0 1 3.167-3.174c.612 0 1.182.174 1.666.475V3.155c0-.86.624-1.591 1.473-1.728L13.972.196Zm-9.139 12.63a1.67 1.67 0 0 0-1.666-1.673A1.67 1.67 0 0 0 1.5 12.827 1.67 1.67 0 0 0 3.167 14.5a1.67 1.67 0 0 0 1.666-1.673ZM14.5 9.92a1.67 1.67 0 0 0-1.667-1.673 1.67 1.67 0 0 0-1.666 1.673 1.67 1.67 0 0 0 1.666 1.673A1.67 1.67 0 0 0 14.5 9.92Z" clip-rule="evenodd"></path></svg>

      40:11
    </div>
  </div>
</a>

    <div class="post__main">
  <div class="post__content">
 

        <a class="post__meta" data-turbo-frame="_top" href="/supporters/pricing">
          May 29, 2024
</a>

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            60: Given Against The Demons
</a>      </div>



        <div class="post__section post__section--column">
          <a class="button button--medium button--primary" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51306/available_tiers"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 14 16" role="img" class="button__icon"><path fill="currentColor" fill-rule="evenodd" d="M7 1.5c-.8 0-1.556.292-2.104.794-.546.5-.838 1.163-.838 1.84V5.8h5.884V4.133c0-.676-.292-1.34-.838-1.84A3.12 3.12 0 0 0 7 1.5Zm4.442 4.3V4.133c0-1.118-.485-2.176-1.325-2.945A4.62 4.62 0 0 0 7 0a4.62 4.62 0 0 0-3.118 1.188c-.839.77-1.324 1.827-1.324 2.945V5.8H2A1.75 1.75 0 0 0 .25 7.55v6.7C.25 15.216 1.034 16 2 16h10a1.75 1.75 0 0 0 1.75-1.75v-6.7A1.75 1.75 0 0 0 12 5.8h-.558ZM2 7.3a.25.25 0 0 0-.25.25v6.7c0 .138.112.25.25.25h10a.25.25 0 0 0 .25-.25v-6.7A.25.25 0 0 0 12 7.3H2Zm4.409 4.793V9.435h1.5v2.658h-1.5Z" clip-rule="evenodd"></path></svg>
Join to access</a>
        </div>

      <div class="post__section">
        <div class="post-actions">
          <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51306/available_tiers" accept-charset="UTF-8" method="get">
  <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
    <div class="post-actions__item">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="m2.662 7.721 5.14 5.918a.25.25 0 0 0 .378 0l5.142-5.92c1.856-2.21 1.25-4.386.03-5.37-.62-.5-1.407-.711-2.203-.513-.796.197-1.712.833-2.504 2.243a.75.75 0 0 1-1.308-.001c-.794-1.416-1.708-2.054-2.5-2.253-.79-.2-1.573.01-2.19.51-1.214.983-1.822 3.167.015 5.386Zm5.33-5.375C7.172 1.274 6.212.623 5.202.37c-1.292-.325-2.552.032-3.5.8-1.913 1.55-2.524 4.702-.19 7.515l.012.013 5.146 5.925a1.75 1.75 0 0 0 2.642 0l5.146-5.925.008-.009c2.362-2.805 1.75-5.956-.171-7.507-.95-.766-2.213-1.124-3.508-.802-1.01.25-1.974.898-2.795 1.966Z" clip-rule="evenodd"></path></svg>

    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51306/available_tiers" accept-charset="UTF-8" method="get">
    <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2.25a.25.25 0 0 0-.25.25v8.067c0 .139.112.25.25.25H3c.967 0 1.75.784 1.75 1.75v1.21c0 .216.255.33.416.187l3.053-2.706a1.75 1.75 0 0 1 1.16-.44h4.871a.25.25 0 0 0 .25-.25V2.5a.25.25 0 0 0-.25-.25H1.75ZM0 2.5C0 1.534.784.75 1.75.75h12.5c.966 0 1.75.784 1.75 1.75v8.067a1.75 1.75 0 0 1-1.75 1.75H9.38a.25.25 0 0 0-.166.063L6.16 15.087c-1.13 1-2.911.199-2.911-1.31v-1.21a.25.25 0 0 0-.25-.25H1.75A1.75 1.75 0 0 1 0 10.567V2.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number"></span>
      </div>

</button></form>
          
<div class="dropdown" data-controller="dropdown link-share" data-dropdown-placement-value="bottom-start" data-action="link-share:unavailable-&gt;dropdown#toggle" data-link-share-url-value="https://hopfulmedia.com.co/supporters/audio/51306?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter">
      <div class="comment__menu" data-dropdown-target="button" data-action="click->link-share#share">
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M6.996.471a1.41 1.41 0 0 1 2.008 0l4.943 5.013-1.068 1.053L8.75 2.35v9.121h-1.5V2.35L3.12 6.537 2.054 5.484 6.996.471ZM1.5 11.108v3.143c0 .138.111.249.249.249H14.25c.138 0 .249-.11.249-.25v-3.142H16v3.143c0 .965-.781 1.749-1.749 1.749H1.75A1.748 1.748 0 0 1 0 14.25v-3.142h1.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number hidden@sm">Share</span>
      </div>
    </div>


  <div class="dropdown__menu hidden" data-dropdown-target="items">
    <div class="dropdown__items">
        <div class="dropdown__title">Share a preview of a locked post</div>

      

  <button class="dropdown__item" data-action="click-&gt;dropdown#hide" data-controller="clipboard" data-clipboard-text="https://hopfulmedia.com.co/supporters/audio/51306?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter" type="button">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M12.145 1.5a1.762 1.762 0 0 0-1.246.516L8.234 4.681l-1.06-1.06L9.837.955a3.264 3.264 0 0 1 4.615 0l.591.591a3.264 3.264 0 0 1 0 4.613l-3.849 3.85a3.262 3.262 0 0 1-4.614 0l-.593-.592 1.062-1.06.591.592a1.763 1.763 0 0 0 2.493 0l3.85-3.85a1.762 1.762 0 0 0 0-2.492l-.592-.591a1.764 1.764 0 0 0-1.247-.517ZM7.112 6.534c-.468 0-.916.186-1.247.516L2.016 10.9a1.762 1.762 0 0 0 0 2.492m0 0 .592.592a1.764 1.764 0 0 0 2.493 0l2.665-2.665 1.06 1.06-2.664 2.666a3.264 3.264 0 0 1-4.615 0l-.592-.592a3.263 3.263 0 0 1 0-4.614l3.85-3.85a3.264 3.264 0 0 1 4.614 0l.592.593-1.06 1.06-.592-.592c-.331-.33-.78-.516-1.247-.516" clip-rule="evenodd"></path></svg>

    </div>

  
    Copy link

</button>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51306%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" fill="none" role="img"><path d="M18.666 13.857 29.093 2h-2.47l-9.056 10.294L10.338 2H2l10.932 15.567L2 30h2.47l9.557-10.873L21.662 30H30M5.36 3.822h3.795L26.62 28.267h-3.794" fill="currentColor"></path></svg>

    </div>

  
    Share on X

</a>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://facebook.com/sharer.php?u=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51306%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="none" role="img"><path d="m5.27 14-.02-6.125H2.625V5.25H5.25V3.5C5.25 1.138 6.713 0 8.82 0c1.009 0 1.876.075 2.129.109v2.468H9.488c-1.146 0-1.368.545-1.368 1.344V5.25h3.255L10.5 7.875H8.12V14H5.27Z" fill="currentColor"></path></svg>

    </div>

  
    Share on Facebook

</a>
    </div>
  </div>
</div>
        </div>
      </div>

      

  </div>
</div>

  </div>
</div>

</turbo-frame><turbo-frame class="main-list__list-item" data-testid="Post" id="post_51305">
    
<div class="post " access="paid-members">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51305/available_tiers">
  <div class="post-locked">
    <img class="post-locked__image-background" alt="Audio thumbnail background" width="712" height="400" src="https://imgproxy.fourthwall.dev/QiWE7imvP8U3qmXIPdEOD3V7z06kS0ytcXBI7tXRRF8/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/NTAzMzE2MWM3MDMx/NDRlMbZeBoYl3Fkp/OlK2aACmF2gnXYz1/YE6ZAuc5n7mm_ZhD/mrGQ4QbrulGgSUj4/O_vZPmk9aYZ0Wcol/G0zGValkkbQTuu-d/vXX1c95EcbzB0bmQ/bb6dJvRj4rrfDpzo/niIsmji3uWXj0wPH/7svRKwP68Ug.webp" />
    <div class="post-locked__audio-image-container">
      <img class="post-locked__audio-thumbnail" alt="Audio thumbnail" width="400" height="400" loading="lazy" src="https://imgproxy.fourthwall.dev/HXHZ3_EVsFus8zz2Cfp4ZkU8odXy8hlbpa748USE8zM/rs:fill:400:400:0/q:90/sm:1/enc/Y2QwYmEzOTNhYWY5/YWZhZDZ0MpCStH3N/omZ4c2y-fQco0n4B/One4iw8Z1gPBdEuk/Q1yrCq6W8J60M-Ay/ovXmqX9ThBP0_ldb/m6maThg9SSePTdrm/lNfCJZW7348-k2V1/QJY4rPOvKBlLKAyO/VVKEUzM3X5iPe1G8/mhScJfA3mRI.webp" />
    </div>

    <div class="post-locked__info">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M13.972.196A1.75 1.75 0 0 1 16 1.924v7.995a3.17 3.17 0 0 1-3.167 3.173A3.17 3.17 0 0 1 9.667 9.92a3.17 3.17 0 0 1 3.166-3.173c.612 0 1.183.173 1.667.474V1.924a.25.25 0 0 0-.29-.247L6.544 2.908a.25.25 0 0 0-.21.247v9.672A3.17 3.17 0 0 1 3.166 16 3.17 3.17 0 0 1 0 12.827a3.17 3.17 0 0 1 3.167-3.174c.612 0 1.182.174 1.666.475V3.155c0-.86.624-1.591 1.473-1.728L13.972.196Zm-9.139 12.63a1.67 1.67 0 0 0-1.666-1.673A1.67 1.67 0 0 0 1.5 12.827 1.67 1.67 0 0 0 3.167 14.5a1.67 1.67 0 0 0 1.666-1.673ZM14.5 9.92a1.67 1.67 0 0 0-1.667-1.673 1.67 1.67 0 0 0-1.666 1.673 1.67 1.67 0 0 0 1.666 1.673A1.67 1.67 0 0 0 14.5 9.92Z" clip-rule="evenodd"></path></svg>

      42:32
    </div>
  </div>
</a>

    <div class="post__main">
  <div class="post__content">
 

        <a class="post__meta" data-turbo-frame="_top" href="/supporters/pricing">
          May 29, 2024
</a>

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            59: Holy War
</a>      </div>



        <div class="post__section post__section--column">
          <a class="button button--medium button--primary" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51305/available_tiers"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 14 16" role="img" class="button__icon"><path fill="currentColor" fill-rule="evenodd" d="M7 1.5c-.8 0-1.556.292-2.104.794-.546.5-.838 1.163-.838 1.84V5.8h5.884V4.133c0-.676-.292-1.34-.838-1.84A3.12 3.12 0 0 0 7 1.5Zm4.442 4.3V4.133c0-1.118-.485-2.176-1.325-2.945A4.62 4.62 0 0 0 7 0a4.62 4.62 0 0 0-3.118 1.188c-.839.77-1.324 1.827-1.324 2.945V5.8H2A1.75 1.75 0 0 0 .25 7.55v6.7C.25 15.216 1.034 16 2 16h10a1.75 1.75 0 0 0 1.75-1.75v-6.7A1.75 1.75 0 0 0 12 5.8h-.558ZM2 7.3a.25.25 0 0 0-.25.25v6.7c0 .138.112.25.25.25h10a.25.25 0 0 0 .25-.25v-6.7A.25.25 0 0 0 12 7.3H2Zm4.409 4.793V9.435h1.5v2.658h-1.5Z" clip-rule="evenodd"></path></svg>
Join to access</a>
        </div>

      <div class="post__section">
        <div class="post-actions">
          <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51305/available_tiers" accept-charset="UTF-8" method="get">
  <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
    <div class="post-actions__item">
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="m2.662 7.721 5.14 5.918a.25.25 0 0 0 .378 0l5.142-5.92c1.856-2.21 1.25-4.386.03-5.37-.62-.5-1.407-.711-2.203-.513-.796.197-1.712.833-2.504 2.243a.75.75 0 0 1-1.308-.001c-.794-1.416-1.708-2.054-2.5-2.253-.79-.2-1.573.01-2.19.51-1.214.983-1.822 3.167.015 5.386Zm5.33-5.375C7.172 1.274 6.212.623 5.202.37c-1.292-.325-2.552.032-3.5.8-1.913 1.55-2.524 4.702-.19 7.515l.012.013 5.146 5.925a1.75 1.75 0 0 0 2.642 0l5.146-5.925.008-.009c2.362-2.805 1.75-5.956-.171-7.507-.95-.766-2.213-1.124-3.508-.802-1.01.25-1.974.898-2.795 1.966Z" clip-rule="evenodd"></path></svg>

    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51305/available_tiers" accept-charset="UTF-8" method="get">
    <button class="text-button text-button--small text-button--pale" aria-label="Become a member">
    
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2.25a.25.25 0 0 0-.25.25v8.067c0 .139.112.25.25.25H3c.967 0 1.75.784 1.75 1.75v1.21c0 .216.255.33.416.187l3.053-2.706a1.75 1.75 0 0 1 1.16-.44h4.871a.25.25 0 0 0 .25-.25V2.5a.25.25 0 0 0-.25-.25H1.75ZM0 2.5C0 1.534.784.75 1.75.75h12.5c.966 0 1.75.784 1.75 1.75v8.067a1.75 1.75 0 0 1-1.75 1.75H9.38a.25.25 0 0 0-.166.063L6.16 15.087c-1.13 1-2.911.199-2.911-1.31v-1.21a.25.25 0 0 0-.25-.25H1.75A1.75 1.75 0 0 1 0 10.567V2.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number"></span>
      </div>

</button></form>
          
<div class="dropdown" data-controller="dropdown link-share" data-dropdown-placement-value="bottom-start" data-action="link-share:unavailable-&gt;dropdown#toggle" data-link-share-url-value="https://hopfulmedia.com.co/supporters/audio/51305?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter">
      <div class="comment__menu" data-dropdown-target="button" data-action="click->link-share#share">
      <div class="post-actions__item">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 16 16" role="img" class="post-actions__icon"><path fill="currentColor" fill-rule="evenodd" d="M6.996.471a1.41 1.41 0 0 1 2.008 0l4.943 5.013-1.068 1.053L8.75 2.35v9.121h-1.5V2.35L3.12 6.537 2.054 5.484 6.996.471ZM1.5 11.108v3.143c0 .138.111.249.249.249H14.25c.138 0 .249-.11.249-.25v-3.142H16v3.143c0 .965-.781 1.749-1.749 1.749H1.75A1.748 1.748 0 0 1 0 14.25v-3.142h1.5Z" clip-rule="evenodd"></path></svg>

        <span class="post-actions__item-number hidden@sm">Share</span>
      </div>
    </div>


  <div class="dropdown__menu hidden" data-dropdown-target="items">
    <div class="dropdown__items">
        <div class="dropdown__title">Share a preview of a locked post</div>

      

  <button class="dropdown__item" data-action="click-&gt;dropdown#hide" data-controller="clipboard" data-clipboard-text="https://hopfulmedia.com.co/supporters/audio/51305?utm_medium=copy-share-link&amp;utm_source=share-link&amp;utm_campaign=post-share-supporter" type="button">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M12.145 1.5a1.762 1.762 0 0 0-1.246.516L8.234 4.681l-1.06-1.06L9.837.955a3.264 3.264 0 0 1 4.615 0l.591.591a3.264 3.264 0 0 1 0 4.613l-3.849 3.85a3.262 3.262 0 0 1-4.614 0l-.593-.592 1.062-1.06.591.592a1.763 1.763 0 0 0 2.493 0l3.85-3.85a1.762 1.762 0 0 0 0-2.492l-.592-.591a1.764 1.764 0 0 0-1.247-.517ZM7.112 6.534c-.468 0-.916.186-1.247.516L2.016 10.9a1.762 1.762 0 0 0 0 2.492m0 0 .592.592a1.764 1.764 0 0 0 2.493 0l2.665-2.665 1.06 1.06-2.664 2.666a3.264 3.264 0 0 1-4.615 0l-.592-.592a3.263 3.263 0 0 1 0-4.614l3.85-3.85a3.264 3.264 0 0 1 4.614 0l.592.593-1.06 1.06-.592-.592c-.331-.33-.78-.516-1.247-.516" clip-rule="evenodd"></path></svg>

    </div>

  
    Copy link

</button>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51305%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" fill="none" role="img"><path d="M18.666 13.857 29.093 2h-2.47l-9.056 10.294L10.338 2H2l10.932 15.567L2 30h2.47l9.557-10.873L21.662 30H30M5.36 3.822h3.795L26.62 28.267h-3.794" fill="currentColor"></path></svg>

    </div>

  
    Share on X

</a>
  <a class="dropdown__item" data-action="click-&gt;dropdown#hide" href="https://facebook.com/sharer.php?u=https%3A%2F%2Fhopfulmedia.com.co%2Fsupporters%2Faudio%2F51305%3Futm_medium%3Dcopy-share-link%26utm_source%3Dshare-link%26utm_campaign%3Dpost-share-supporter" target="_blank">
    <div class="dropdown__item-icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="none" role="img"><path d="m5.27 14-.02-6.125H2.625V5.25H5.25V3.5C5.25 1.138 6.713 0 8.82 0c1.009 0 1.876.075 2.129.109v2.468H9.488c-1.146 0-1.368.545-1.368 1.344V5.25h3.255L10.5 7.875H8.12V14H5.27Z" fill="currentColor"></path></svg>

    </div>

  
    Share on Facebook

</a>
    </div>
  </div>
</div>
        </div>
      </div>

      

  </div>
</div>

  </div>
</div>

</turbo-frame></template></turbo-stream>

<turbo-stream action="remove" target="posts_load_more"></turbo-stream>

  <turbo-stream action="append" target="posts_list"><template><turbo-frame id="posts_load_more">
  <a data-turbo-stream="true" data-controller="infinite-scroll" href="/supporters/load_more?last_id=51305&amp;last_live_at=2024-05-29T04%3A56%3A57.166%2B00%3A00&amp;order=desc"></a>
  <div class="loader">
  <svg class="loader__icon" viewBox="0 0 100 100">
    <circle class="loader__circle" cx="50" cy="50" r="45" />
  </svg>
</div>
</turbo-frame>
</template></turbo-stream>
