<turbo-stream action="append" target="paginate_list_403"><template><div class="story-preview-card">
  <a
    href="/stories/hoch-yakos-my-mozhemo-nablyzyty-peremogu-ukrainy"
    class="story-preview-picture"
    data-turbo-frame="_top"
  >
    <!-- img class="story-preview-image" -->
    <picture><source srcset="https://civilvoicesmuseum.org/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJ2YXJpYW50cy8zNjlsZ200ajZjcXMyejYybHhpemMybmhkbXd6LzI3NDUzYmMwOWI0MzhhZWJmYzI0MGI4YjBiZGJiYzYwN2I3Yjg3NDA1YTkyMjMyNzdmZjI3Y2EyM2RiYWIwYTgiLCJkaXNwb3NpdGlvbiI6ImlubGluZTsgZmlsZW5hbWU9XCJobXZQT3doMGJ2aTA5dndFUEtYUUhpemNiT25BY2duZmpaelg1MHczLmF2aWZcIjsgZmlsZW5hbWUqPVVURi04JydobXZQT3doMGJ2aTA5dndFUEtYUUhpemNiT25BY2duZmpaelg1MHczLmF2aWYiLCJjb250ZW50X3R5cGUiOiJpbWFnZS9hdmlmIiwic2VydmljZV9uYW1lIjoibG9jYWwifSwicHVyIjoiYmxvYl9rZXkifX0=--52449dee6a129918ef553475f9e6663742c61f5d/hmvPOwh0bvi09vwEPKXQHizcbOnAcgnfjZzX50w3.avif" type="image/avif" ><source srcset="https://civilvoicesmuseum.org/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJ2YXJpYW50cy8zNjlsZ200ajZjcXMyejYybHhpemMybmhkbXd6LzY4NzQzOWE0YmMxMjdhZWIwYzFkNjUyMTFlNDUyZDhlYTdmNjllY2UwNzYzMjA4ZGJjNDVkMTg0YTU1ZGU1YjUiLCJkaXNwb3NpdGlvbiI6ImlubGluZTsgZmlsZW5hbWU9XCJobXZQT3doMGJ2aTA5dndFUEtYUUhpemNiT25BY2duZmpaelg1MHczLndlYnBcIjsgZmlsZW5hbWUqPVVURi04JydobXZQT3doMGJ2aTA5dndFUEtYUUhpemNiT25BY2duZmpaelg1MHczLndlYnAiLCJjb250ZW50X3R5cGUiOiJpbWFnZS93ZWJwIiwic2VydmljZV9uYW1lIjoibG9jYWwifSwicHVyIjoiYmxvYl9rZXkifX0=--58bd1f1d951ef0effab20d006dbc5e755d562b50/hmvPOwh0bvi09vwEPKXQHizcbOnAcgnfjZzX50w3.webp" type="image/webp" ><source srcset="https://civilvoicesmuseum.org/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJ2YXJpYW50cy8zNjlsZ200ajZjcXMyejYybHhpemMybmhkbXd6L2Q4NmM2NmQzZjI1MmQ2ZDI0MmUzN2E0YTlkMDgzOTMzNjA4NDk5NTdkZGRlYTU2M2UwZjhhZjdhOTkyY2VhMmQiLCJkaXNwb3NpdGlvbiI6ImlubGluZTsgZmlsZW5hbWU9XCJobXZQT3doMGJ2aTA5dndFUEtYUUhpemNiT25BY2duZmpaelg1MHczLnBuZ1wiOyBmaWxlbmFtZSo9VVRGLTgnJ2htdlBPd2gwYnZpMDl2d0VQS1hRSGl6Y2JPbkFjZ25malp6WDUwdzMucG5nIiwiY29udGVudF90eXBlIjoiaW1hZ2UvcG5nIiwic2VydmljZV9uYW1lIjoibG9jYWwifSwicHVyIjoiYmxvYl9rZXkifX0=--bd34397c8056826827d609b0ad0f47e39b7a8920/hmvPOwh0bvi09vwEPKXQHizcbOnAcgnfjZzX50w3.png" type="image/png" ><img src="https://civilvoicesmuseum.org/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJ2YXJpYW50cy8zNjlsZ200ajZjcXMyejYybHhpemMybmhkbXd6L2Q4NmM2NmQzZjI1MmQ2ZDI0MmUzN2E0YTlkMDgzOTMzNjA4NDk5NTdkZGRlYTU2M2UwZjhhZjdhOTkyY2VhMmQiLCJkaXNwb3NpdGlvbiI6ImlubGluZTsgZmlsZW5hbWU9XCJobXZQT3doMGJ2aTA5dndFUEtYUUhpemNiT25BY2duZmpaelg1MHczLnBuZ1wiOyBmaWxlbmFtZSo9VVRGLTgnJ2htdlBPd2gwYnZpMDl2d0VQS1hRSGl6Y2JPbkFjZ25malp6WDUwdzMucG5nIiwiY29udGVudF90eXBlIjoiaW1hZ2UvcG5nIiwic2VydmljZV9uYW1lIjoibG9jYWwifSwicHVyIjoiYmxvYl9rZXkifX0=--bd34397c8056826827d609b0ad0f47e39b7a8920/hmvPOwh0bvi09vwEPKXQHizcbOnAcgnfjZzX50w3.png" alt="Хоч якось ми можемо наблизити перемогу України" title="Хоч якось ми можемо наблизити перемогу України" class="story-preview-image" loading='lazy'></picture>
  </a>


  <div class="story-preview-desc">
    <div class="story-desc-info story-desc-full">
      <div>
        <div class="story-preview-date">
          08.02.2024
        </div>
        <div class="story-preview-author">
           Дар’я Волинець
        </div>
      </div>
      <div class="story-preview-icon">
        <!-- The available values: video, audio, text -->
        <svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M31.2412 20.7355L15.1146 30.0463L15.1146 11.4248L31.2412 20.7355Z" fill="currentColor"/>
<rect x="1.33643" y="1.23535" width="39" height="39" stroke="currentColor"/>
</svg>

      </div>
    </div>


    <div class="story-preview-title">
      <a data-turbo-frame="_top" href="/stories/hoch-yakos-my-mozhemo-nablyzyty-peremogu-ukrainy">
        &quot;Хоч якось ми можемо наблизити перемогу України&quot;
      </a>
      
    </div>
  </div>
  <div class="story-add-to-favorite">
    <div class="btn-favorite-container">
    <a data-action="click->common#showAuthPopup">
      <button class="btn-favorite">
        <svg width="25" height="21" viewBox="0 0 25 21" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M6.76649 0.341309C3.42433 0.341309 0.714966 3.05067 0.714966 6.39283C0.714966 7.75516 0.806322 9.4097 2.35699 11.2188C3.90766 13.0279 12.818 20.9169 12.818 20.9169C12.818 20.9169 21.7284 13.0279 23.279 11.2188C24.8297 9.4097 24.9211 7.75516 24.9211 6.39283C24.9211 3.05067 22.2117 0.341309 18.8695 0.341309C15.5274 0.341309 12.818 3.05067 12.818 6.39283C12.818 3.05067 10.1087 0.341309 6.76649 0.341309Z" fill="currentColor"></path>
        </svg>
      </button>
      <div class="tooltip-message variant-card"
            data-text-active="Видалити з моєї бібліотекі"
            data-text-inactive="Додати в мою бібліотеку">
          Додати в мою бібліотеку
        </div>
    </a>
</div>

  </div>

</div>
<div class="story-preview-card">
  <a
    href="/stories/proletilo-dvi-rakety-vid-vybuhu-zatryaslasya-hata"
    class="story-preview-picture locked-pic"
    data-turbo-frame="_top"
  >
    <!-- img class="story-preview-image" -->
    <picture><source srcset="https://civilvoicesmuseum.org/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJ2YXJpYW50cy92cTQ0MWk2NGlzczR1NzgwbXIzM2ZjaHNrMGsyLzI3NDUzYmMwOWI0MzhhZWJmYzI0MGI4YjBiZGJiYzYwN2I3Yjg3NDA1YTkyMjMyNzdmZjI3Y2EyM2RiYWIwYTgiLCJkaXNwb3NpdGlvbiI6ImlubGluZTsgZmlsZW5hbWU9XCJ6Sk5PZHR1UW1abjB3OGdLUzVwNEliTVJGQ2tadndYZjYyVUk5UnFiLmF2aWZcIjsgZmlsZW5hbWUqPVVURi04Jyd6Sk5PZHR1UW1abjB3OGdLUzVwNEliTVJGQ2tadndYZjYyVUk5UnFiLmF2aWYiLCJjb250ZW50X3R5cGUiOiJpbWFnZS9hdmlmIiwic2VydmljZV9uYW1lIjoibG9jYWwifSwicHVyIjoiYmxvYl9rZXkifX0=--7cdfc9f00d113b9b2b5069cf2e708469fa540957/zJNOdtuQmZn0w8gKS5p4IbMRFCkZvwXf62UI9Rqb.avif" type="image/avif" ><source srcset="https://civilvoicesmuseum.org/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJ2YXJpYW50cy92cTQ0MWk2NGlzczR1NzgwbXIzM2ZjaHNrMGsyLzY4NzQzOWE0YmMxMjdhZWIwYzFkNjUyMTFlNDUyZDhlYTdmNjllY2UwNzYzMjA4ZGJjNDVkMTg0YTU1ZGU1YjUiLCJkaXNwb3NpdGlvbiI6ImlubGluZTsgZmlsZW5hbWU9XCJ6Sk5PZHR1UW1abjB3OGdLUzVwNEliTVJGQ2tadndYZjYyVUk5UnFiLndlYnBcIjsgZmlsZW5hbWUqPVVURi04Jyd6Sk5PZHR1UW1abjB3OGdLUzVwNEliTVJGQ2tadndYZjYyVUk5UnFiLndlYnAiLCJjb250ZW50X3R5cGUiOiJpbWFnZS93ZWJwIiwic2VydmljZV9uYW1lIjoibG9jYWwifSwicHVyIjoiYmxvYl9rZXkifX0=--f80762cf99d517441fd40d86c4bad49362d38dc3/zJNOdtuQmZn0w8gKS5p4IbMRFCkZvwXf62UI9Rqb.webp" type="image/webp" ><source srcset="https://civilvoicesmuseum.org/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJ2YXJpYW50cy92cTQ0MWk2NGlzczR1NzgwbXIzM2ZjaHNrMGsyL2Q4NmM2NmQzZjI1MmQ2ZDI0MmUzN2E0YTlkMDgzOTMzNjA4NDk5NTdkZGRlYTU2M2UwZjhhZjdhOTkyY2VhMmQiLCJkaXNwb3NpdGlvbiI6ImlubGluZTsgZmlsZW5hbWU9XCJ6Sk5PZHR1UW1abjB3OGdLUzVwNEliTVJGQ2tadndYZjYyVUk5UnFiLnBuZ1wiOyBmaWxlbmFtZSo9VVRGLTgnJ3pKTk9kdHVRbVpuMHc4Z0tTNXA0SWJNUkZDa1p2d1hmNjJVSTlScWIucG5nIiwiY29udGVudF90eXBlIjoiaW1hZ2UvcG5nIiwic2VydmljZV9uYW1lIjoibG9jYWwifSwicHVyIjoiYmxvYl9rZXkifX0=--ce9c227c60282d3c2473f4c4576646c1130dd7bf/zJNOdtuQmZn0w8gKS5p4IbMRFCkZvwXf62UI9Rqb.png" type="image/png" ><img src="https://civilvoicesmuseum.org/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJ2YXJpYW50cy92cTQ0MWk2NGlzczR1NzgwbXIzM2ZjaHNrMGsyL2Q4NmM2NmQzZjI1MmQ2ZDI0MmUzN2E0YTlkMDgzOTMzNjA4NDk5NTdkZGRlYTU2M2UwZjhhZjdhOTkyY2VhMmQiLCJkaXNwb3NpdGlvbiI6ImlubGluZTsgZmlsZW5hbWU9XCJ6Sk5PZHR1UW1abjB3OGdLUzVwNEliTVJGQ2tadndYZjYyVUk5UnFiLnBuZ1wiOyBmaWxlbmFtZSo9VVRGLTgnJ3pKTk9kdHVRbVpuMHc4Z0tTNXA0SWJNUkZDa1p2d1hmNjJVSTlScWIucG5nIiwiY29udGVudF90eXBlIjoiaW1hZ2UvcG5nIiwic2VydmljZV9uYW1lIjoibG9jYWwifSwicHVyIjoiYmxvYl9rZXkifX0=--ce9c227c60282d3c2473f4c4576646c1130dd7bf/zJNOdtuQmZn0w8gKS5p4IbMRFCkZvwXf62UI9Rqb.png" alt="Пролетіло дві ракети, від вибуху затряслася хата" title="Пролетіло дві ракети, від вибуху затряслася хата" class="story-preview-image" loading='lazy'></picture>
    <svg width="125" height="124" viewBox="0 0 125 124" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M82.1458 46.8151H78.8207V40.1648C78.8207 30.9874 71.3724 23.5391 62.1949 23.5391C53.0175 23.5391 45.5692 30.9874 45.5692 40.1648V46.8151H42.244C38.5698 46.8151 35.5938 49.7911 35.5938 53.4654V86.7169C35.5938 90.3912 38.5698 93.3672 42.244 93.3672H82.1458C85.8201 93.3672 88.7961 90.3912 88.7961 86.7169V53.4654C88.7961 49.7911 85.8201 46.8151 82.1458 46.8151ZM62.1949 76.7414C58.5207 76.7414 55.5446 73.7654 55.5446 70.0911C55.5446 66.4169 58.5207 63.4408 62.1949 63.4408C65.8692 63.4408 68.8452 66.4169 68.8452 70.0911C68.8452 73.7654 65.8692 76.7414 62.1949 76.7414ZM72.5029 46.8151H51.887V40.1648C51.887 34.4788 56.5089 29.8568 62.1949 29.8568C67.8809 29.8568 72.5029 34.4788 72.5029 40.1648V46.8151Z" fill="#FECF22"/>
<circle cx="62.1948" cy="62.0251" r="61.4001" stroke="#FECF22"/>
</svg>

  </a>

  <div class="story-preview-desc">
    <div class="story-desc-info">
      <div class="story-preview-date">
        08.02.2024
      </div>
    </div>

    <div class="story-preview-title">
      <a data-turbo-frame="_top" href="/stories/proletilo-dvi-rakety-vid-vybuhu-zatryaslasya-hata">
        &quot;Пролетіло дві ракети, від вибуху затряслася хата&quot;
      </a>
      
    </div>
  </div>
  <div class="story-add-to-favorite">
  </div>

</div>
<div class="story-preview-card">
  <a
    href="/stories/try-dni-gula-zemlya-yshly-vorozhi-tanky-ya-napysala-pro-svoi-vidchuttya-ta-yak-tse-vse-bulo"
    class="story-preview-picture"
    data-turbo-frame="_top"
  >
    <!-- img class="story-preview-image" -->
    <picture><source srcset="https://civilvoicesmuseum.org/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJ2YXJpYW50cy9uempraGFrOWt0eDBmZnA4aTFqazFpb201NWdrLzI3NDUzYmMwOWI0MzhhZWJmYzI0MGI4YjBiZGJiYzYwN2I3Yjg3NDA1YTkyMjMyNzdmZjI3Y2EyM2RiYWIwYTgiLCJkaXNwb3NpdGlvbiI6ImlubGluZTsgZmlsZW5hbWU9XCJBaXZwN20wMkhZdzBWek9oT001WG1yQnhDRDVySGVRM2VZRnRoWFdILmF2aWZcIjsgZmlsZW5hbWUqPVVURi04JydBaXZwN20wMkhZdzBWek9oT001WG1yQnhDRDVySGVRM2VZRnRoWFdILmF2aWYiLCJjb250ZW50X3R5cGUiOiJpbWFnZS9hdmlmIiwic2VydmljZV9uYW1lIjoibG9jYWwifSwicHVyIjoiYmxvYl9rZXkifX0=--828cee5e8340754d85d7b4329c5ae6f1cb1b2d3b/Aivp7m02HYw0VzOhOM5XmrBxCD5rHeQ3eYFthXWH.avif" type="image/avif" ><source srcset="https://civilvoicesmuseum.org/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJ2YXJpYW50cy9uempraGFrOWt0eDBmZnA4aTFqazFpb201NWdrLzY4NzQzOWE0YmMxMjdhZWIwYzFkNjUyMTFlNDUyZDhlYTdmNjllY2UwNzYzMjA4ZGJjNDVkMTg0YTU1ZGU1YjUiLCJkaXNwb3NpdGlvbiI6ImlubGluZTsgZmlsZW5hbWU9XCJBaXZwN20wMkhZdzBWek9oT001WG1yQnhDRDVySGVRM2VZRnRoWFdILndlYnBcIjsgZmlsZW5hbWUqPVVURi04JydBaXZwN20wMkhZdzBWek9oT001WG1yQnhDRDVySGVRM2VZRnRoWFdILndlYnAiLCJjb250ZW50X3R5cGUiOiJpbWFnZS93ZWJwIiwic2VydmljZV9uYW1lIjoibG9jYWwifSwicHVyIjoiYmxvYl9rZXkifX0=--3cbe745c1f253d95f29241409f932f0d43c5ea55/Aivp7m02HYw0VzOhOM5XmrBxCD5rHeQ3eYFthXWH.webp" type="image/webp" ><source srcset="https://civilvoicesmuseum.org/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJ2YXJpYW50cy9uempraGFrOWt0eDBmZnA4aTFqazFpb201NWdrL2Q4NmM2NmQzZjI1MmQ2ZDI0MmUzN2E0YTlkMDgzOTMzNjA4NDk5NTdkZGRlYTU2M2UwZjhhZjdhOTkyY2VhMmQiLCJkaXNwb3NpdGlvbiI6ImlubGluZTsgZmlsZW5hbWU9XCJBaXZwN20wMkhZdzBWek9oT001WG1yQnhDRDVySGVRM2VZRnRoWFdILnBuZ1wiOyBmaWxlbmFtZSo9VVRGLTgnJ0FpdnA3bTAySFl3MFZ6T2hPTTVYbXJCeENENXJIZVEzZVlGdGhYV0gucG5nIiwiY29udGVudF90eXBlIjoiaW1hZ2UvcG5nIiwic2VydmljZV9uYW1lIjoibG9jYWwifSwicHVyIjoiYmxvYl9rZXkifX0=--c67f4c5ef0822bae4339d6abaa388d1062576b8d/Aivp7m02HYw0VzOhOM5XmrBxCD5rHeQ3eYFthXWH.png" type="image/png" ><img src="https://civilvoicesmuseum.org/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJ2YXJpYW50cy9uempraGFrOWt0eDBmZnA4aTFqazFpb201NWdrL2Q4NmM2NmQzZjI1MmQ2ZDI0MmUzN2E0YTlkMDgzOTMzNjA4NDk5NTdkZGRlYTU2M2UwZjhhZjdhOTkyY2VhMmQiLCJkaXNwb3NpdGlvbiI6ImlubGluZTsgZmlsZW5hbWU9XCJBaXZwN20wMkhZdzBWek9oT001WG1yQnhDRDVySGVRM2VZRnRoWFdILnBuZ1wiOyBmaWxlbmFtZSo9VVRGLTgnJ0FpdnA3bTAySFl3MFZ6T2hPTTVYbXJCeENENXJIZVEzZVlGdGhYV0gucG5nIiwiY29udGVudF90eXBlIjoiaW1hZ2UvcG5nIiwic2VydmljZV9uYW1lIjoibG9jYWwifSwicHVyIjoiYmxvYl9rZXkifX0=--c67f4c5ef0822bae4339d6abaa388d1062576b8d/Aivp7m02HYw0VzOhOM5XmrBxCD5rHeQ3eYFthXWH.png" alt="Три дні гула земля - йшли ворожі танки. Я написала про свої відчуття та як це все було" title="Три дні гула земля - йшли ворожі танки. Я написала про свої відчуття та як це все було" class="story-preview-image" loading='lazy'></picture>
  </a>


  <div class="story-preview-desc">
    <div class="story-desc-info story-desc-full">
      <div>
        <div class="story-preview-date">
          14.02.2024
        </div>
        <div class="story-preview-author">
           Ольга Скрипченко
        </div>
      </div>
      <div class="story-preview-icon">
        <!-- The available values: video, audio, text -->
        <svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M31.2412 20.7355L15.1146 30.0463L15.1146 11.4248L31.2412 20.7355Z" fill="currentColor"/>
<rect x="1.33643" y="1.23535" width="39" height="39" stroke="currentColor"/>
</svg>

      </div>
    </div>


    <div class="story-preview-title">
      <a data-turbo-frame="_top" href="/stories/try-dni-gula-zemlya-yshly-vorozhi-tanky-ya-napysala-pro-svoi-vidchuttya-ta-yak-tse-vse-bulo">
        &quot;Три дні гула земля - йшли ворожі танки. Я написала про свої відчуття та як це все було&quot;
      </a>
      
    </div>
  </div>
  <div class="story-add-to-favorite">
    <div class="btn-favorite-container">
    <a data-action="click->common#showAuthPopup">
      <button class="btn-favorite">
        <svg width="25" height="21" viewBox="0 0 25 21" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M6.76649 0.341309C3.42433 0.341309 0.714966 3.05067 0.714966 6.39283C0.714966 7.75516 0.806322 9.4097 2.35699 11.2188C3.90766 13.0279 12.818 20.9169 12.818 20.9169C12.818 20.9169 21.7284 13.0279 23.279 11.2188C24.8297 9.4097 24.9211 7.75516 24.9211 6.39283C24.9211 3.05067 22.2117 0.341309 18.8695 0.341309C15.5274 0.341309 12.818 3.05067 12.818 6.39283C12.818 3.05067 10.1087 0.341309 6.76649 0.341309Z" fill="currentColor"></path>
        </svg>
      </button>
      <div class="tooltip-message variant-card"
            data-text-active="Видалити з моєї бібліотекі"
            data-text-inactive="Додати в мою бібліотеку">
          Додати в мою бібліотеку
        </div>
    </a>
</div>

  </div>

</div>
</template></turbo-stream><turbo-stream action="update" target="paginate_link_403"><template><a href="/load_more_list_items/403/story/3" class="load-more-btn">
  <svg width="59" height="59" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="29.1288" cy="29.5" rx="28.5" ry="28.5" stroke="currentColor"/><path d="M32.2041 16.7305L37.1916 21.718L32.2041 26.7055" stroke="currentColor"/><path d="M36.2121 21.7183H29.1282C24.2236 21.7183 20.2476 25.6943 20.2476 30.5989V30.5989C20.2476 35.5036 24.2236 39.4796 29.1282 39.4796V39.4796C34.0329 39.4796 38.0089 35.5036 38.0089 30.5989V30.5989" stroke="currentColor"/></svg>
  <span>Завантажити ще</span>
</a>
</template></turbo-stream>