ThreadSky
About ThreadSky
Log In
ztefano.bsky.social
•
40 days ago
</div> <!-- Rest of your existing post display code --> <!-- In the main post section, add this after the post text --> </div> <div class="comments-section"> <h3>Comments</h3> <div class="login-prompt"> <a href="login?redirect=%2Fpost%3Furi%3Dat%253A%252F%252Fdid%253Aplc%253Anzzfm24xmlrp5r75j3xmoh77%252Fapp.bsky.feed.post%252F3lltnbdnxpk2e">Log in</a> with your Bluesky account to leave a comment </div> <!-- Skeleton loader (initially visible) --> <div class="skeleton-comments"> <div class="skeleton-comment"> <div class="skeleton-comment-header"> <div class="skeleton-comment-avatar skeleton"></div> <div class="skeleton-comment-author skeleton"></div> <div class="skeleton-comment-time skeleton"></div> </div> <div class="skeleton-comment-content"> <div class="skeleton-comment-text skeleton"></div> <div class="skeleton-comment-text skeleton"></div> </div> <div class="skeleton-comment-actions"> <div class="skeleton-action skeleton"></div> <div class="skeleton-action skeleton"></div> </div> <!-- Nested reply skeleton --> <div class="skeleton-replies"> <div class="skeleton-comment"> <div class="skeleton-comment-header"> <div class="skeleton-comment-avatar skeleton"></div> <div class="skeleton-comment-author skeleton"></div> <div class="skeleton-comment-time skeleton"></div> </div> <div class="skeleton-comment-content"> <div class="skeleton-comment-text skeleton"></div> </div> <div class="skeleton-comment-actions"> <div class="skeleton-action skeleton"></div> <div class="skeleton-action skeleton"></div> </div> </div> </div> </div> <div class="skeleton-comment"> <div class="skeleton-comment-header"> <div class="skeleton-comment-avatar skeleton"></div> <div class="skeleton-comment-author skeleton"></div> <div class="skeleton-comment-time skeleton"></div> </div> <div class="skeleton-comment-content"> <div class="skeleton-comment-text skeleton"></div> <div class="skeleton-comment-text skeleton"></div> </div> <div class="skeleton-comment-actions"> <div class="skeleton-action skeleton"></div> <div class="skeleton-action skeleton"></div> </div> <!-- Nested reply skeleton --> </div> <div class="skeleton-comment"> <div class="skeleton-comment-header"> <div class="skeleton-comment-avatar skeleton"></div> <div class="skeleton-comment-author skeleton"></div> <div class="skeleton-comment-time skeleton"></div> </div> <div class="skeleton-comment-content"> <div class="skeleton-comment-text skeleton"></div> <div class="skeleton-comment-text skeleton"></div> </div> <div class="skeleton-comment-actions"> <div class="skeleton-action skeleton"></div> <div class="skeleton-action skeleton"></div> </div> <!-- Nested reply skeleton --> </div> </div> <!-- Actual comments (initially hidden) --> <div class="comments-list" style="display: none;"> <div class="no-comments">No comments yet</div> </div> </div> </div> </div> </div> <div class="post-sidebar"> <div class="sidebar-box"> <h3>Posting Rules</h3> <div class="sidebar-content"> <ul style="margin: 0; padding-left: 20px;"> <li>Be respectful to others</li> <li>No spam or self-promotion</li> <li>Stay on topic</li> <li>Follow Bluesky's terms of service</li> </ul> </div> </div> </div> </div> </main> <div class="lightbox" id="lightbox" onclick="closeLightbox()"> <img id="lightbox-img" src="" alt="Fullsize image"> </div> <!-- Reply Modal --> <div class="modal" id="replyModal"> <div class="modal-content"> <span class="close">×</span> <h2>Reply</h2> <form id="replyForm"> <input type="hidden" id="replyTo" name="replyTo"> <div class="form-group"> <textarea id="replyText" name="replyText" required>
Post Reply
