A social pastebin built on atproto.
6
fork

Configure Feed

Select the types of activity you want to include in your feed.

view: move replies above replies, match case

+20 -22
+20 -22
templates/view.html
··· 46 46 47 47 <!-- Replies --> 48 48 <div class="border-t border-gray-100 pt-5"> 49 + {% if g.user %} 50 + <form method="post" action="{{ url_for('create_reply', identifier=did, rkey=paste_id.split('/')[-1]) }}" class="mb-5"> 51 + <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"> 52 + <input type="hidden" name="at_uri" value="{{ at_uri }}"> 53 + <input type="hidden" name="cid" value="{{ cid }}"> 54 + <div class="flex gap-3"> 55 + <div class="shrink-0 mt-1"> 56 + <img src="/avatar/{{ g.user.did }}" alt="" class="w-5 h-5 rounded-full bg-gray-100"> 57 + </div> 58 + <div class="flex-1 relative"> 59 + <textarea name="text" rows="1" required placeholder="write a reply..." 60 + class="w-full pl-3 pr-20 py-2.5 border border-gray-200 rounded-md text-sm text-gray-900 placeholder-gray-400 focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 resize-none"></textarea> 61 + <button type="submit" 62 + class="absolute right-1.5 top-1/2 -translate-y-1/2 bg-indigo-600 text-white px-3 py-1 rounded text-xs font-medium hover:bg-indigo-700 transition-colors">reply</button> 63 + </div> 64 + </div> 65 + </form> 66 + {% endif %} 67 + 49 68 {% if replies %} 50 - <div class="space-y-4 mb-5"> 69 + <div class="space-y-4"> 51 70 {% for reply in replies %} 52 71 <div class="flex gap-3"> 53 72 <div class="shrink-0 mt-0.5"> ··· 71 90 </div> 72 91 {% endfor %} 73 92 </div> 74 - {% endif %} 75 - 76 - {% if g.user %} 77 - <form method="post" action="{{ url_for('create_reply', identifier=did, rkey=paste_id.split('/')[-1]) }}"> 78 - <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"> 79 - <input type="hidden" name="at_uri" value="{{ at_uri }}"> 80 - <input type="hidden" name="cid" value="{{ cid }}"> 81 - <div class="flex gap-3"> 82 - <div class="shrink-0 mt-1"> 83 - <img src="/avatar/{{ g.user.did }}" alt="" class="w-5 h-5 rounded-full bg-gray-100"> 84 - </div> 85 - <div class="flex-1"> 86 - <textarea name="text" rows="2" required placeholder="Write a reply..." 87 - class="w-full px-3 py-2 border border-gray-200 rounded-md text-sm text-gray-900 placeholder-gray-400 focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 resize-none"></textarea> 88 - <div class="flex justify-end mt-1.5"> 89 - <button type="submit" 90 - class="bg-indigo-600 text-white px-3.5 py-1.5 rounded-md hover:bg-indigo-700 text-sm font-medium transition-colors">reply</button> 91 - </div> 92 - </div> 93 - </div> 94 - </form> 95 93 {% endif %} 96 94 </div> 97 95 {% endblock %}