2354 lines
109 KiB
HTML
2354 lines
109 KiB
HTML
<!--#itest{color:blue!important;}-->
|
|
<style>
|
|
::placeholder {color:#767171!important;}
|
|
|
|
</style>
|
|
|
|
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<!-- jQuery -->
|
|
|
|
<script src="/static/admin/js/vendor/jquery/jquery.js"></script>
|
|
<!--Custom css -->
|
|
<link rel="stylesheet" type="text/css" href=/static/style.css>
|
|
<link rel="shortcut icon" href=/static/favicon.ico>
|
|
|
|
|
|
<!-- semantic UI -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>
|
|
<link rel="stylesheet" type='text/css' href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.14/semantic.min.css">
|
|
<!-- Include Icons -->
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
|
|
|
|
|
|
<title>Fakebook - main page</title>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui secondary menu nav">
|
|
|
|
<div class="ui container" >
|
|
<!-- Link to home-Screen mit Posts-->
|
|
<a class="blue item">
|
|
<i class="fab fa-facebook"></i>
|
|
</a>
|
|
<!-- Suchzeile -->
|
|
<div class="item">
|
|
<form action="" method="GET">
|
|
<div class="ui action left icon input">
|
|
<input class="prompt" type="text" name='q' placeholder="name-of-a-friend"></input>
|
|
<i class="search icon"></i>
|
|
<button type='submit' class="ui button">Search</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ui container" >
|
|
<!-- Second Link to home-Screen -->
|
|
<a href="/posts/" class="active item">
|
|
<i class="fas fa-home"></i>
|
|
</a>
|
|
<!-- Link to Friends-Page -->
|
|
<a href="/profiles/" class=" item">
|
|
<i class="fas fa-user-friends"></i>
|
|
</a>
|
|
<!-- Link to Chat -->
|
|
<a id="chat-drawer-toggle-button" class="item" onclick="toggleChatDrawer(event.clientX, event.clientY)">
|
|
<i class="fab fa-facebook-messenger"></i>
|
|
</a>
|
|
|
|
<!-- a href="/profiles/to-invite/" class=" item"-->
|
|
<!-- a href="/profiles/my-invites/" class=" item"-->
|
|
|
|
|
|
<div class="right menu" >
|
|
<!-- Path to Profile -->
|
|
<a href="/profiles/myprofile/" class=" item">
|
|
<img src=/media/avatar_default.png class="ui avatar image">
|
|
hopkins_asylum
|
|
</a>
|
|
|
|
<!-- Logout -->
|
|
<a href="/accounts/logout/" class="ui item">
|
|
<i class="fas fa-sign-out-alt"> </i>
|
|
</a>
|
|
</div >
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="ui container">
|
|
|
|
<div class="ui grid">
|
|
|
|
<div class="ten wide column">
|
|
|
|
<!-- Publish post (More about the styling can be found in forms.py)-->
|
|
<div class="ui segment">
|
|
|
|
<form action="" method="POST" class='ui form' enctype="multipart/form-data">
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<textarea name="content" cols="40" rows="3" placeholder="Write a post..." style="background-color : #F0F2F5;" required id="id_content">
|
|
</textarea>
|
|
<div class="ui grid">
|
|
<div class="one wide column"><i
|
|
id="reaction-drawer-button-create-post"
|
|
class="fas fa-grin"
|
|
style="color: #0084FF;padding: 17px;cursor: pointer;"
|
|
> </i></div>
|
|
<div class="one wide column"> <button class="ui button mt-5 soft-button-disable" style='background-color:white'> <h4> <i class="far fa-images" style='color:green'></i> </h4> </button> </div>
|
|
<div class="nine wide column"> <input type="file" name="image" style="background-color : transparent; border-color: transparent; text-color=red" accept="image/*" id="id_image"> </div>
|
|
<div class="five wide right aligned column"> <button type='submit' name="submit_p_form" class="ui positive button w-full mt-5 ">Send</button> </div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
<!-- Read posts -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/2025-11-25_16-34.png>
|
|
Guard Hopkins - 1 month, 1 week ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">11</div>
|
|
<p> @DoorDasher , My discount code didn't work on my latest order, just realised I paid full price. Can you check your support email , you should have one from:
|
|
|
|
guard.hopkins@hopsecasylum.com </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">11</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='11'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=11>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count11"> 0 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn11" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='11'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=11>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count11"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn11" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='11'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=11>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count11"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn11" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 0 comments</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=11>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/Gemini_Generated_Image_cwaaoucwaaoucwaa.jpg>
|
|
King Malhare - 1 month, 1 week ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">5</div>
|
|
<p> By royal decree (and effectively immediately) it is nor forbidden to order food (or any other items) from Wareville to HopSec Island. This is not a reactionary post and was definitely always planned, any posts are events which relate to this recently is purely a coincidence. That will be all. Hop well, Hop wise.
|
|
|
|
King out </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">5</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='5'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=5>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count5"> 0 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn5" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='5'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=5>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count5"> 2 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn5" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> Sir Carrotbane </div>
|
|
|
|
<div> Sir BreachBlocker III </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='5'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=5>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count5"> 1 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn5" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> Guard Hopkins </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 0 comments</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=5>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/2025-11-25_16-34.png>
|
|
Guard Hopkins - 1 month, 1 week ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">3</div>
|
|
<p> Another long shift done at the asylum, couldn't be hopped cooking so ordered some food in from wareville. I know the King doesn't like them over there but DAMN can they make some good food. DoorDasher if you ever want a sponsor hit me up. (Not sure why you'd want an asylum to sponsor you but I'm sure we could work it out). </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">3</div>
|
|
|
|
<img src=/media/posts/1esif67E.jpg>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='3'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=3>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count3"> 1 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn3" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='3'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=3>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count3"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn3" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='3'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=3>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count3"> 1 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn3" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> King Malhare </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 1 comment</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
|
|
|
|
<div class="ui segment mb-5" style="color: black">
|
|
<img class="ui avatar image" src=/media/profile_pictures/2025-11-25_16-34.png>
|
|
<span>Guard Hopkins</span>
|
|
|
|
<div class='mt-5'>Can I just say.....I LOVE PIZZA</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=3>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/2025-11-25_16-34.png>
|
|
Guard Hopkins - 1 month, 2 weeks ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">2</div>
|
|
<p> Taking Johnnyboy on a walk! Johnnyboy is my best friend although I do have more (sorry for the brag) </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">2</div>
|
|
|
|
<img src=/media/posts/BCiwXJCC.jpg>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='2'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=2>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count2"> 0 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn2" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='2'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=2>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count2"> 2 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn2" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> Sir Carrotbane </div>
|
|
|
|
<div> Sir BreachBlocker III </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='2'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=2>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count2"> 2 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn2" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> Sir Carrotbane </div>
|
|
|
|
<div> Sir BreachBlocker III </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 0 comments</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=2>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/Gemini_Generated_Image_bqnpsrbqnpsrbqnp.png>
|
|
Sir BreachBlocker III - 1 month, 2 weeks ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">9</div>
|
|
<p> Can people please, for the love of the Easter Bunny and all that is Hoppy, STOP OVERSHARING on this site. You are making my job so much harder!!! </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">9</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='9'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=9>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count9"> 0 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn9" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='9'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=9>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count9"> 2 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn9" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> King Malhare </div>
|
|
|
|
<div> Sir Carrotbane </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='9'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=9>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count9"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn9" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 0 comments</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=9>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/Gemini_Generated_Image_2xjclh2xjclh2xjc.png>
|
|
Sir Carrotbane - 1 month, 2 weeks ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">7</div>
|
|
<p> Cooking up something good......stay tuned, this december we have some BIG plans :) </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">7</div>
|
|
|
|
<img src=/media/posts/voVmNCqH.jpg>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='7'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=7>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count7"> 0 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn7" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='7'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=7>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count7"> 2 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn7" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> King Malhare </div>
|
|
|
|
<div> Sir BreachBlocker III </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='7'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=7>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count7"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn7" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 0 comments</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=7>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/2025-11-25_16-34.png>
|
|
Guard Hopkins - 1 month, 3 weeks ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">1</div>
|
|
<p> New profile pic! Happiest I've ever looked :') </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">1</div>
|
|
|
|
<img src=/media/posts/unnamed_2_2.jpg>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='1'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=1>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count1"> 0 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn1" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='1'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=1>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count1"> 1 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn1" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> Sir BreachBlocker III </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='1'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=1>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count1"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn1" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 0 comments</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=1>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/Gemini_Generated_Image_cwaaoucwaaoucwaa.jpg>
|
|
King Malhare - 2 months ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">6</div>
|
|
<p> This is a public service announcement from ME, your royal EGG-cellency King Malhare. Hop well, Hop wise. King out </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">6</div>
|
|
|
|
<img src=/media/posts/ChatGPT_Image_Oct_22_2025_12_24_49_PM.png>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='6'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=6>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count6"> 0 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn6" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='6'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=6>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count6"> 4 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn6" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> Guard Hopkins </div>
|
|
|
|
<div> King Malhare </div>
|
|
|
|
<div> Sir Carrotbane </div>
|
|
|
|
<div> Sir BreachBlocker III </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='6'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=6>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count6"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn6" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 0 comments</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=6>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/Gemini_Generated_Image_cwaaoucwaaoucwaa.jpg>
|
|
King Malhare - 2 months, 2 weeks ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">10</div>
|
|
<p> NEW CAPE! YES! </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">10</div>
|
|
|
|
<img src=/media/posts/Gemini_Generated_Image_cwaaoucwaaoucwaa.jpg>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='10'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=10>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count10"> 0 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn10" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='10'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=10>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count10"> 4 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn10" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> Guard Hopkins </div>
|
|
|
|
<div> King Malhare </div>
|
|
|
|
<div> Sir Carrotbane </div>
|
|
|
|
<div> Sir BreachBlocker III </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='10'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=10>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count10"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn10" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 0 comments</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=10>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/Gemini_Generated_Image_2xjclh2xjclh2xjc.png>
|
|
Sir Carrotbane - 2 months, 2 weeks ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">13</div>
|
|
<p> Trying my hand at some bruteforcing challenges on thm, good to see they have /opt/hashcat-utils/src/combinator.bin on the AttackBox! Always comes in handy </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">13</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='13'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=13>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count13"> 0 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn13" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='13'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=13>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count13"> 1 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn13" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> Sir BreachBlocker III </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='13'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=13>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count13"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn13" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 0 comments</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=13>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/Gemini_Generated_Image_2xjclh2xjclh2xjc.png>
|
|
Sir Carrotbane - 4 months, 2 weeks ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">12</div>
|
|
<p> Did you know that if you enter your password as a comment on a post, it appears as *'s? </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">12</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='12'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=12>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count12"> 0 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn12" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='12'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=12>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count12"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn12" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='12'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=12>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count12"> 1 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn12" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> Guard Hopkins </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 3 comments</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
|
|
|
|
<div class="ui segment mb-5" style="color: black">
|
|
<img class="ui avatar image" src=/media/profile_pictures/2025-11-25_16-34.png>
|
|
<span>Guard Hopkins</span>
|
|
|
|
<div class='mt-5'>Pizza1234$</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="ui segment mb-5" style="color: black">
|
|
<img class="ui avatar image" src=/media/profile_pictures/2025-11-25_16-34.png>
|
|
<span>Guard Hopkins</span>
|
|
|
|
<div class='mt-5'>WHAT THE HELL CARROTBANE!!! NOW I NEED TO CHANGE MY PASSWORD!!!!!</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="ui segment mb-5" style="color: black">
|
|
<img class="ui avatar image" src=/media/profile_pictures/Gemini_Generated_Image_2xjclh2xjclh2xjc.png>
|
|
<span>Sir Carrotbane</span>
|
|
|
|
<div class='mt-5'>HAHA just seeing who the weak links are!</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=12>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/Gemini_Generated_Image_2xjclh2xjclh2xjc.png>
|
|
Sir Carrotbane - 6 months, 2 weeks ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">8</div>
|
|
<p> HAHAHA heard they locked up my old boss Hopper. GOOD! ITS WHERE HE BELONGS , The red team battalion has been WAY better since I took control. </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">8</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='8'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=8>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count8"> 0 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn8" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='8'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=8>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count8"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn8" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='8'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=8>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count8"> 1 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn8" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
<span class="tooltiptext">
|
|
|
|
<div> King Malhare </div>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 0 comments</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=8>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ui fluid card post-card">
|
|
<div class="content">
|
|
<div class="right floated meta">
|
|
<div class="ui grid">
|
|
<div class="row">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="ui avatar image" src=/media/profile_pictures/2025-11-25_16-34.png>
|
|
Guard Hopkins - 11 months ago
|
|
</div>
|
|
|
|
<!--Post Text-->
|
|
<div class="content post-content">
|
|
<div class="post-id-field" style="display: none">4</div>
|
|
<p> Happy 43rd anniversary to the year I was born. Yep 1982! What a year for the world. </p>
|
|
</div>
|
|
|
|
<div class="ui fluid image post-image">
|
|
<div class="post-id-field" style="display: none">4</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--Reaction-->
|
|
<div class="content">
|
|
<div class="ui grid">
|
|
|
|
|
|
<!--Flags:-->
|
|
<div class="eight wide column">
|
|
<form action="/posts/reported/" method="POST" class='report-form' id='4'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=4>
|
|
<div class="ui grid">
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="report-count4"> 0 </div>
|
|
</button>
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<button type="submit" class="ui button report-btn4" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-flag" style="color:#F33C57"> </i>
|
|
|
|
</button>
|
|
|
|
<span class="tooltiptext">
|
|
Report post
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Likes-->
|
|
<div class="four wide column">
|
|
<form action="/posts/liked/" method="POST" class='like-form' id='4'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=4>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="like-count4"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button like-btn4" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-up" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--Dislikes:-->
|
|
<div class="four wide column">
|
|
<form action="/posts/disliked/" method="POST" class='dislike-form' id='4'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=4>
|
|
<div class="ui grid">
|
|
<!--If you change something here, also change it in the ajax function below-->
|
|
<div class="tooltip">
|
|
<button type="submit" class="btn btn-primary" disabled>
|
|
<div class="dislike-count4"> 0 </div>
|
|
</button>
|
|
<button type="submit" class="ui button dislike-btn4" style='background-color:transparent;'>
|
|
|
|
<i class="far fa-thumbs-down" style="color:#1073F2"> </i>
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="extra content">
|
|
<!--button class="cmt_btn ui button mb-5">show / hide comments </button-->
|
|
<button class="cmt_btn ui right button mb-5" style='background-color:transparent'><i class="comment icon"></i> <span> 0 comments</span> </button>
|
|
|
|
<div class="comment-box">
|
|
|
|
</div>
|
|
|
|
|
|
<form action="" method="POST"class='ui fluid form'>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="pMYp9pUPD2312qoHQL5UG7l5QiHCns95CUuY8oXbOqlmujkpEbQx2Bg6eTvNKxaG">
|
|
<input type="hidden" name="post_id" value=4>
|
|
<div class="ui twelve column grid">
|
|
<div class="twelve wide column">
|
|
<tr><th></th><td><input type="text" name="body" placeholder="Add a comment..." required id="id_body"></td></tr>
|
|
</div>
|
|
<div class="one wide column"><i
|
|
class="fas fa-grin reaction-drawer-button-create-comment"
|
|
style="color: #0084FF;padding-top: 12px;cursor: pointer;"
|
|
></i></div>
|
|
<div class="three wide right aligned column">
|
|
<button type="submit" name="submit_c_form" class="ui primary button w-full">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!-- Space bewtween posts and adverstisements -->
|
|
<div class="one wide column">
|
|
<!-- Leave empty here -->
|
|
</div>
|
|
|
|
<!-- Advertisments -->
|
|
<div class="five wide column">
|
|
<h3 style='color:grey'> Sponsored </h3>
|
|
|
|
|
|
</div>
|
|
|
|
<!-- Advertisements modal dialogs -->
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
$( document ).ready(function() {
|
|
let display = false
|
|
$(".cmt_btn").click(function () {
|
|
if (display===false) {
|
|
$(this).next(".comment-box").show("slow");
|
|
display=true
|
|
} else {
|
|
$(this).next(".comment-box").hide("slow");
|
|
display=false
|
|
}
|
|
});
|
|
|
|
$('.report-form').submit(function(e){
|
|
e.preventDefault()
|
|
|
|
const post_id = $(this).attr('id')
|
|
const statushtml = $.trim($(`.report-btn${post_id}`).html())
|
|
const reportedhtml = '<i class="fas fa-flag" style="color:#F33C57"> </i>'
|
|
const unreportedhtml = '<i class="far fa-flag" style="color:#F33C57"> </i>'
|
|
const url = $(this).attr('action')
|
|
|
|
let res;
|
|
const reports = $(`.report-count${post_id}`).text()
|
|
const trimCount = parseInt(reports)
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: url,
|
|
data: {
|
|
'csrfmiddlewaretoken': $('input[name=csrfmiddlewaretoken]').val(),
|
|
'post_id':post_id,
|
|
},
|
|
success: function(response) {
|
|
if(statushtml === reportedhtml) {
|
|
$(`.report-btn${post_id}`).html(unreportedhtml)
|
|
res = trimCount - 1
|
|
} else {
|
|
$(`.report-btn${post_id}`).html(reportedhtml)
|
|
res = trimCount + 1
|
|
}
|
|
|
|
$(`.report-count${post_id}`).text(res)
|
|
},
|
|
error: function(response) {
|
|
console.log('error', response)
|
|
}
|
|
})
|
|
|
|
})
|
|
|
|
$('.like-form').submit(function(e){
|
|
e.preventDefault()
|
|
|
|
const post_id = $(this).attr('id')
|
|
const statushtml = $.trim($(`.like-btn${post_id}`).html())
|
|
const likedhtml = '<i class="fas fa-thumbs-up" style="color:#1073F2"> </i>'
|
|
const unlikedhtml = '<i class="far fa-thumbs-up" style="color:#1073F2"> </i>'
|
|
const url = $(this).attr('action')
|
|
|
|
let res;
|
|
const likes = $(`.like-count${post_id}`).text()
|
|
const trimCount = parseInt(likes)
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: url,
|
|
data: {
|
|
'csrfmiddlewaretoken': $('input[name=csrfmiddlewaretoken]').val(),
|
|
'post_id':post_id,
|
|
},
|
|
success: function(response) {
|
|
if(statushtml === likedhtml) {
|
|
$(`.like-btn${post_id}`).html(unlikedhtml)
|
|
res = trimCount - 1
|
|
} else {
|
|
$(`.like-btn${post_id}`).html(likedhtml)
|
|
res = trimCount + 1
|
|
}
|
|
|
|
$(`.like-count${post_id}`).text(res)
|
|
},
|
|
error: function(response) {
|
|
console.log('error', response)
|
|
}
|
|
})
|
|
})
|
|
|
|
$('.dislike-form').submit(function(e){
|
|
e.preventDefault()
|
|
|
|
const post_id = $(this).attr('id')
|
|
const statushtml = $.trim($(`.dislike-btn${post_id}`).html())
|
|
const dislikedhtml = '<i class="fas fa-thumbs-down" style="color:#1073F2"> </i>'
|
|
const undislikedhtml = '<i class="far fa-thumbs-down" style="color:#1073F2"> </i>'
|
|
const url = $(this).attr('action')
|
|
|
|
let res;
|
|
const dislikes = $(`.dislike-count${post_id}`).text()
|
|
const trimCount = parseInt(dislikes)
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: url,
|
|
data: {
|
|
'csrfmiddlewaretoken': $('input[name=csrfmiddlewaretoken]').val(),
|
|
'post_id':post_id,
|
|
},
|
|
success: function(response) {
|
|
if(statushtml === dislikedhtml) {
|
|
$(`.dislike-btn${post_id}`).html(undislikedhtml)
|
|
res = trimCount - 1
|
|
} else {
|
|
$(`.dislike-btn${post_id}`).html(dislikedhtml)
|
|
res = trimCount + 1
|
|
}
|
|
|
|
$(`.dislike-count${post_id}`).text(res)
|
|
},
|
|
error: function(response) {
|
|
console.log('error', response)
|
|
}
|
|
})
|
|
})
|
|
|
|
|
|
});
|
|
</script>
|
|
<script src="/static/analytics/analytics-posts.js"></script>
|
|
<script type="module" src="https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js"></script>
|
|
<script src="/static/posts-emoji-picker.js"></script>
|
|
|
|
|
|
<!--Custom js -->
|
|
<script type="text/javascript" src=/static/main.js></script>
|
|
<script type="text/javascript" src=/static/chat/chat-manager.js></script>
|
|
<script type="text/javascript" src=/static/analytics/analytics.js></script>
|
|
</body>
|
|
</html>
|