flik.p wordpress archive
flik.p posts:
Back
https://youtu.be/-h6X9PsimHk?si=SStUmMUTbpRzEF4P
Posted on: 2024-03-07T14:48:07
<iframe width='100</p> <br> <small style="color: #888;">Posted on: 2024-02-28T17:07:00</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-26T14:27:53</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-25T19:14:22</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-24T14:20:36</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-23T14:29:33</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-19T13:52:57</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-18T14:41:37</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-16T01:23:40</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-13T15:57:08</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-12T18:52:23</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-11T23:34:14</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-09T14:15:11</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-08T14:10:27</small> </div> <div class="post-card"> <h2>https://youtu.be/-bHqiXBrDZU?si=3imcMM0QO4QEo26V</h2> <p></p> <br> <small style="color: #888;">Posted on: 2023-12-07T16:42:55</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-05T20:47:59</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-03T14:12:00</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-02T21:45:53</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-12-01T13:46:15</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-29T13:09:54</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-24T14:57:44</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-22T13:40:19</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-17T16:27:15</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-16T21:26:39</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-14T13:36:41</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-13T13:00:36</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-10T18:43:53</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-08T21:39:23</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-07T18:51:57</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-05T13:27:31</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-05T00:11:41</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-11-03T19:43:14</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-10-29T13:52:44</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-10-26T17:50:41</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-10-24T15:29:01</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-10-23T12:47:44</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-10-19T12:37:25</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-10-18T13:26:42</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-10-17T17:23:24</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-10-16T12:01:03</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-10-10T13:59:05</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-10-04T13:08:28</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-10-02T13:43:22</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-09-30T12:16:58</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-09-29T12:11:09</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-09-28T13:07:15</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-09-26T12:31:47</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-09-25T15:29:45</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2023-09-23T11:55:19</small> </div> </div> <div id="loading-indicator" style="text-align: center; padding: 15px; font-weight: bold; color: #666; display: none;">Загрузка следующих постов...</div> <!-- СТРОГО ПЕРЕД ТЕГОМ </body> ВСТАВЛЯЕМ ЭТОТ БЛОК JS --> <script> let currentOffset = 50; // Начинаем со смещения 50, так как первые 50 постов уже на экране let isLoading = false; let hasMorePosts = true; // Вытаскиваем имя модели прямо из контекста slt2 шаблонизатора const username = "flik.p"; window.onscroll = function() { if (!hasMorePosts || isLoading || username === '') return; // Триггер: если пользователь прокрутил страницу и до низа осталось 600 пикселей if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight - 600) { loadMorePosts(); } }; function loadMorePosts() { isLoading = true; document.getElementById('loading-indicator').style.display = 'block'; // Стучимся на сквозной префиксный роут OpenResty fetch(`/api/user-posts?username=${username}&offset=${currentOffset}`) .then(response => response.json()) .then(data => { document.getElementById('loading-indicator').style.display = 'none'; if (data && data.length > 0) { const container = document.getElementById('posts-container'); const emptyMsg = document.getElementById('empty-message'); if (emptyMsg) emptyMsg.remove(); // Разбираем прилетевшие посты и на лету встраиваем в HTML data.forEach(post => { const card = document.createElement('div'); card.className = 'post-card'; let mediaHtml = ''; if (post.media && post.media.length > 0) { mediaHtml = '<div class="post-media" style="display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; justify-content: center;">'; post.media.forEach(path => { const ext = path.split('.').pop().toLowerCase(); if (ext === 'mp4' || ext === 'm4v' || ext === 'mov') { mediaHtml += `<video src="https://n1.coomer.st/data${path}" controls preload="metadata" style="width: 100%; max-width: 100%; height: auto; border-radius: 4px; object-fit: cover;"></video>`; } else { // Сохраняем вашу оригинальную структуру путей к превью картинок mediaHtml += `<img src="https://img.coomer.st/thumbnail/data${path}" alt="media" style="width: 100%; max-width: 100%; height: auto; border-radius: 4px; object-fit: cover;">`; } }); mediaHtml += '</div>'; } card.innerHTML = ` <h2>${post.title || 'Untitled'}</h2> <p>${post.content || ''}</p> ${mediaHtml} <br> <small style="color: #888;">Posted on: ${post.date || ''}</small> `; container.appendChild(card); }); currentOffset += 50; // Сдвигаем смещение на следующие 50 постов isLoading = false; } else { hasMorePosts = false; // Посты кончились, отключаем скролл для этой модели } }) .catch(err => { console.error("Infinite Scroll AJAX Error:", err); isLoading = false; document.getElementById('loading-indicator').style.display = 'none'; }); } </script> </div> </body> </html>