<turbo-stream action="append" target="posts_list"><template><turbo-frame class="main-list__list-item" data-testid="Post" id="post_64273">
    
<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/64273/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/h8dVQ14BH9pc07Plc-HlQhD5FYOcjh2eo7P8AxS5dUo/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/MmE3OTI2NGNjOWIz/YWRhZGCaUcDT87s2/YxEzoa5ImpSLHgNz/mvP21dZEjBc-cEJB/sBITorGhRWzX94oJ/NS6ZemF6ycjZH96R/TgKR8cfzBcLWr2NF/ZyVx10ZY0YgDpSky/X-rwYEjRvbnfmK3T/rrW-4kNXFw3DRoNO/D5c_PRwv-h8.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/8lkjkJ4d_SI6Zv-HY7ETBTMvrVfXtEiMRNbu5HVKJhA/rs:fill:400:400:0/q:90/sm:1/enc/YWJlMTQ4M2UyNGNi/NzdmNtsI1GROlAVm/CqzWbmhkjVcGuXCH/t7Z3xGOqcz47x0PZ/99Z20UhCz5ocC_50/Xg-LTEKZS-vb2Gul/uaavi9_Q9SbhwUrf/gUkEw-v1r68QrfIf/8_aZi4MdcEm5PLjB/DT-fG-lz-uRDIeb1/8ovIW-fore0.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>

      30:59
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            128: Chaos on the Western Front
</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/64273/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/64273/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>

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

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/64273/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/64273?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/64273?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%2F64273%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%2F64273%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_64272">
    
<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/64272/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/xS7RDKuaLPZEt2dW1slmNjZTeLMCdWyBFP4HfldfpBE/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/OWYxNTkyMWI1YzI1/YzI3OOLgsENg1uZ5/O5U5mFFVIOUH52v3/KAyBOzpSalTUIuJg/d38L5qRKme_7_meM/2dRbcE2i8z9PFuBa/f0UNloGS1CRgSbKv/CTA16SJ0Dq43exgu/whTkatVJ1NVoI28v/qnSGkE-E_WKnQaZs/qDRZ2cVBHkE.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/_iY3sahcXDE3fmQPvSexaU6Fn_RA1PoGYNK43mycKT0/rs:fill:400:400:0/q:90/sm:1/enc/MTkzYmNlMmExMDY0/ZThhMxrsQczf_M-z/VW5VBCuXVgZcO0Qh/h4FPjjThvbOazR-p/CbI2KIxtP5XRuss7/fZNgegSQMK9E4psn/RBtjBobqDZS9VsKi/ElS8jA8C7n-riL3d/CyplcyxlnZ15seR1/4iqSsf8jsA-bsXpn/YBp3R85Cfis.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>

      57:05
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            014: Shinmiyangyo the Extra-Forgotten Korean War Part II
</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/64272/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/64272/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/64272/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/64272?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/64272?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%2F64272%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%2F64272%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_63241">
    
<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/63241/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/Kg_QNVpHpRyzWPoVdGUgX8njkDL_WkPrJn0GCJDvW6A/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/ODFkZjVjY2M3YjMz/YmJkN0A711hSytcT/nr4JIESnnuFebeG2/Hwj_jr5qdFt5MEr3/UvhGgked0xR1b7Lr/HfHqKWwdRJD0BQjF/8kv5EgJ_5z9WWM3B/nqpwytYMA37v14Sc/V_fcOlEntfRcs9H_/tUHL7zjlUaHEv4PU/9MSRCAJ_IEs.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/3cNCpAB6m7QvqIwd9ZzLui2TVfKniu5PLQOwe6gfijY/rs:fill:400:400:0/q:90/sm:1/enc/MDBjMWRhMzA4NTQx/OTUxMnN9cdfaJPs0/3GXDlLxFLwEYU1Fj/jdoeKrrjI7aN3lAv/4aOPKQ9EW5CM8-TA/30vJ-I8WEr0u3vvw/Rhs0nDtSZjrjf7YC/pdzMRSFRtiyEpNbw/V99V6SZ3-mGVvQJF/WbG_iKPRLaS11vkS/HIXTwWgK-Lc.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>

      57:25
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            013: Shinmiyangyo the Extra-Forgotten Korean War, Part I
</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/63241/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/63241/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/63241/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/63241?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/63241?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%2F63241%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%2F63241%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_61699">
    
<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/61699/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/59mHlUtbXHpD1VNY78TUHAtWTFTp48qHXJ7-abBhdKE/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/YjM5MzYxNWFhMjA4/NjczOFDV8UjG4Xo8/wC7EG7gIVKSuMBf7/hkjQS0NXbi-XABCh/-qp48wmU8Aaq7a2h/HuIIx71ROh8laKZo/P2zahuzc6-DzMBzM/nO-CRqtOJvAv_YP-/Tw43_5_6dWogBAco/YQ4q-IxvFsklDf9L/lauKOA5DoKE.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/1Ay7q3JUyjTIrGN_fl9Vu_lO7GY9d2Fz6nPlDMxmjNQ/rs:fill:400:400:0/q:90/sm:1/enc/MDRlYjIxNGFlYjhl/NDk1YzszzTFfaR6r/Q66eFCDwXANFnr98/NLhoVPDPMIgzaMuD/FDJVN-twiAYRsGCG/OXq2FhR9J406J4gF/7IFTBPBh9ABAlkky/4Jm02fGEUG55kIlL/vhBEGNINK7meXcrK/TzkdNjlse6b0a5bG/4ffDYrMDHpE.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>

      30:08
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            127: War of the Regents
</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/61699/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/61699/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>

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

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/61699/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/61699?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/61699?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%2F61699%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%2F61699%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_60197">
    
<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/60197/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/Qh0UZBakhvm-aHu7WWJbQA9-QPYDxAkugBNYErf2fr4/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/ZTBiNjMyMjljZmM2/MzI3ZEkulqM1pt2-/Hm_tfeTVHr1Wa5Rr/jssUcsDuZSAUstZ8/156an_V4oqxL5Ovi/a3vkBGkkrfYhKUmp/uqMx4Sbtg-xY4HJK/x8y31CS0uQbpOezx/s7YHSRxuH7DtIkwV/KJEjlKs3Ta4h1cEm/459XvC7AzhA.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/azfiwi1r3LPIEpKmq8RI5_NDLw2AogHZGNENgklzlTs/rs:fill:400:400:0/q:90/sm:1/enc/NDNmNTFiYTc0YWUy/N2Q4MsYEVhbOxgMT/6jHTe0OFR0LzD14S/A62YInbG2skQTKsW/XHHm4-jGHIXbEbI-/siGCdfc8lMYUl-5R/AUgV8Z6eA5GqEY1S/49Ymd3AECHgfLWMk/P4Cs0GvZSi5MVfBI/MgYpzC66Tk8Zcqyn/5vXlFh1GTfM.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:56
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            126! A Brave New World
</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/60197/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/60197/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>

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

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/60197/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">1</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/60197?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/60197?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%2F60197%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%2F60197%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_60124">
    
<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/60124/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/dNAuek2JH_JOPNCL7Yqc9BPUgKcPGAlc7r0fB-JZpk8/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/M2FlZDc0YjIyZTI4/OGI0MxecJENKRe0a/jJaGqMlnE4RN9-yY/NN_6wBkid0Tq-MQm/uP1CQsVaHmxn9XyY/BHPtqPiD61UrX1in/awW_XwIVv6JMBU7F/1gGhCZ7GvAYmZW7A/vw0qn9DQaTzC28bV/P8biSR39_QRWBy1E/bPdIMwJVe3Y.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/PUZgN_lxKhMmAdrLWH7zZ76Elztwl3O-rQF4SnaEt9U/rs:fill:400:400:0/q:90/sm:1/enc/YmY2ZjQ0MDQ3YTM3/NWQ5NXnE9Ss9ola3/pnUpz3SNTSB6nyuR/WPrCJzkQ1iBULh7U/vtgpLfrEFfBjRpXG/I8zgRnJc6OiHeNSt/uQsHcQ_eWdviwVTs/EVJNRwrKcRiL_Yvj/20I1KJGTskltGa-A/B89QNYqqeOYPi831/IJQogp3uaFI.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>

      1:15:34
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            12: Americans in the Opium Wars – Part 2
</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/60124/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/60124/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/60124/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/60124?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/60124?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%2F60124%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%2F60124%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_58870">
    
<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/58870/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/M581j-LUp_IgszI9Kj_Jamnt4uUipcnkpHUtTuuNrO8/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/ZGRmMWQ4ZjdmYjlk/YTY2NCz80uhW-b0S/ARWVeORq18UxjSh9/wg8M-hu835rYJOY4/bvcZsogei7YZS6PM/T77svpd7zbgmwz3q/0fy1wLWe0_5ZsmOA/dMwxT-BWipWkKYmb/XejFNaU-m8yLs81Z/6Y_Y6STzEHZ5TDJg/FlGAu_-bS1k.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/jK8HRpZuv_SnlKCC4Y9qwZbGSWNXXqo9RO4wYICOi6o/rs:fill:400:400:0/q:90/sm:1/enc/MDEzOWZkZWZiOWFl/YzJmZmT00PUj_KNr/v6ecQbcwMvOmvvrE/dqa4OtZyLUjsDWfZ/_ZBxc64kxW0fvTqs/28STEyuEl9tycCin/tRXXKwdkXVsjX1ph/gF0e2TUU4ht8sUFG/gv94mjqOONchLSQZ/zbkBICLtpa6bNOja/g-xwoBHMUZk.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>

      1:06:29
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            What is Hellenism w/ Derek from The Hellenistic Age Podcast
</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/58870/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/58870/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/58870/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/58870?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/58870?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%2F58870%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%2F58870%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_58759">
    
<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/58759/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/gqCGGowf31BwJQcT_PfMnDgqKo0TGwsMdLRmCz2Hbi0/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/NGQ5NTMwNzdlZGI2/NTJjNEoi2U8LDJ3G/rtBiaDLt29Q2BBf1/pBX_bVYT_jIC1UZL/GNzjTneZMenneBsf/qcnPn6KQ0uF8YbF6/tuymFFTuD23mJsnL/OPOxU9doDiSMKIni/x9aceEhYX0gAnYJH/7HtsnLUSlvZaN1hp/G2kyqJPu3vg.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/Cy8DZx3suGmm6elp9LPc3DhjSrNSzrfTFUjAhunZjPA/rs:fill:400:400:0/q:90/sm:1/enc/ZjVlZTI3ZDlkMDJl/NTU1MyPh_cnm2Ww3/YjNZuuuIKrbLpmI2/4hU-hs-qS_HrqKgz/Or76Ic3JYWL8Vpbo/Agcz4lTb34xEvomP/CxyxiStqZN_q4Pwq/9q33uhMqg61mBbdq/aubfim7KBbD1jdyo/2it6pZiG6iCbIQGZ/epbwuK5SRnw.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>

      1:09:22
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            11: Americans in the Opium Wars - Part 1
</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/58759/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/58759/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/58759/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/58759?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/58759?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%2F58759%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%2F58759%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_56281">
    
<div class="post " access="public">
  <div class="post__inner">
        <div class="post__media">
          <div class="audio-player">
            <div class="audio-player__media">
              <img class="audio-player__media__background hidden@sm" aria-hidden="true" loading="lazy" src="https://imgproxy.fourthwall.dev/rMt9yYUAZLQU5_cxDb_qaxKf3WuGeOp55aFCdgkSU-Q/rs:fill:712:200:0/q:90/bl:20/sm:1/enc/OWE4NTM1MmNhZmMy/NDIwNInrJ_DgF240/ndpUaKfyaQUcohkE/rlefB9-V_c4D3opa/Zl0TzjzRxzLRbl_1/AROZjMCvyER9QoG6/5i2f6yep27YLXpGi/Lf8SJTKDevibRU00/Um_Y27LG8Nf_o80l/W1xs0lvKgzqthpeg/5LtF-uLdePo.webp" />
              <img class="audio-player__media__image" alt="Audio thumbnail" loading="lazy" src="https://imgproxy.fourthwall.dev/1Pkod-oqAelS_i_JE6E4-OFR8ZBWzlSGP4q0OCOmTAs/rs:fill:200:200:0/q:90/sm:1/enc/MTY4YTQwZGQwZjIx/YzBiZbeNF744Elkd/yClUTSdsrGkB_uuz/JvLNaysX2EHZHMiy/JHVu4mq0MBHXOge6/Wf37NeOHmbTxO1vQ/BNYpfHZLbOU7C4RN/gGr2Md60WtHGCgic/ImwbJY_-I65acWDG/xOmLdR0o2L1OfBYC/AMCt2oABGGk.webp" />
              </div>
            <div class="audio-player__controls">
              <mux-player
  data-controller="mux-player"
  data-mux-player-time-value="-1"
  data-mux-player-save-time-value="false"
  data-mux-player-times-path-value="/supporters/api/v1/media_catalog/posts/audios/56281/play_times"
  data-mux-player-finish-times-path-value="/supporters/api/v1/media_catalog/posts/audios/56281/play_times/finish"
  data-mux-player-title-value="Must Listen Announcement!!!! (and the History of Gold minisode)"
  data-mux-player-creator-name-value="HoPful Media"
  data-mux-player-media-session-artwork-value="https://imgproxy.fourthwall.dev/Jl3i8bSoPogBxs-OrcaffouFGNS5nNmy9pcnXBTDl5I/rs:fill:128:128:0/q:90/sm:1/enc/OGIwMmM0NTFiZTA1/MWE5ZcuTYB0MOE8B/rcrce5-hkQHZEgX8/cjByfXVpobLai9bM/Ok_GN3hc1TC-Ik_Q/RmcI4j4715IOVY3t/TvH-SKaQjawRzDzh/N-5asDaWCgali7Y1/gmE6xlhFkbySQ8_e/Y51d5_daNF3iXbwo/e2HXHTBywB0.webp"
  audio
  no-tooltips
  theme="fourthwall-audio"
  playback-id="y9vuQFWrCCOIi5ddm8vAk0245rXpGKPjsl1400Xozysx8"
  start-time="-1"
  preload="none"
  default-duration="1833"
  beacon-collection-domain="play.memberships.video"
  metadata-video-id="56281"
  metadata-video-title="Must Listen Announcement!!!! (and the History of Gold minisode)"
  metadata-viewer-user-id=""
  metadata-player-name="Audio"
  metadata-sub-property-id="85360"
  
  metadata-custom-2=""
  metadata-custom-3="HoPful Media"
  metadata-custom-4="8300,8305,10015,10016"
></mux-player>

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

    <div class="post__main">
  <div class="post__content">
        <a data-turbo-frame="_top" class="post__meta" href="/supporters/audio/56281">
          Jun 27, 2024
</a>

      <div>
          <a data-turbo-frame="_top" class="post__title" href="/supporters/audio/56281">
            Must Listen Announcement!!!! (and the History of Gold minisode)
</a>      </div>

        <a class="text-button text-button--pale" href="https://stream.mux.com/y9vuQFWrCCOIi5ddm8vAk0245rXpGKPjsl1400Xozysx8/audio.m4a?download=Must%20Listen%20Announcement%21%21%21%21%20%28and%20the%20History%20of%20Gold%20minisode%29" download="true" target="_blank">
    
    <div class="post__download">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" role="img"><path fill="currentColor" fill-rule="evenodd" d="M7.25 9.121 3.12 4.934 2.054 5.987 6.996 11a1.41 1.41 0 0 0 2.008 0l4.943-5.013-1.068-1.053L8.75 9.12V0h-1.5v9.121ZM1.5 11.108v3.143c0 .138.111.249.249.249h12.504a.247.247 0 0 0 .247-.25v-3.142H16v3.143c0 .963-.777 1.749-1.747 1.749H1.75A1.749 1.749 0 0 1 0 14.25v-3.142h1.5Z" clip-rule="evenodd"></path></svg>

      Download audio
    </div>

</a>

        <div
          class="post__body"
            data-controller="trim"
            data-trim-class-value="rich-text--trimmed-short"
            data-trim-height-value="220"
        >
          <div class="rich-text" data-trim-target="content">
            <body><p>Very important announcements and updates about History of Persia and America: Secret Wars. Please visit our new fundraising page at <a href="https://hopfulmedia.com.co" target="_blank" rel="noopener">HoPfulMedia.com.co</a> !<br>Patrons look for a special update just for you posting imminently!<br>New subscribers use code ALEXANDER to get 1 month free when you sign up before July 31, 2024<br>New <em>annual </em>subscribers use code GIZISTAG to get the first 2 months free before July 31, 2024<br>Visit us on YouTube at <a href="https://www.youtube.com/@hopfulmedia" target="_blank" rel="noopener">YouTube.com/@hopfulmedia</a>!</p></body>
          </div>
          <button class="text-button text-button--pale post__action-button hidden" data-action="click-&gt;trim#expand" data-trim-target="button">
    ...Continue reading
</button>
        </div>

      

        <div class="post__section">
          <div class="post-actions">
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/sign_up" 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/sign_up" 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/56281?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 this post</div>

      

  <button class="dropdown__item" data-action="click-&gt;dropdown#hide" data-controller="clipboard" data-clipboard-text="https://hopfulmedia.com.co/supporters/audio/56281?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%2F56281%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%2F56281%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_55625">
    
<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/55625/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/jYBf_bYA7sHWPrr8HTT-x5JlKmmkIW0FH1uEA3tdPr8/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/ZmQxZDU4NDE0Yzdh/MTNjY1PKybZeNrfG/1zz3dAVI24omMu0R/Glh2HwfOaWyhwlIV/k1_JSQkajZ6D4ZgJ/Ry1VbHRasM5oZsq5/t2GvZvgtpum59ZBb/mlWk6H7T4x7-wCiN/RigTAQg93KT6OgwH/JirbrtVEwuApTYJS/Ou1w4rsrjAY.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/SZS6KXpojDNJ0uQKLb6kZ546FqFFuEV21ecrb3afsY4/rs:fill:400:400:0/q:90/sm:1/enc/YTBkYThhMjJjODVh/MDIwNRU4MUZdrHDi/pPk7qna0AtnNUsAe/0oJ8WtnWr4QKxHWl/mGGxnxNVgW9i6A7p/LUZWDsxH8g5v33k6/paEPFrc082hkJyIe/7RCZ83CMjvP-5JMr/WOKs89TGTIzejLMN/2DqwvBcqcbefnKvj/6ucVVUNXhc4.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>

      1:21:57
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            010: Invading Taiwan - The Formosa Expedition
</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/55625/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/55625/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/55625/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/55625?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/55625?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%2F55625%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%2F55625%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=55625&amp;last_live_at=2024-06-23T18%3A15%3A03.515%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>
