kate.sharon_truecrime wordpress archive
kate.sharon_truecrime posts:
Back
<iframe width='100</p> <br> <small style="color: #888;">Posted on: 2024-07-19T05:58:56</small> </div> <div class="post-card"> <h2> </h2> <p><div class='youtube_container'> <iframe width='100</p> <br> <small style="color: #888;">Posted on: 2024-07-19T05:58: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: 2024-07-04T14:12:39</small> </div> <div class="post-card"> <h2>https://youtu.be/-6nNA8jy0GI</h2> <p></p> <div class="post-media"> <img src="https://img.coomer.st/thumbnail/data/38/ad/38ad7762250ceb59ce5a0b855adb92678f93b82e66eb7ff57983d465f741c2fe.jpg" alt="media"> </div> <br> <small style="color: #888;">Posted on: 2024-06-21T08:38:31</small> </div> <div class="post-card"> <h2>Albert Fish 'PODCAST'</h2> <p>Albert Fish 'PODCAST'</p> <div class="post-media"> <video src="https://n1.coomer.st/data/22/74/2274c6221ad848128b4910184b541aa1fe79a5daac415459c4921f1994c8ce07.mp4" controls preload="metadata"></video> </div> <br> <small style="color: #888;">Posted on: 2024-06-15T22:01:24</small> </div> <div class="post-card"> <h2>Hey there! I'm excited to share that my YouTube channel is ..</h2> <p>Hey there!<br /> <br /> I'm excited to share that </p> <br> <small style="color: #888;">Posted on: 2024-06-15T18:30:27</small> </div> <div class="post-card"> <h2>Hey everyone, I am fundraising to get myself a new camera to..</h2> <p>Hey everyone,<br /> I am fundraising to get myself</p> <div class="post-media"> <img src="https://img.coomer.st/thumbnail/data/29/81/2981ea0f5d059bf4f4a9c6757f45966add58a44e109b818c412bf3132695dc50.jpg" alt="media"> <img src="https://img.coomer.st/thumbnail/data/2e/8b/2e8b370053330e1222f4fd160214fc23020ce430d2e4711e9758dee00a6ea574.jpg" alt="media"> </div> <br> <small style="color: #888;">Posted on: 2024-06-10T07:34:15</small> </div> <div class="post-card"> <h2>😆 It's so true</h2> <p>😆 It's so true</p> <div class="post-media"> <img src="https://img.coomer.st/thumbnail/data/72/21/72218f19c461a0310182230fe9fd97cd8fd8522cf5afd2c71602f36741b503c0.jpg" alt="media"> </div> <br> <small style="color: #888;">Posted on: 2024-06-10T07:26:38</small> </div> <div class="post-card"> <h2>My TrueCrime kitty 😺 https://youtube.com/@kate.sha…</h2> <p>My TrueCrime kitty 😺 <br /> <br /> </p> <div class="post-media"> <img src="https://img.coomer.st/thumbnail/data/5e/f0/5ef0c09610bef8a9c241349e4487d850e59f0f22beec607507a7a2ed55e7d80c.jpg" alt="media"> </div> <br> <small style="color: #888;">Posted on: 2024-06-10T07:25:48</small> </div> <div class="post-card"> <h2>To view my TrueCrime video's: https://youtube.com/@kate.sha…</h2> <p>To view my TrueCrime video's: </p> <div class="post-media"> <img src="https://img.coomer.st/thumbnail/data/e2/28/e2289f6c3e0e1c21c72f4237dde58e034b0f1d4c3ce79ab7e8a8134b20572afb.jpg" alt="media"> </div> <br> <small style="color: #888;">Posted on: 2024-06-10T07:25:15</small> </div> <div class="post-card"> <h2>From my studies, I personally believe that the large amounts..</h2> <p>From my studies, I personally believe that the lar</p> <div class="post-media"> <img src="https://img.coomer.st/thumbnail/data/0e/45/0e457fab0598ca5054c427880172a5cccf5c6c8d04e2eead4307f2c4604bb1b7.jpg" alt="media"> </div> <br> <small style="color: #888;">Posted on: 2024-06-10T07:22:47</small> </div> <div class="post-card"> <h2>I got myself a new filming chair! I'm going for a more rusti..</h2> <p>I got myself a new filming chair!<br /> I'm going </p> <div class="post-media"> <img src="https://img.coomer.st/thumbnail/data/40/2c/402c8d542a186134e4ecf1cb6ad73f7f4eb3ded8a32842b6e428bfed105f2508.jpg" alt="media"> </div> <br> <small style="color: #888;">Posted on: 2024-06-10T07:21:41</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 = "kate.sharon_truecrime"; 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>