<turbo-stream action="append" target="posts_list"><template><turbo-frame class="main-list__list-item" data-testid="Post" id="post_51670">
    
<div class="post " access="tiers">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51670/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/Bi8-pxm-AZbNpGaZHT4i_yyb5bwXnfu05NXwqGdySPM/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/MWM1OTk5OWE2MDIy/YmQ1YzDH4woWn-yE/YQfKDsfJCJelifCK/6yh4_2PDoVi3vTEL/yozuIVXyXZzPMsZS/hk7NkbbN6XCfISI3/KPo8ng_jxzkBjzHb/fHMXpKOvq_71Iy_O/RlNo7eiORMuei3-l/muUHBNc4tfTxdTvF/CTrUg5px6Os.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/QVc4h1sNz2jXenExcBPy7Yc_vriixoUMxLWP7ZBDKgE/rs:fill:400:400:0/q:90/sm:1/enc/ODc5ZDQzMjJmNTcy/ZjM1MYjdbmOC0JMA/xokcN9Zu3zTNE5iO/MCO5SNmCIJZC2jtN/d2cHRTBBlbv_9YTj/OERjhyZePdL94EQT/ez4nYFfYvEYBNaZP/h_WDYeBVUMtr7YBN/TNAhuubo-_2CJkGy/vwfbQ3LOYCzIu-88/bambCRJT6fI.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>

      32:34
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            Bonus 32: Episode 1.5
</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/51670/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/51670/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">
            1
          </span>
    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51670/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/51670?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/51670?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%2F51670%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%2F51670%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_51669">
    
<div class="post " access="tiers">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51669/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/e3gFWSFSsS6GcBy1WatpfBH3SYm3OVXwuz_6PvJsYhg/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/MDMwYTdhYzVhYWNh/MDljNpOaTDwJghWe/kqHNONIiIY9vILWZ/JNGX3A-6XsyDr4Fk/s868V5wgL-lYZvhS/rVRiVeRRmwp-8GMY/PahxvC4uXGl21wjZ/QlqGEdre6MnFRoTt/7ANs7HP7EzN-6RG5/JafaSogVU-qLGXb0/4x2d08UfE68.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/K0yFzcdUUBybQLF8Q3kVhPQV5i1ugVwA3I3K10c8gn0/rs:fill:400:400:0/q:90/sm:1/enc/MTllZWVkZTZlOTk0/OWRhYoKfZGmGDyaK/KtclU0aNAdIk7ln2/15tSUZZW6E1JHobV/6VghjxRP3wkGOiuH/SYRsFMY9Bl0bb9wX/vwpgWmxQctB4TGUp/praCkNwYk3dj8C_m/HGN68LdBlKNrAe-F/GReNlZqucRL_hYBA/9z02Lx_DHJU.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>

      50:28
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            Bonus 31: Names and Dates
</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/51669/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/51669/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">
            1
          </span>
    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51669/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/51669?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/51669?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%2F51669%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%2F51669%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_51667">
    
<div class="post " access="tiers">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51667/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/4MMCC3j8C6cFcXm3vBVTUWwyWvstREmL6PjM7laU-PU/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/YjQxMTcyZWZiYzU3/YTA5Ncya4TfWrCMf/a-zda9fKBGzGYH0B/iC6Djtc9VJEiDHbz/UJ_4mVoI3CWJTrqg/dk8xdEqPXkcn3JJs/YB9UYpJ3Rav-hqLz/vNK8xpe0PThoYwZH/1JuX0GcK3QeHZLB9/dSkDsCc1fxYXfUIW/PUvlzLNSWGk.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/9uNjWe362US200eJZxFTymnuMKwqOxSWTl9XIsBuLmc/rs:fill:400:400:0/q:90/sm:1/enc/ZDFhYjU0MWI5NmFj/OTg4Nm0CE6oOLFhU/FIm3pC7nIYDFwUhc/IFHntbdObEiEh3Jl/Ek5foMYP6KOsQ1Fj/GNa8_WRCd4RM7T6y/E-lwfGuTFJrAGgNc/varpfqnOuVrPP4on/8xPtfvfzKgrcePcx/FspEW6bK5LKeOTs2/RC9BdP0G5dA.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:00
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            Bonus 30: The Good Book
</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/51667/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/51667/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">
            1
          </span>
    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51667/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/51667?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/51667?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%2F51667%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%2F51667%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_51666">
    
<div class="post " access="tiers">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51666/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/Ir6fz1yZA4WyiEc3PDaodMGkJo5eVRNbyP_35-GLCIQ/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/ZWM3YjJhMmJlYjE1/ZDI3Y2uW7p7r71Z4/0cCvlMogG-0A6jwS/9eVcSHDgR2gnOajQ/xXCpGD29SWA9QCFG/9xrAzLtCdx4pQV8c/a80zYrRaazYJWVBY/CVvdnpm2cunf7X9f/e_PBJrjxUpbt42yv/kYgwsadR3v_KuTsW/-6Ws8u6g4AM.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/bvsAFWVGUrLY7HEv3KZ-83tAtapUY86ekoWa77GULSo/rs:fill:400:400:0/q:90/sm:1/enc/ZGE3MjY0YjI0N2Ez/ODMxZD7TOYv-yD0d/xaR5RgIpyZzWmpBE/MqugYaZC2TEw4Cfb/1Zo-bylN68dN7I3n/KCd_PfaNfJJXaGyI/keyN-jIywkoIOlbo/DNoU2WH1affIsGZF/5OG_TsaKB1wOh7E_/vE936XDXfHcW5ZFd/3s2-77ugpY4.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>

      37:44
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            Bonus 29: Fear and Loathing in Persepolis
</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/51666/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/51666/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">
            1
          </span>
    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51666/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/51666?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/51666?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%2F51666%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%2F51666%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_51665">
    
<div class="post " access="tiers">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51665/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/9L02Opc1vlcXOb6jL4v4n0n2UZ3t4FwFwy8SLDyngd8/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/NmMzY2U4YzgwMzk5/NjNhN1Gbc77rPLP9/x-n6XJpXR0zTturd/d742zjp7wagS7dEh/GRgVRetGj6t3pnxD/VqN8QSVTUTHUWpTh/WwqAm3j-AI4hwNZN/rSYJmOK6zVwAAhAX/NB16QXz3gLSjdc6l/HOqo5GqDRp060vHp/Ak9J9iX1AVw.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/oRkxfCBJGRZZoGaMBHlsjhG5x3pZHjbiHfgn-Qsyzoc/rs:fill:400:400:0/q:90/sm:1/enc/NDM2ODQwY2ZkNGU1/NzgxNXpUGFesc4W2/uFdOCaPvEFtsiFFe/Qn2Zp3bGnXc44wuH/kSzQs5XF4AGIxFQ3/6cPjYzo642J4ddbO/xosiZaRPkGJCQUcc/TA0BnyQYYbD8K5vK/WspoHgMNnuoLX5HP/q9eHP4o_aA7G-iHp/fu7ZVtUOAvs.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>

      28:21
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            Bonus 28: Athenian War Under Artaxerxes
</a>      </div>



        <div class="post__section post__section--column">
          <a class="button button--medium button--primary" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51665/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/51665/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">
            1
          </span>
    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51665/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/51665?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/51665?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%2F51665%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%2F51665%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_51664">
    
<div class="post " access="tiers">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51664/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/bJ6vs0J7Q9e_Qot1naNIh-FyR1TUqayeFtetXIuVYBM/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/ODQ3ZjU0N2NkZTll/YWQ1OOgX2F1h3qIt/MfDJGQG01D5z-rEv/17kvIF_r4OHSPomX/ckKR1dLHrQtUuiTg/085YVHNjuKpOfXjs/duq2179QtPKbyJ6_/Vr_HZJMb35Gt2z49/zsU4eVYriSgAALID/8PuuMqNW008FX11X/mHmfABBxl-E.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/dbi2lKnb5_SJfH6MMoX5QYUBY4bCbA3mgsfSNmDAV_c/rs:fill:400:400:0/q:90/sm:1/enc/MzcyYWM0NGZiOWQ1/ZTJiZsjwBFdMQPHk/PD0RTjzRHKSHMnuh/fVR_yjKU5hDVgeH8/9mCCq4SJEG7jy9Fj/DxH6aV_E0l0vbfRY/7WmyNXIpl5x2SMfF/NyOYfpjAHoWB_Glp/IK7ZiK_8DRxBCUaA/3aTA9KcOQxwNADNl/vatl_dTxBtw.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>

      29:19
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            Bonus 27: Athens Under Artaxerxes
</a>      </div>



        <div class="post__section post__section--column">
          <a class="button button--medium button--primary" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51664/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/51664/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">
            1
          </span>
    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51664/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/51664?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/51664?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%2F51664%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%2F51664%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_51663">
    
<div class="post " access="tiers">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51663/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/8QAJOz5_XJGSillYRKhokAw2qjcpyde2XOmgTJBCcxI/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/ODRkYzE0ZWQ4MWIy/MTQ4N0FYrjpmOkIf/nnmmYqWSfEsXiCLX/Z6Y8FBZtC8MsLjta/6lHjiDTpgDAa0NIy/E4qJ1TDQXTDdg0Us/oVY9xQCYK45OBTVD/-_T7FC8ZmYh8mW9H/ctM4yECPDpgLOskg/Dssp6bbVdVoCTA0a/IzHV_vf3zTA.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/clcA12uRNoyH_lV8IHhqW5Y_1npcw4-OqjHWTXrVQKc/rs:fill:400:400:0/q:90/sm:1/enc/ODZkOTUzMzhmMTM0/NmNhMhhxWJcqkr4D/AyfUBobTtRhrcCSL/7g2-V9qrZnEqtziB/wlU4W5EIj3IOZd_S/YDNrjAnfrPUhEhRW/YprGnGigElZIBKor/tWmwElOBfuVZZKl1/u-Q0p9s8g6LRcILr/NBGhGhHPiIS5zKXC/ysKBIX_UPiw.webp" />
    </div>

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

      36:39
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            Bonus 26: Achaemenid Europa
</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/51663/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/51663/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">
            1
          </span>
    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51663/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/51663?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/51663?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%2F51663%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%2F51663%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_51662">
    
<div class="post " access="tiers">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51662/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/QbNzjqzBSa64W3dTtb0q65fYRCeeP2Q75oJiROCGiGs/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/YzRmZTk1ODE3Yzg0/MThlY97IhEAOyFeA/76NRbiuBHf3PZdGe/PaviZCl88btcalCQ/vkRq_7QWUOOq3Fse/J2s2zg0rKcrgCgSm/oM8pqX9-8nn4kDSn/gSFUTIiuQmpInoMg/0rEGgTNFOH2iN_m3/zj-0HObb4fBDZAT7/fijKNxl7aPw.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/mAAipW9yhJa4UZtjh7NEpuSpTmFxPd_Zz1vkxn3Hj8s/rs:fill:400:400:0/q:90/sm:1/enc/MTgxZGQ1ZjI2YTRi/NjI3ZgNDK-KU7BAS/gQf3cZVGHCejBI4O/2mqDVCARUMu4nYHo/dbUtIOnsewd_SVxw/lu3AEq10-VeJwpeY/XkFPcPjPzNT-fCLa/X-br0jjcHWDZarpa/KvstUVEZiYC12Prs/Xt1A6bmf06YnbmcK/0fAmz88Blpg.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:10
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            Bonus 25: Twilight of Urartu AKA Armenia 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/51662/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/51662/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">
            1
          </span>
    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51662/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/51662?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/51662?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%2F51662%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%2F51662%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_51661">
    
<div class="post " access="tiers">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51661/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/XFwNTC5wru0kcQPw0v7_HhEYaIk6XPeiy-fbSGii-oM/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/OGY1NDhhNmQ3OWU4/NWNiOXyMNjWiEoHz/n0JZWUGiWmCSJ-gv/L-7TYaz9Oi5x-6ij/MXBHgNNX-Vp0cBDu/bZwAtU6YsJL-F_-S/eZJ6OaovLhkWq-07/hpr-TT1BMR_nVSLL/EViWWgoedBMa4MES/KBwfNkcE21f74Kvr/D-EOp7RGn3s.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/ILpuQk4KwmhyA0glGjZ4MVfXaQffY1a8Nh8Z2cumjBg/rs:fill:400:400:0/q:90/sm:1/enc/MmJhZDg3MTg5Njc0/ZWIxNxKvFHzNi0EB/SBmJYiYOHVzArspI/aKgbDdSWALi3sAgX/InQ9WY_KNGJpfEOA/dlFZdld_642-BBTO/J-0YsoFh15Wvja8L/rXldhmFgKKLiG_xQ/v2C5pcu1YoEiqAW7/jlG72hmgWiYO9qk_/FHpMR-huGGE.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>

      28:08
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            Bonus 24: 302, Part 2, Salamis
</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/51661/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/51661/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/51661/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/51661?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/51661?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%2F51661%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%2F51661%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_51660">
    
<div class="post " access="tiers">
  <div class="post__inner">
      <div class="hidden" id="mediaData">{}</div>
      <a class="post__media" data-turbo-frame="_top" href="/supporters/payments/checkout/posts/51660/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/bEl-a6_LFai8eRDVgieL-_cwh2jIFRctmtWiXaq3vAQ/rs:fill:712:400:0/q:90/bl:100/sm:1/enc/NDc0NWI1NWI3N2Jm/ZWM3NAkXMqyip8m7/-Qn-SLdkr2jezatm/GDV5jueKYzDyXywc/zNroibZz9JzDQZI6/b70fkW4Nix_mdCtU/dRQm-QMYnplZjtdC/U8YyORs4ELOlbNia/cg2ftRUlpaceeqUf/QFVnniDda2OSHib6/8_giYZyJK_8.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/9VfToUEeG27fBi5gorXNS-XuWJ7YWG7KLhuzq0oNnNI/rs:fill:400:400:0/q:90/sm:1/enc/ZTBmMThmYWY1NWMx/NmRjZKZGNmR8rDvd/DAooDSyUQpY_2d4Y/SC8Q4RuvCDSI1ezW/zPmG4PPnTxrTHQvu/_ZlRCeakLDIVyZNC/CTbL7Er1O7H0__vK/Vgqy7IRSbUSJyCRk/6fsd-Udsa72ft8l2/deApp-N6i9bv6A9f/Qn6OluspdyQ.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>

      43:43
    </div>
  </div>
</a>

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

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

      <div>
          <a class="post__title" data-turbo-frame="_top" href="/supporters/pricing">
            Bonus 23: 302 - Artemisium 
</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/51660/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/51660/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">
            1
          </span>
    </div>

</button></form>
            <form class="post-actions__item-form" data-turbo="false" action="/supporters/payments/checkout/posts/51660/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/51660?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/51660?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%2F51660%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%2F51660%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=51660&amp;last_live_at=2024-05-30T04%3A16%3A05.216%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>
