It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://Jaycuba.com/read-blog/13_bermuda-infantil-sarja-bege-masculina-mercadolivre.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <script>
  5.        var isLoggedIn = false;
  6.    </script>
  7.    <meta charset="UTF-8">
  8.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.    <title>jaycuba owner kin.top
  10. Professional Tantra Masseur / Energy healer having done over 1000 sessions with women.
  11. spiritually awakening through mooji.
  12. full-time vanlifer now 26 months (mostly portugal, spain, france)
  13.  
  14. english (very good)
  15. czech (spoken pretty good)
  16. german (very good)
  17. french (medium)
  18. spanish (very good)
  19. italian (understand a lot can speak a little)
  20. portuguese (getting better basically medium beginner understand a lot)</title>
  21. <!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">-->
  23.  
  24. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  25.  
  26. <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
  27.  
  28. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  29.  
  30.  
  31.  
  33. <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  34. <link rel="icon" type="image/png" sizes="32x32" href="/favicon-48x48.png">
  35. <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  36. <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"  id="favicon">
  37. <link rel="manifest" href="/site.webmanifest?v=1">
  38. <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  39. <meta name="msapplication-TileColor" content="#da532c">
  40. <meta name="theme-color" content="#ffffff">
  41. <link rel="apple-touch-icon" href="/android-chrome-192x192.png">
  42.  
  43.    <!-- Twitter Card data -->
  44.    <meta name="twitter:card" content="summary">
  45.    <meta name="twitter:site" content="@kinglobal">
  46.    <meta name="twitter:title" content="jaycuba owner kin.top
  47. Professional Tantra Masseur / Energy healer having done over 1000 sessions with women.
  48. spiritually awakening through mooji.
  49. full-time vanlifer now 26 months (mostly portugal, spain, france)
  50.  
  51. english (very good)
  52. czech (spoken pretty good)
  53. german (very good)
  54. french (medium)
  55. spanish (very good)
  56. italian (understand a lot can speak a little)
  57. portuguese (getting better basically medium beginner understand a lot)">
  58.    <meta name="twitter:description" content="Join Kin.top to earn rewards by inviting friends and participating in our communities.">
  59. <meta name="twitter:image" content="https://kin.top/hugecat.png"><meta property="og:image" content="https://kin.top/thecat.png" />    
  60.    <!-- Open Graph data -->
  61.    <meta property="og:title" content="jaycuba owner kin.top
  62. Professional Tantra Masseur / Energy healer having done over 1000 sessions with women.
  63. spiritually awakening through mooji.
  64. full-time vanlifer now 26 months (mostly portugal, spain, france)
  65.  
  66. english (very good)
  67. czech (spoken pretty good)
  68. german (very good)
  69. french (medium)
  70. spanish (very good)
  71. italian (understand a lot can speak a little)
  72. portuguese (getting better basically medium beginner understand a lot)" />
  73.    <meta property="og:type" content="website" />
  74.    <meta property="og:url" content="https://kin.top/user/jaycuba" />
  75.    
  76.    <meta property="og:description" content="Join Kin.top to earn rewards by inviting friends and participating in our communities." />
  77.   <meta property="og:site_name" content="Kin.top" />
  78.  
  79.   <style>
  80.  
  81.  
  82. body {
  83.   overflow-y: scroll; /* Ensures the vertical scrollbar is always active */
  84.    background-color: #DAE0E6;
  86.    padding-top: 60px; /* Adjust this value based on your navbar height */
  87.  
  88. }
  89.  
  90. html{
  91. padding:0px;
  92. margin:0px;
  93. }
  94.  
  95.  
  96. /* Ensure .reddit-post is centered on mobile screens */
  97. @media (max-width: 768px) {
  98.    .reddit-post {
  99.  
  100.  
  101.        margin: 0 auto;
  102.    }
  103.    
  104. .comment-text{
  105. display:none;
  106. }
  108. .navbar-collapse {
  109.    max-height: 600px; /* Adjust this value as needed */
  110.    overflow-y: auto;
  111. }
  112. }
  113.  
  114.  
  115.  
  116.  
  117. .superboostcounter {
  118.    color: #1C1C1C;
  119.  font-size:12px;
  120. }
  121. .slurp {
  122.    color: #1C1C1C;
  123.    font-weight: bold;
  124. }
  125.  
  126. .slurp a {
  127.    color: #1C1C1C;
  128.    text-decoration: none;
  129. }
  130.  
  131. .reddit-post {
  132.    display: flex;
  133.    align-items: flex-start; /* Changed from center to flex-start */
  134.    border: 1px solid #e1e4e8;
  135.    border-radius: 6px;
  136.    padding: 12px;
  137.    background-color: #ffffff;
  138.    margin-bottom: 6px;
  139.    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  140. }
  141.  
  142. .comment {
  143.  
  144.    border: 1px solid #e1e4e8;
  145.    border-radius: 6px;
  146.    padding: 12px;
  147.    background-color: #ffffff;
  148.    margin-bottom: 12px;
  149.    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  150. }
  151.  
  152.  
  153.  
  154.  
  155. .post-content {
  156.    flex-grow: 1;
  157. }
  158.  
  159. .post-title {
  160.    font-size: 18px;
  161.    font-weight: 500;
  162.    margin-bottom: 5px;
  163. }
  164.  
  165. .post-title a {
  166.    color: #0079d3;
  167.    text-decoration: none;
  168. }
  169.  
  170. .post-title a:hover {
  171.    text-decoration: underline;
  172. }
  173.  
  174. .post-meta {
  175.    font-size: 12px;
  176.    color: #787c7e;
  177.   margin-bottom:0px;
  178. }
  179.  
  180. .post-actions {
  181.    display: flex;
  182.    align-items: center;
  183.  
  184.    color: #747474;
  185. }
  186.  
  187. .post-actions  a{
  188.  
  189.    color: #747474;
  190. }
  191.  
  192.  
  193. .post-actions .btn-link {
  194.    color: #747474;
  195.    text-decoration: none;
  196.    font-family: Arial, Helvetica, sans-serif;
  197.    font-size: 14px;
  198.    padding: 0;
  199.    margin: 0;
  200. }
  201.  
  202.  
  203. .post-actions .btn-link:hover {
  204.    text-decoration: underline;
  205. }
  206.  
  207. .post-actions .several-comments{
  208. color: #454545;
  209.  
  210. }
  211.  
  212.  
  213. .post-actions .no-comments{
  214. color: #c5c5c5;
  215.  
  216.  
  217. }
  218.  
  219. .img-preview{
  220. border-radius:3px;
  221. -webkit-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.35);
  222. box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.35);
  223. }
  224. .post-actions .superboost-btn {
  226.    font-family: Arial, Helvetica, sans-serif;
  227.    font-size: 14px;
  228. }
  229.  
  230. .comment {
  231.    border-left: 2px solid #007bff;
  232.    padding-left: 15px;
  233.    margin-bottom: 15px;
  234. }
  235.  
  236. .comment-header {
  237.    display: flex;
  238.    justify-content: space-between;
  239.    align-items: center;
  240.    margin-bottom: 5px;
  241. }
  242.  
  243. .comment-actions {
  244.    display: flex;
  245.    gap: 10px;
  246. }
  247.  
  248. .comment-content {
  249.    margin-bottom: 10px;
  250. }
  251.  
  252. .edit-form {
  253.    display: none;
  254.    margin-top: 10px;
  255. }
  256.  
  257. .spinner-border-custom {
  258.  display: inline-block;
  259.  width: 1rem;
  260.  height: 1rem;
  261.  vertical-align: text-bottom;
  262.  border: 0.25em solid currentColor;
  263.  border-right-color: transparent;
  264.  border-radius: 50%;
  265.  animation: spinner-border 0.75s linear infinite;
  266. }
  267.  
  268. @keyframes spinner-border {
  269.  100% {
  270.    transform: rotate(360deg);
  271.  }
  272. }
  273.  
  274. .page-load-status {
  275.  display: none; /* hidden by default */
  276.  padding-top: 20px;
  277.  border-top: 1px solid #DDD;
  278.  text-align: center;
  279.  color: #777;
  280. }
  281.  
  282. /* loader ellips */
  283. .loader-ellips {
  284.  font-size: 20px;
  285.  position: relative;
  286.  width: 4em;
  287.  height: 1em;
  288.  margin: 10px auto;
  289. }
  290.  
  291. .loader-ellips__dot {
  292.  display: block;
  293.  width: 1em;
  294.  height: 1em;
  295.  border-radius: 0.5em;
  296.  background: #555;
  297.  position: absolute;
  298.  animation-duration: 0.5s;
  299.  animation-timing-function: ease;
  300.  animation-iteration-count: infinite;
  301. }
  302.  
  303. .loader-ellips__dot:nth-child(1),
  304. .loader-ellips__dot:nth-child(2) {
  305.  left: 0;
  306. }
  307. .loader-ellips__dot:nth-child(3) { left: 1.5em; }
  308. .loader-ellips__dot:nth-child(4) { left: 3em; }
  309.  
  310. @keyframes reveal {
  311.  from { transform: scale(0.001); }
  312.  to { transform: scale(1); }
  313. }
  314.  
  315. @keyframes slide {
  316.  to { transform: translateX(1.5em) }
  317. }
  318.  
  319. .loader-ellips__dot:nth-child(1) {
  320.  animation-name: reveal;
  321. }
  322.  
  323. .loader-ellips__dot:nth-child(2),
  324. .loader-ellips__dot:nth-child(3) {
  325.  animation-name: slide;
  326. }
  327.  
  328. .loader-ellips__dot:nth-child(4) {
  329.  animation-name: reveal;
  330.  animation-direction: reverse;
  331. }
  332.  
  333. .whitepost {
  334.    border: 1px solid #e1e4e8;
  335.    border-radius: 6px;
  336.    padding: 12px;
  337.    background-color: #ffffff;
  338.  
  339.    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  340. }
  341.  
  342. .url-wrap {
  343.    word-break: break-word; /* Ensures words will break properly at the word boundary */
  344.  overflow-wrap: break-word; /* Allows the browser to break long words if needed */
  345. white-space: normal; /* Ensures text will wrap within the container */
  346. }
  347.  
  348.  
  349. ..vote-and-boost {
  350.    display: flex;
  351.    align-items: center;
  352.    justify-content: center;
  353.  
  354.    border-radius: 12px; /* Rounded corners */
  355.    padding: 8px 20px; /* Adjust padding as needed */
  356.    font-size: 14px;
  357.    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); /* Subtle shadow */
  358. }
  359.  
  360. .vote-and-boost button {
  361.    border: none;
  362.    background: none;
  363.    cursor: pointer;
  364.    font-size: 20px; /* Adjust the size to match the image */
  365.    line-height: 1;
  366.    color: #b4afa5; /* Default color */
  367. }
  368.  
  369.  
  370. .vote-and-boost  .downvote {
  371.  
  372. }
  373.  
  374.  
  375. .vote-and-boost .vote-count {
  376.    margin: 0 10px;
  377.    font-weight: bold;
  378.    color: #333;
  379.    font-size: 16px; /* Adjust size to match the image */
  380. }
  381.  
  382.  
  383.  
  384. .vote-and-boost .upvote.active {
  385.    color: #ff4500; /* Reddit's upvote orange when active */
  387. }
  388.  
  389. .vote-and-boost .downvote.active {
  390.    color: #7193ff; /* Reddit's downvote blue when active */
  391. }
  392.  
  393. .main-vote-container{
  394.   display:inline-block;
  395. width:300px;
  396. border-radius: 30px;
  397. padding:0px 10px 5px 10px;
  398. text-align:left;
  399.  
  400.  
  401. }
  402.  
  403.  
  404. .main-vote-container{
  405.   display:block;
  406.   width:40px;
  407. border-radius: 30px;
  408. padding:0px 10px 5px 10px;
  409. text-align:center;
  410.  
  411.  
  412. }
  413.  
  414. .main-orientation-left {
  415.    display: inline-flex;
  416.    flex-direction: column;
  417. width:40px;
  418.    border-radius: 15px;
  419.    padding: 0px 0px;
  420.    text-align: center;
  421.    margin: 0px 3px 6px 0px;
  422.    border: 0px;
  424. }
  425.  
  426. ..vote-and-boost {
  427.    display: flex;
  428.    align-items: center;
  429.    justify-content: center;
  431.    border-radius: 12px; /* Rounded corners */
  432.    padding: 0px 20px; /* Adjust padding as needed */
  433.    font-size: 14px;
  434.   box-shadow:none;
  435. }
  436.  
  437. .several-comments-text strong{
  438. color:#7b9848;
  439. }
  440.  
  441.  
  442. .vote-orientation-left {
  443.    display: flex;
  444.    flex-direction: column;
  445.    align-items: center;
  446.    justify-content: center;
  447.    border-radius: 12px;
  448.    padding: 0px;
  449.    font-size: 14px;
  450.    box-shadow: none;
  451. margin-top:0px;
  452. }
  453.  
  454.  
  455.  
  456. #nsfwToggle:not(:checked) {
  457. background-color:  #edece9;
  458. border:1px solid #8a8a8a;
  459.  
  460. }
  461. </style>
  462. </head>
  463.  
  464. <body>
  465. <script>
  466.  
  468.   if ('serviceWorker' in navigator) {
  469.        window.addEventListener('load', () => {
  470.            navigator.serviceWorker.register('/sw.js?v=6688a0dd5b93d')
  471.                .then((reg) => console.log('Service worker registered.', reg))
  472.                .catch((err) => console.log('Service worker registration failed:', err));
  473.        });
  474.    }
  476. let deferredPrompt;
  477.  
  478. window.addEventListener('beforeinstallprompt', (e) => {
  479.    // Prevent the mini-infobar from appearing on mobile
  480.    e.preventDefault();
  481.    // Stash the event so it can be triggered later.
  482.    deferredPrompt = e;
  483.    // Update UI to notify the user they can add to home screen
  484.    showInstallPromotion(); // Implement this function to show a custom install button
  485. });
  486.  
  487. const showInstallPromotion = () => {
  488.    const installButton = document.getElementById('installButton'); // Assumes you have a button with this ID
  489.    installButton.style.display = 'block';
  490.    installButton.addEventListener('click', (e) => {
  491.        // Hide the button
  492.        installButton.style.display = 'none';
  493.        // Show the install prompt
  494.        deferredPrompt.prompt();
  495.        // Wait for the user to respond to the prompt
  496.        deferredPrompt.userChoice.then((choiceResult) => {
  497.            if (choiceResult.outcome === 'accepted') {
  498.                console.log('User accepted the A2HS prompt');
  499.            } else {
  500.                console.log('User dismissed the A2HS prompt');
  501.            }
  502.            deferredPrompt = null;
  503.        });
  504.    });
  505. };
  506.  
  507. window.addEventListener('appinstalled', (event) => {
  508.    console.log('a2hs', 'installed');
  509. });
  510.  
  511.  
  512. Notification.requestPermission().then((permission) => {
  513.  if (permission === 'granted') {
  514.    console.log('Notification permission granted.');
  515.    
  516.    // Assuming you have a function to check for updates
  517.    checkForUpdates();
  518.  } else {
  519.    console.log('Notification permission denied.');
  520.  }
  521. });
  522.  
  523. function checkForUpdates() {
  524. /*
  525. console.log('set badge');
  526.  // Simulate checking for updates
  527.  const hasUpdates = true; // Replace with actual update check logic
  528.  
  529.  if (hasUpdates) {
  530.    // Show notification
  531. console.log('setting badge');
  532.    new Notification('New updates available');
  533.  
  534.    // Set app badge
  535.    if ('setAppBadge' in navigator) {
  536. console.log('set badge enabled');
  538. if ('setAppBadge' in navigator) {
  539.  navigator.setAppBadge(3).catch((error) => {
  540. console.error('Error setting app badge:', error);
  541.  });
  542. } else {
  543.  console.warn('Badging API not supported');
  544. }
  545.    }
  546.  }
  547.  */
  548. }
  549.  
  550.  
  551.  
  552.  
  553. </script>
  554.  
  555. <style>
  556.  
  557.  
  559.  
  560.  
  561. .newitem{
  562. color: #61574e
  563. }
  564. textarea {
  565.    overflow: hidden;
  566.    resize: none;
  567.    min-height: 50px;
  568.    box-sizing: border-box;
  569.    padding: 5px;
  570.    transition: height 0.1s ease-out;
  571. }
  572. /* styles.css */
  573. .rotating-image {
  574.    display: block;
  575.    margin: 0 auto; /* Center the image horizontally */
  576.    width: 30px; /* Adjust the size as needed */
  577.    height: 30px; /* Adjust the size as needed */
  578.    animation: rotate 10s linear infinite; /* 10s is the duration, you can change it to make it slower or faster */
  580. }
  581.  
  582. @keyframes rotate {
  583.    from {
  584.        transform: rotate(0deg);
  585.    }
  586.    to {
  587.        transform: rotate(360deg);
  588.    }
  589. }
  590.  
  591. @keyframes shake {
  592.    0% { transform: translate(1px, 1px) rotate(0deg); }
  593.    10% { transform: translate(-1px, -2px) rotate(-1deg); }
  594.    20% { transform: translate(-3px, 0px) rotate(1deg); }
  595.    30% { transform: translate(3px, 2px) rotate(0deg); }
  596.    40% { transform: translate(1px, -1px) rotate(1deg); }
  597.    50% { transform: translate(-1px, 2px) rotate(-1deg); }
  598.    60% { transform: translate(-3px, 1px) rotate(0deg); }
  599.    70% { transform: translate(3px, 1px) rotate(-1deg); }
  600.    80% { transform: translate(-1px, -1px) rotate(1deg); }
  601.    90% { transform: translate(1px, 2px) rotate(0deg); }
  602.    100% { transform: translate(1px, -2px) rotate(-1deg); }
  603. }
  604.  
  605. #notification-bell {
  606.    position: relative;
  607.  color: #8aa00e;
  608.  
  609. }
  610.  
  611. #notification-bell i{
  612.  font-size:16px;
  613. }
  614.  
  615. #messages-icon i{
  616.  font-size:16px;
  617.  color: #555555;
  618. }
  619.  
  620. #notification-bell.has-notifications i {
  621.    color: #198754;
  622.    font-weight: 900;
  623. }
  624.  
  625. #notification-count {
  626.    position: absolute;
  627.    top: -8px;
  628.    right: -8px;
  629.    background-color: #ff0000;
  630.    color: #ffffff;
  631.    border-radius: 50%;
  632.    padding: 2px 5px;
  633.    font-size: 0.7em;
  634. }
  635.  
  636.   .navbar-light .navbar-nav .nav-link {
  637.        color: #333333; /* Darker color for navbar links */
  638.    }
  639.  
  640.    .navbar-light .navbar-nav .nav-link:hover,
  641.    .navbar-light .navbar-nav .nav-link:focus {
  642.        color: #000000; /* Even darker color for hover and focus states */
  643.    }
  644.  
  645.  .badge.rounded-pill {
  646.  
  647.       font-size:11px;
  648.  
  649. font-weight:normal;
  650.    
  651.    }
  653. .nsfw-post{
  654. display:none !important;
  655. }
  656.  
  657. .custombar{
  658.  
  659. background-color: rgba(255, 255, 255) !important;
  660. border-top:2px solid #80c13e;
  661. background: rgb(237,240,228);
  662. background: linear-gradient(180deg, rgba(237,240,228,1) 0%, rgba(250,250,250,1) 24%, rgba(255,255,255,1) 82%);
  663. }
  664.  
  665.  
  666.  
  667. .customnoticon{
  668. background-color: #ebe9e7;
  669. width:36px;
  670. margin-right:4px;
  671. background: rgb(255,255,255);
  672. background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(235,235,235,0.7394795564710259) 100%);
  673. border-bottom: 1px solid #981073;
  674. }
  675.  
  676. .customnoticonnew{
  677. border-bottom: 1px solid #981073;
  678. background-color: #ebe9e7;
  679. width:46px;
  680. height:32px;
  681. margin-right:4px;
  682. font-size:13px;
  683. text-align:center;
  684. background: rgb(255,255,255);
  685. background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(235,235,235,0.7394795564710259) 100%);
  686. }
  687.  
  688. .custom-toggler {
  689. text-decoration:none;
  690.    border: none; /* Remove border */
  691.    outline: none; /* Remove outline */
  692.    padding: 0; /* Remove padding */
  693.    background: transparent; /* Remove background */
  694. font-size:13px;
  695. }
  696.  
  697. .custom-toggler-icon {
  698.    display: block;
  699.    width: 30px;
  700.    height: 22px;
  701.    position: relative;
  702.    background-color: transparent;
  703.    cursor: pointer;
  704. }
  705.  
  706. .custom-toggler-icon::before,
  707. .custom-toggler-icon::after,
  708. .custom-toggler-icon div {
  709.    content: '';
  710.    display: block;
  711.    width: 100%;
  712.    height: 4px;
  713.    background-color: #333; /* Change this color to your preferred color */
  714.    position: absolute;
  715.    left: 0;
  716.    transition: all 0.3s;
  717. }
  718.  
  719. .custom-toggler-icon::before {
  720.    top: 0;
  721. }
  722.  
  723. .custom-toggler-icon div {
  724.    top: 50%;
  725.    transform: translateY(-50%);
  726. }
  727.  
  728. .custom-toggler-icon::after {
  729.    bottom: 0;
  730. }
  731.  
  732.  
  733.  
  734. .btn-primary{
  735. background-color: #6d993f;
  736. border:0px;
  737. font-size:14px;
  738. padding:5px 11px 5px 11px;
  739. }
  740.  
  741. .bg-danger{
  742. background-color:  rgb(217 53 220) !important;
  743.  
  744. }
  745. </style>
  747.  
  748. <style id="base-theme">
  749.    /* styles.css */
  750.  
  751. :root {
  752.  --background-color: #ffffff;
  753.  --text-color: #000000;
  754.  --link-color: #0079d3;
  755.  --border-color: #e1e4e8;
  756.  --post-background: #ffffff;
  757. }
  758.  
  759. body {
  760.  background-color: var(--background-color);
  761.  color: var(--text-color);
  762. }
  763.  
  764. a {
  765.  color: var(--link-color);
  766. }
  767.  
  768. .reddit-post {
  769.  background-color: var(--post-background);
  770.  border-color: var(--border-color);
  771. }
  772.  
  773. /* Add more styles using CSS variables */</style>
  774.  
  775.  
  776.  
  777. <nav class="navbar navbar-expand-lg navbar-light  fixed-top custombar">
  778.    <div class="container">
  779.        <div class="d-flex align-items-center">
  780.            <a class="navbar-brand" href="/">
  781.                <img src="/kincat.gif" height="30" style="margin-top:-4px;" class="rotating-image">            </a>
  782.                                <a class="btn btn-light nav-link position-relative customnoticonnew d-flex align-items-center" href="/?sort=new"><div class="mx-auto">New</div></a>
  783.      
  784. <a class="btn btn-light nav-link position-relative customnoticonnew d-flex align-items-center" href="/feed"><div class="mx-auto">Feed</div></a>
  785.      
  786.        </div>
  787. <a class="navbar-toggler custom-toggler" type="" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  788.            menu
  789.    </a>
  790.        <div class="collapse navbar-collapse" id="navbarNav">
  791.            <ul class="navbar-nav ms-auto">
  793.                <li class="nav-item">
  794.                    <a class="nav-link" href="/communities.php">Communities</a>
  795.                </li>
  796.   <li class="nav-item">
  797.                    <a class="nav-link" href="/all_members.php">Users</a>
  798.                </li>
  799. <li class="nav-item">
  800.    <a class="nav-link" href="/photos">Photos</a>
  801. </li>
  802.  
  803.    <li class="nav-item dropdown">
  804.        <a class="nav-link dropdown-toggle" href="#" id="datingDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  805.            Dating
  806.        </a>
  807.        <ul class="dropdown-menu" aria-labelledby="datingDropdown">
  808.    <li><a class="dropdown-item" href="/dating">Dating</a></li>
  811.        </ul>
  812.    </li>
  815. <li class="nav-item dropdown">
  816.    <a class="nav-link dropdown-toggle" href="#" id="exploreDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  817.        Explore
  818.    </a>
  819.    <ul class="dropdown-menu" aria-labelledby="exploreDropdown">
  820.        <li><a class="dropdown-item" href="/tags.php">Tags</a></li>
  821.        
  822.    </ul>
  823. </li>
  825.                                <li class="nav-item">
  826.                    <a class="nav-link" href="/login.php">Login</a>
  827.                </li>
  828.                <li class="nav-item">
  829.                    <a class="nav-link" href="/register.php">Register</a>
  830.                </li>
  831.                 <li class="nav-item">
  832.                    <a class="nav-link" href="/faq">Help</a>
  833.                </li>
  834.             </ul>
  835.        </div>
  836.    </div>
  837.  
  839. </nav>
  840.  
  841.  
  842.  
  843. <nav class="navbar navbar-expand-lg navbar-light ">
  844.  <div class="container">
  845.        <!-- Your existing navbar content -->
  846.        
  847.        <form class="d-flex w-100" id="search-form">
  848.            <div class="input-group">
  849.                <input class="form-control search-bar" type="search" placeholder="Search" aria-label="Search" id="search-input" autocomplete="off">
  850.                <button class="btn btn-success" type="submit">Search</button>
  851.            </div>
  852.        </form>
  853.    </div>
  854. </nav>
  855. <div id="search-results" class="container mt-0" style="display: none;"></div>
  856. <script>
  857.    $(document).ready(function() {
  858. const $searchForm = $('#search-form');
  859.    const $searchInput = $('#search-input');
  860.    const $searchResults = $('#search-results');
  861.    const $navbarCollapse = $('#navbarNav');
  862.    const $navbarToggler = $('.navbar-toggler');
  863.  
  864.        // Function to hide search results
  865.        function hideSearchResults() {
  866.            $searchResults.hide();
  867.            $searchResults.empty();
  868.        }
  869.  
  870.        // Show search results when form is submitted
  871.        $searchForm.on('submit', function(event) {
  872.            event.preventDefault();
  873.            // Your search logic here
  874.            // Show search results for demonstration
  875.            $searchResults.show();
  876.            $searchResults.html('<p>Search results go here...</p>');
  877.        });
  878.  
  879.        // Hide search results when clicking outside of them
  880.    $(document).on('click', function(event) {
  881.        if (!$searchForm.is(event.target) && $searchForm.has(event.target).length === 0 &&
  882.            !$searchResults.is(event.target) && $searchResults.has(event.target).length === 0) {
  883.            hideSearchResults();
  884.        }
  885.  
  886.        // Close navbar collapse when clicking outside
  887.        if (!$navbarCollapse.is(event.target) &&
  888.            $navbarCollapse.has(event.target).length === 0 &&
  889.            !$navbarToggler.is(event.target)) {
  890.            $navbarCollapse.collapse('hide');
  891.        }
  892.    });
  893.  
  894.  
  895.  
  896.        // Prevent hiding search results when clicking inside the search form or results
  897.        $searchForm.on('click', function(event) {
  898.            event.stopPropagation();
  899.        });
  900.  
  901.        $searchResults.on('click', function(event) {
  902.            event.stopPropagation();
  903.        });
  905.    function closeNavbarCollapse() {
  906.        if ($navbarCollapse.hasClass('show')) {
  907.            $navbarToggler.click();
  908.        }
  909. $navbarCollapse.on('click', function(event) {
  910.    event.stopPropagation();
  911. });
  912.    }
  914.    });
  915. </script>
  916. <style>
  917. .search-bar, .search-bar:active{
  918. border-color:  #198754;
  919.    background-color: blanchedalmond;
  920.    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  921.            border-radius: 4px; border-color:  #198754;
  922.   border:1px solid #8f8f8f;
  923. }
  924. #search-results {
  925.        position: absolute;
  926.    
  927.        left: 0;
  928.        right: 0;
  929.        z-index: 1000; /* Ensure it's above other content */
  930.        background-color: white;
  931.  
  932.  
  933.        max-height: 80vh; /* Limit the height to 80% of the viewport height */
  934.        overflow-y: auto; /* Add scrollbar if content exceeds max-height */
  935.    }
  936.  
  937.  
  938.    /* Your existing styles */
  939.  
  940.    @media (min-width: 992px) {
  941.        #search-form {
  942.            max-width: 50%;
  943.            margin-right: auto;
  944.        }
  945.    }
  946.  
  947.    #search-form .input-group {
  948.        width: 100%;
  949.    }
  951. .search-results-container {
  952.    background-color: #ffffff;
  953.    border: 1px solid #e1e4e8;
  954.    border-radius: 6px;
  955.    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  956.    padding: 0px 16px;
  957.    margin-top: 10px;
  958. }
  959.  
  960. .search-results-container h6 {
  961.    color: #24292e;
  962.    font-size: 14px;
  963.    font-weight: 600;
  964.    margin-bottom: 10px;
  965. }
  966.  
  967. .search-results-container .list-group {
  968.    margin-bottom: 15px;
  969. }
  970.  
  971. .search-results-container .list-group-item {
  972.    border: none;
  973.    border-radius: 4px;
  974.    padding: 2px 12px;
  975.    margin-bottom: 0px;
  976.    transition: background-color 0.2s ease;
  977. }
  978.  
  979. .search-results-container .list-group-item:hover {
  980.    background-color: #f6f8fa;
  981. }
  982.  
  983. .search-results-container .list-group-item:last-child {
  984.    margin-bottom: 0;
  985. }
  986.  
  987. .search-results-container .fas {
  988.    margin-right: 8px;
  989.    color: #586069;
  990. }
  991.  
  992. .search-results-container .alert-info {
  993.    background-color: #f1f8ff;
  994.    border-color: #c8e1ff;
  995.    color: #0366d6;
  996. }
  997. </style>
  998. <script>
  1000.        let searchTimeout;
  1001.        const searchInput = $('#search-input');
  1002.        const searchForm = $('#search-form');
  1003.  
  1004.        searchInput.on('input focus', function() {
  1005.            clearTimeout(searchTimeout);
  1006.            const query = $(this).val();
  1007.  
  1008.            if (query.length >= 0) {
  1009.                searchTimeout = setTimeout(function() {
  1010.                    $.ajax({
  1011.                        url: '/search.php?v=6688a0dd5ba64',
  1012.                        method: 'GET',
  1013.                        data: { query: query },
  1014.                        dataType: 'html',
  1015.                        success: function(data) {
  1016.                            $('#search-results').html(data).show();
  1017.                        },
  1018.                        error: function(jqXHR, textStatus, errorThrown) {
  1019.                            console.error('Search error:', textStatus, errorThrown);
  1020.                        }
  1021.                    });
  1022.                }, 300);
  1023.            } else {
  1024.                $('#search-results').hide();
  1025.            }
  1026.        });
  1027.  
  1028.        searchForm.on('submit', function(e) {
  1029.            e.preventDefault();
  1030.            const query = searchInput.val();
  1031.            if (query.length >= 0) {
  1032.                window.location.href = '/search_results.php?v=6688a0dd5ba65&query=' + encodeURIComponent(query);
  1033.            }
  1034.        });
  1035.  
  1036.    </script>
  1038. <script>
  1039. document.addEventListener('DOMContentLoaded', function() {
  1040.   if (isLoggedIn) {
  1041.        const notificationBell = document.getElementById('notification-bell');
  1042.        const messagesIcon = document.getElementById('messages-icon');
  1043.        const notificationCount = 0;
  1044.        const messageCount = 0;
  1045.  
  1046.        if (notificationCount > 0) {
  1047.            notificationBell.classList.add('has-notifications');
  1048.            playSound();
  1049.        }
  1050.  
  1051.        if (messageCount > 0) {
  1052.            messagesIcon.classList.add('has-messages');
  1053.            playSound();
  1054.        }
  1055.  
  1056.        function playSound() {
  1057.            const audio = new Audio('/cat.mp3');
  1058.            audio.play();
  1059.        }
  1060.    }
  1061. });
  1062. </script>
  1063. <div class="container"><div class="alert alert-danger" role="alert">
  1064. Set your profile image <a href="/edit_profile.php" target="_blank" class="alert-link">edit your profile</a>
  1065. </div></div>
  1066.    <main class="container mt-1">
  1067. <button id="installButton" class="btn btn-sm btn-primary mb-2" style="display: none;">Install KinTop</button>
  1068. <div class="container mt-4">
  1069.    <div class="row">
  1070.        <div class="col-md-8 mx-auto">
  1071.            <div class="card mb-4">  <button class="btn btn-sm btn-link text-muted position-absolute top-0 end-0 mt-2 me-2" data-bs-toggle="modal" data-bs-target="#reportUserModal">
  1072.                                <i class="fas fa-flag"></i> Report User
  1073.                            </button>
  1074.                <div class="card-body text-center">
  1075.                                            <img src="https://kintop.b-cdn.net/images/profiles/profile_2_4.jpg" alt="jaycuba" class="rounded-circle img-fluid mb-3" style="max-width: 150px;">
  1076.                                        <h3>jaycuba</h3>
  1077.                    <p class="text-muted">Karma: 26</p>
  1078.                    <p class="text-muted">Member since: June 22, 2024</p>
  1079.                                            <p>owner kin.top<br />
  1080. Professional Tantra Masseur / Energy healer having done over 1000 sessions with women.<br />
  1081. spiritually awakening through mooji.<br />
  1082. full-time vanlifer now 26 months (mostly portugal, spain, france)<br />
  1083. <br />
  1084. english (very good)<br />
  1085. czech (spoken pretty good)<br />
  1086. german (very good)<br />
  1087. french (medium)<br />
  1088. spanish (very good)<br />
  1089. italian (understand a lot can speak a little)<br />
  1090. portuguese (getting better basically medium beginner understand a lot)</p>
  1091.                                                                <p class="text-muted">
  1092.                            Zaragoza, Spain                        </p>
  1093.                                        <div class="mt-3">
  1094.                                            </div>
  1095.                </div>
  1096.            </div>
  1097.            <div class="card mb-4">
  1098.    <div class="card-body">
  1099.        <h4>Photos</h4>
  1100.        <div class="row" id="userPhotos">
  1101.            <!-- Photos will be loaded here -->
  1102.        </div>
  1103.        <button id="loadMorePhotos" class="btn btn-primary mt-3">Load More Photos</button>
  1104.    </div>
  1105. </div>
  1106.            <div class="card mb-4">
  1107.                <div class="card-body">
  1108.                    <h4>Friends</h4>
  1109.                                            <ul class="list-group list-group-flush">
  1110.                                                            <li class="list-group-item">
  1111.                                    <a href="/user/DrPoofAloof">DrPoofAloof</a>
  1112.                                </li>
  1113.                                                            <li class="list-group-item">
  1114.                                    <a href="/user/%C3%A9tienne">étienne</a>
  1115.                                </li>
  1116.                                                            <li class="list-group-item">
  1117.                                    <a href="/user/Caro">Caro</a>
  1118.                                </li>
  1119.                                                            <li class="list-group-item">
  1120.                                    <a href="/user/tomaspecinka">tomaspecinka</a>
  1121.                                </li>
  1122.                                                            <li class="list-group-item">
  1123.                                    <a href="/user/Nkybaby">Nkybaby</a>
  1124.                                </li>
  1125.                                                    </ul>
  1126.                        <a href="/friends.php?user_id=2" class="btn btn-link mt-2">View All Friends</a>
  1127.                                    </div>
  1128.            </div>
  1129.            
  1130.            <div class="card mb-4">
  1131.                <div class="card-body">
  1132.                    <h4>Posts</h4>
  1133.                                                                        <div class="reddit-post mb-2
  1134. ">
  1135.            <div class="main-vote-container main-orientation-left">
  1136.            <div class="vote-and-boost vote-orientation-left" data-post-id="448">
  1137.                <button class="upvote " data-vote-type="upvote">
  1138.                   â–²
  1139.                </button>
  1140.                <span class="vote-count">2</span>
  1141.                <button class="downvote " data-vote-type="downvote">
  1142.                    â–¼
  1143.                </button>
  1144.            </div>
  1145.        </div>
  1146.        <div class="post-content url-wrap ">
  1147.        <h2 class="post-title">
  1148.            <a href="/post/448/leaving-the-kin-community-is-good-for-mental-health">
  1149.                                leaving the kin community is good for mental health            </a>
  1150.        </h2>
  1151.        <p class="post-meta">
  1153.                     <span class="slurp"><a href="/c/mentalhealth">c/mentalhealth</a></span>
  1154.                        posted by
  1155.                            <span class="slurp"><a href="/user/jaycuba">jaycuba</a></span>
  1156.                        16 hours ago                    </p>
  1158.  
  1159.    <div class="mb-1"></div>
  1160.  
  1162.        <div class="post-actions vote-and-boost" data-post-id="448">
  1165.                            <a href="/post/448/leaving-the-kin-community-is-good-for-mental-health" class=" btn-sm btn-link several-comments-text">
  1166.                    <strong><i class="fa-solid fa-comments"></i> 1 comments</strong>
  1167.                </a>
  1168.             &nbsp;&middot;&nbsp;
  1169.            <a href="#" class=" btn-sm btn-link superboost-btn" data-bs-toggle="modal" data-bs-target="#superboostModal" data-post-id="448">boost</a>
  1170. &nbsp;&middot;&nbsp;
  1171. &nbsp;&middot;&nbsp;<a class="dropdown d-inline-block">
  1172.                <a class=" btn-sm btn-link dropdown-toggle" type="button" id="shareDropdown448" data-bs-toggle="dropdown" aria-expanded="false">
  1173.                    share
  1174.                </a>
  1175.                <ul class="dropdown-menu" aria-labelledby="shareDropdown448">
  1176.                                        <li><a class="dropdown-item" href="https://twitter.com/intent/tweet?hashtags=solana&url=http%3A%2F%2Fkin.top%2Fpost%2F448%2Fleaving-the-kin-community-is-good-for-mental-health&text=leaving+the+kin+community+is+good+for+mental+health+%24kin+@getcode+" target="_blank">Twitter / X</a></li>
  1177.                    <li><a class="dropdown-item" href="https://t.me/share/url?url=http%3A%2F%2Fkin.top%2Fpost%2F448%2Fleaving-the-kin-community-is-good-for-mental-health" target="_blank">Telegram</a></li>
  1178.                    <li><a class="dropdown-item" href="https://api.whatsapp.com/send?text=http%3A%2F%2Fkin.top%2Fpost%2F448%2Fleaving-the-kin-community-is-good-for-mental-health" target="_blank">WhatsApp</a></li>
  1179.                    <li><a class="dropdown-item copy-link" href="#" data-url="http://kin.top/post/448/leaving-the-kin-community-is-good-for-mental-health">Copy Link</a></li>
  1180.                </ul>
  1181.            </a>
  1182. </div>
  1185.    </div>
  1186. </div>
  1187.                                                    <div class="reddit-post mb-2
  1188. ">
  1189.            <div class="main-vote-container main-orientation-left">
  1190.            <div class="vote-and-boost vote-orientation-left" data-post-id="447">
  1191.                <button class="upvote " data-vote-type="upvote">
  1192.                   â–²
  1193.                </button>
  1194.                <span class="vote-count">2</span>
  1195.                <button class="downvote " data-vote-type="downvote">
  1196.                    â–¼
  1197.                </button>
  1198.            </div>
  1199.        </div>
  1200.        <div class="post-content url-wrap ">
  1201.        <h2 class="post-title">
  1202.            <a href="/post/447/refusing-to-date-women">
  1203.                                refusing to date women            </a>
  1204.        </h2>
  1205.        <p class="post-meta">
  1207.                     <span class="slurp"><a href="/c/mgtow">c/mgtow</a></span>
  1208.                        posted by
  1209.                            <span class="slurp"><a href="/user/jaycuba">jaycuba</a></span>
  1210.                        16 hours ago                    </p>
  1212.  
  1213.    <div class="mb-1"></div>
  1214.  
  1216.        <div class="post-actions vote-and-boost" data-post-id="447">
  1219.                            <a href="/post/447/refusing-to-date-women" class=" btn-sm btn-link no-comments-text">
  1220.                    <!--<i class="fa-solid fa-message no-comments"></i>-->
  1221. comment
  1222.                </a>
  1223.             &nbsp;&middot;&nbsp;
  1224.            <a href="#" class=" btn-sm btn-link superboost-btn" data-bs-toggle="modal" data-bs-target="#superboostModal" data-post-id="447">boost</a>
  1225. &nbsp;&middot;&nbsp;
  1226. &nbsp;&middot;&nbsp;<a class="dropdown d-inline-block">
  1227.                <a class=" btn-sm btn-link dropdown-toggle" type="button" id="shareDropdown447" data-bs-toggle="dropdown" aria-expanded="false">
  1228.                    share
  1229.                </a>
  1230.                <ul class="dropdown-menu" aria-labelledby="shareDropdown447">
  1231.                                        <li><a class="dropdown-item" href="https://twitter.com/intent/tweet?hashtags=solana&url=http%3A%2F%2Fkin.top%2Fpost%2F447%2Frefusing-to-date-women&text=refusing+to+date+women+%24kin+@getcode+" target="_blank">Twitter / X</a></li>
  1232.                    <li><a class="dropdown-item" href="https://t.me/share/url?url=http%3A%2F%2Fkin.top%2Fpost%2F447%2Frefusing-to-date-women" target="_blank">Telegram</a></li>
  1233.                    <li><a class="dropdown-item" href="https://api.whatsapp.com/send?text=http%3A%2F%2Fkin.top%2Fpost%2F447%2Frefusing-to-date-women" target="_blank">WhatsApp</a></li>
  1234.                    <li><a class="dropdown-item copy-link" href="#" data-url="http://kin.top/post/447/refusing-to-date-women">Copy Link</a></li>
  1235.                </ul>
  1236.            </a>
  1237. </div>
  1240.    </div>
  1241. </div>
  1242.                                                    <div class="reddit-post mb-2
  1243. ">
  1244.            <div class="main-vote-container main-orientation-left">
  1245.            <div class="vote-and-boost vote-orientation-left" data-post-id="446">
  1246.                <button class="upvote " data-vote-type="upvote">
  1247.                   â–²
  1248.                </button>
  1249.                <span class="vote-count">2</span>
  1250.                <button class="downvote " data-vote-type="downvote">
  1251.                    â–¼
  1252.                </button>
  1253.            </div>
  1254.        </div>
  1255.        <div class="post-content url-wrap ">
  1256.        <h2 class="post-title">
  1257.            <a href="/post/446/refusing-to-date-women">
  1258.                                refusing to date women            </a>
  1259.        </h2>
  1260.        <p class="post-meta">
  1262.                     <span class="slurp"><a href="/c/dating">c/dating</a></span>
  1263.                        posted by
  1264.                            <span class="slurp"><a href="/user/jaycuba">jaycuba</a></span>
  1265.                        16 hours ago                    </p>
  1267.  
  1268.    <div class="mb-1"></div>
  1269.  
  1271.        <div class="post-actions vote-and-boost" data-post-id="446">
  1274.                            <a href="/post/446/refusing-to-date-women" class=" btn-sm btn-link no-comments-text">
  1275.                    <!--<i class="fa-solid fa-message no-comments"></i>-->
  1276. comment
  1277.                </a>
  1278.             &nbsp;&middot;&nbsp;
  1279.            <a href="#" class=" btn-sm btn-link superboost-btn" data-bs-toggle="modal" data-bs-target="#superboostModal" data-post-id="446">boost</a>
  1280. &nbsp;&middot;&nbsp;
  1281. &nbsp;&middot;&nbsp;<a class="dropdown d-inline-block">
  1282.                <a class=" btn-sm btn-link dropdown-toggle" type="button" id="shareDropdown446" data-bs-toggle="dropdown" aria-expanded="false">
  1283.                    share
  1284.                </a>
  1285.                <ul class="dropdown-menu" aria-labelledby="shareDropdown446">
  1286.                                        <li><a class="dropdown-item" href="https://twitter.com/intent/tweet?hashtags=solana&url=http%3A%2F%2Fkin.top%2Fpost%2F446%2Frefusing-to-date-women&text=refusing+to+date+women+%24kin+@getcode+" target="_blank">Twitter / X</a></li>
  1287.                    <li><a class="dropdown-item" href="https://t.me/share/url?url=http%3A%2F%2Fkin.top%2Fpost%2F446%2Frefusing-to-date-women" target="_blank">Telegram</a></li>
  1288.                    <li><a class="dropdown-item" href="https://api.whatsapp.com/send?text=http%3A%2F%2Fkin.top%2Fpost%2F446%2Frefusing-to-date-women" target="_blank">WhatsApp</a></li>
  1289.                    <li><a class="dropdown-item copy-link" href="#" data-url="http://kin.top/post/446/refusing-to-date-women">Copy Link</a></li>
  1290.                </ul>
  1291.            </a>
  1292. </div>
  1295.    </div>
  1296. </div>
  1297.                                                    <div class="reddit-post mb-2
  1298. ">
  1299.            <div class="main-vote-container main-orientation-left">
  1300.            <div class="vote-and-boost vote-orientation-left" data-post-id="445">
  1301.                <button class="upvote " data-vote-type="upvote">
  1302.                   â–²
  1303.                </button>
  1304.                <span class="vote-count">1</span>
  1305.                <button class="downvote " data-vote-type="downvote">
  1306.                    â–¼
  1307.                </button>
  1308.            </div>
  1309.        </div>
  1310.        <div class="post-content url-wrap ">
  1311.        <h2 class="post-title">
  1312.            <a href="/post/445/people-are-so-insanely-stupid">
  1313.                                people are so INSANELY stupid            </a>
  1314.        </h2>
  1315.        <p class="post-meta">
  1317.                     <span class="slurp"><a href="/c/kin">c/kin</a></span>
  1318.                        posted by
  1319.                            <span class="slurp"><a href="/user/jaycuba">jaycuba</a></span>
  1320.                        16 hours ago                    </p>
  1322.  
  1323.    <div class="post-image">
  1324.        <a href="/post/445/people-are-so-insanely-stupid">
  1325.            <img src="https://i.imgur.com/Fgx8HE8.png" alt="Image preview" class="mb-2 mt-2 img-preview" height="100" style="max-width:100%;">
  1326.        </a>
  1327.    </div>
  1328.  
  1330.        <div class="post-actions vote-and-boost" data-post-id="445">
  1333.                            <a href="/post/445/people-are-so-insanely-stupid" class=" btn-sm btn-link no-comments-text">
  1334.                    <!--<i class="fa-solid fa-message no-comments"></i>-->
  1335. comment
  1336.                </a>
  1337.             &nbsp;&middot;&nbsp;
  1338.            <a href="#" class=" btn-sm btn-link superboost-btn" data-bs-toggle="modal" data-bs-target="#superboostModal" data-post-id="445">boost</a>
  1339. &nbsp;&middot;&nbsp;
  1340. &nbsp;&middot;&nbsp;<a class="dropdown d-inline-block">
  1341.                <a class=" btn-sm btn-link dropdown-toggle" type="button" id="shareDropdown445" data-bs-toggle="dropdown" aria-expanded="false">
  1342.                    share
  1343.                </a>
  1344.                <ul class="dropdown-menu" aria-labelledby="shareDropdown445">
  1345.                                        <li><a class="dropdown-item" href="https://twitter.com/intent/tweet?hashtags=solana&url=http%3A%2F%2Fkin.top%2Fpost%2F445%2Fpeople-are-so-insanely-stupid&text=people+are+so+insanely+stupid+%24kin+@getcode+" target="_blank">Twitter / X</a></li>
  1346.                    <li><a class="dropdown-item" href="https://t.me/share/url?url=http%3A%2F%2Fkin.top%2Fpost%2F445%2Fpeople-are-so-insanely-stupid" target="_blank">Telegram</a></li>
  1347.                    <li><a class="dropdown-item" href="https://api.whatsapp.com/send?text=http%3A%2F%2Fkin.top%2Fpost%2F445%2Fpeople-are-so-insanely-stupid" target="_blank">WhatsApp</a></li>
  1348.                    <li><a class="dropdown-item copy-link" href="#" data-url="http://kin.top/post/445/people-are-so-insanely-stupid">Copy Link</a></li>
  1349.                </ul>
  1350.            </a>
  1351. </div>
  1354.    </div>
  1355. </div>
  1356.                                                    <div class="reddit-post mb-2
  1357. ">
  1358.            <div class="main-vote-container main-orientation-left">
  1359.            <div class="vote-and-boost vote-orientation-left" data-post-id="444">
  1360.                <button class="upvote " data-vote-type="upvote">
  1361.                   â–²
  1362.                </button>
  1363.                <span class="vote-count">1</span>
  1364.                <button class="downvote " data-vote-type="downvote">
  1365.                    â–¼
  1366.                </button>
  1367.            </div>
  1368.        </div>
  1369.        <div class="post-content url-wrap ">
  1370.        <h2 class="post-title">
  1371.            <a href="/post/444/people-are-so-insanely-stupid">
  1372.                                people are so INSANELY stupid            </a>
  1373.        </h2>
  1374.        <p class="post-meta">
  1376.                     <span class="slurp"><a href="/c/code-wallet">c/code-wallet</a></span>
  1377.                        posted by
  1378.                            <span class="slurp"><a href="/user/jaycuba">jaycuba</a></span>
  1379.                        16 hours ago                    </p>
  1381.  
  1382.    <div class="post-image">
  1383.        <a href="/post/444/people-are-so-insanely-stupid">
  1384.            <img src="https://i.imgur.com/Fgx8HE8.png" alt="Image preview" class="mb-2 mt-2 img-preview" height="100" style="max-width:100%;">
  1385.        </a>
  1386.    </div>
  1387.  
  1389.        <div class="post-actions vote-and-boost" data-post-id="444">
  1392.                            <a href="/post/444/people-are-so-insanely-stupid" class=" btn-sm btn-link no-comments-text">
  1393.                    <!--<i class="fa-solid fa-message no-comments"></i>-->
  1394. comment
  1395.                </a>
  1396.             &nbsp;&middot;&nbsp;
  1397.            <a href="#" class=" btn-sm btn-link superboost-btn" data-bs-toggle="modal" data-bs-target="#superboostModal" data-post-id="444">boost</a>
  1398. &nbsp;&middot;&nbsp;
  1399. &nbsp;&middot;&nbsp;<a class="dropdown d-inline-block">
  1400.                <a class=" btn-sm btn-link dropdown-toggle" type="button" id="shareDropdown444" data-bs-toggle="dropdown" aria-expanded="false">
  1401.                    share
  1402.                </a>
  1403.                <ul class="dropdown-menu" aria-labelledby="shareDropdown444">
  1404.                                        <li><a class="dropdown-item" href="https://twitter.com/intent/tweet?hashtags=solana&url=http%3A%2F%2Fkin.top%2Fpost%2F444%2Fpeople-are-so-insanely-stupid&text=people+are+so+insanely+stupid+%24kin+@getcode+" target="_blank">Twitter / X</a></li>
  1405.                    <li><a class="dropdown-item" href="https://t.me/share/url?url=http%3A%2F%2Fkin.top%2Fpost%2F444%2Fpeople-are-so-insanely-stupid" target="_blank">Telegram</a></li>
  1406.                    <li><a class="dropdown-item" href="https://api.whatsapp.com/send?text=http%3A%2F%2Fkin.top%2Fpost%2F444%2Fpeople-are-so-insanely-stupid" target="_blank">WhatsApp</a></li>
  1407.                    <li><a class="dropdown-item copy-link" href="#" data-url="http://kin.top/post/444/people-are-so-insanely-stupid">Copy Link</a></li>
  1408.                </ul>
  1409.            </a>
  1410. </div>
  1413.    </div>
  1414. </div>
  1415.                                                    <div class="reddit-post mb-2
  1416. ">
  1417.            <div class="main-vote-container main-orientation-left">
  1418.            <div class="vote-and-boost vote-orientation-left" data-post-id="443">
  1419.                <button class="upvote " data-vote-type="upvote">
  1420.                   â–²
  1421.                </button>
  1422.                <span class="vote-count">1</span>
  1423.                <button class="downvote " data-vote-type="downvote">
  1424.                    â–¼
  1425.                </button>
  1426.            </div>
  1427.        </div>
  1428.        <div class="post-content url-wrap ">
  1429.        <h2 class="post-title">
  1430.            <a href="/post/443/ftx-unloading-kin">
  1431.                                FTX unloading KIN            </a>
  1432.        </h2>
  1433.        <p class="post-meta">
  1435.                     <span class="slurp"><a href="/c/kin">c/kin</a></span>
  1436.                        posted by
  1437.                            <span class="slurp"><a href="/user/jaycuba">jaycuba</a></span>
  1438.                        16 hours ago                    </p>
  1440.  
  1441.    <div class="mb-1"></div>
  1442.  
  1444.        <div class="post-actions vote-and-boost" data-post-id="443">
  1447.                            <a href="/post/443/ftx-unloading-kin" class=" btn-sm btn-link no-comments-text">
  1448.                    <!--<i class="fa-solid fa-message no-comments"></i>-->
  1449. comment
  1450.                </a>
  1451.             &nbsp;&middot;&nbsp;
  1452.            <a href="#" class=" btn-sm btn-link superboost-btn" data-bs-toggle="modal" data-bs-target="#superboostModal" data-post-id="443">boost</a>
  1453. &nbsp;&middot;&nbsp;
  1454. &nbsp;&middot;&nbsp;<a class="dropdown d-inline-block">
  1455.                <a class=" btn-sm btn-link dropdown-toggle" type="button" id="shareDropdown443" data-bs-toggle="dropdown" aria-expanded="false">
  1456.                    share
  1457.                </a>
  1458.                <ul class="dropdown-menu" aria-labelledby="shareDropdown443">
  1459.                                        <li><a class="dropdown-item" href="https://twitter.com/intent/tweet?hashtags=solana&url=http%3A%2F%2Fkin.top%2Fpost%2F443%2Fftx-unloading-kin&text=ftx+unloading+kin+%24kin+@getcode+" target="_blank">Twitter / X</a></li>
  1460.                    <li><a class="dropdown-item" href="https://t.me/share/url?url=http%3A%2F%2Fkin.top%2Fpost%2F443%2Fftx-unloading-kin" target="_blank">Telegram</a></li>
  1461.                    <li><a class="dropdown-item" href="https://api.whatsapp.com/send?text=http%3A%2F%2Fkin.top%2Fpost%2F443%2Fftx-unloading-kin" target="_blank">WhatsApp</a></li>
  1462.                    <li><a class="dropdown-item copy-link" href="#" data-url="http://kin.top/post/443/ftx-unloading-kin">Copy Link</a></li>
  1463.                </ul>
  1464.            </a>
  1465. </div>
  1468.    </div>
  1469. </div>
  1470.                                                    <div class="reddit-post mb-2
  1471. ">
  1472.            <div class="main-vote-container main-orientation-left">
  1473.            <div class="vote-and-boost vote-orientation-left" data-post-id="442">
  1474.                <button class="upvote " data-vote-type="upvote">
  1475.                   â–²
  1476.                </button>
  1477.                <span class="vote-count">1</span>
  1478.                <button class="downvote " data-vote-type="downvote">
  1479.                    â–¼
  1480.                </button>
  1481.            </div>
  1482.        </div>
  1483.        <div class="post-content url-wrap ">
  1484.        <h2 class="post-title">
  1485.            <a href="/post/442/ftx-unloading-kin">
  1486.                                FTX unloading KIN            </a>
  1487.        </h2>
  1488.        <p class="post-meta">
  1490.                     <span class="slurp"><a href="/c/kin">c/kin</a></span>
  1491.                        posted by
  1492.                            <span class="slurp"><a href="/user/jaycuba">jaycuba</a></span>
  1493.                        16 hours ago                    </p>
  1495.  
  1496.    <div class="mb-1"></div>
  1497.  
  1499.        <div class="post-actions vote-and-boost" data-post-id="442">
  1502.                            <a href="/post/442/ftx-unloading-kin" class=" btn-sm btn-link no-comments-text">
  1503.                    <!--<i class="fa-solid fa-message no-comments"></i>-->
  1504. comment
  1505.                </a>
  1506.             &nbsp;&middot;&nbsp;
  1507.            <a href="#" class=" btn-sm btn-link superboost-btn" data-bs-toggle="modal" data-bs-target="#superboostModal" data-post-id="442">boost</a>
  1508. &nbsp;&middot;&nbsp;
  1509. &nbsp;&middot;&nbsp;<a class="dropdown d-inline-block">
  1510.                <a class=" btn-sm btn-link dropdown-toggle" type="button" id="shareDropdown442" data-bs-toggle="dropdown" aria-expanded="false">
  1511.                    share
  1512.                </a>
  1513.                <ul class="dropdown-menu" aria-labelledby="shareDropdown442">
  1514.                                        <li><a class="dropdown-item" href="https://twitter.com/intent/tweet?hashtags=solana&url=http%3A%2F%2Fkin.top%2Fpost%2F442%2Fftx-unloading-kin&text=ftx+unloading+kin+%24kin+@getcode+" target="_blank">Twitter / X</a></li>
  1515.                    <li><a class="dropdown-item" href="https://t.me/share/url?url=http%3A%2F%2Fkin.top%2Fpost%2F442%2Fftx-unloading-kin" target="_blank">Telegram</a></li>
  1516.                    <li><a class="dropdown-item" href="https://api.whatsapp.com/send?text=http%3A%2F%2Fkin.top%2Fpost%2F442%2Fftx-unloading-kin" target="_blank">WhatsApp</a></li>
  1517.                    <li><a class="dropdown-item copy-link" href="#" data-url="http://kin.top/post/442/ftx-unloading-kin">Copy Link</a></li>
  1518.                </ul>
  1519.            </a>
  1520. </div>
  1523.    </div>
  1524. </div>
  1525.                                                    <div class="reddit-post mb-2
  1526. ">
  1527.            <div class="main-vote-container main-orientation-left">
  1528.            <div class="vote-and-boost vote-orientation-left" data-post-id="441">
  1529.                <button class="upvote " data-vote-type="upvote">
  1530.                   â–²
  1531.                </button>
  1532.                <span class="vote-count">1</span>
  1533.                <button class="downvote " data-vote-type="downvote">
  1534.                    â–¼
  1535.                </button>
  1536.            </div>
  1537.        </div>
  1538.        <div class="post-content url-wrap ">
  1539.        <h2 class="post-title">
  1540.            <a href="/post/441/best-vanlife-spots-spain">
  1541.                                best vanlife spots spain            </a>
  1542.        </h2>
  1543.        <p class="post-meta">
  1545.                     <span class="slurp"><a href="/c/vanlife">c/vanlife</a></span>
  1546.                        posted by
  1547.                            <span class="slurp"><a href="/user/jaycuba">jaycuba</a></span>
  1548.                        17 hours ago                    </p>
  1550.  
  1551.    <div class="post-image">
  1552.        <a href="/post/441/best-vanlife-spots-spain">
  1553.            <img src="https://i.imgur.com/3dw1o49.png" alt="Image preview" class="mb-2 mt-2 img-preview" height="100" style="max-width:100%;">
  1554.        </a>
  1555.    </div>
  1556.  
  1558.        <div class="post-actions vote-and-boost" data-post-id="441">
  1561.                            <a href="/post/441/best-vanlife-spots-spain" class=" btn-sm btn-link no-comments-text">
  1562.                    <!--<i class="fa-solid fa-message no-comments"></i>-->
  1563. comment
  1564.                </a>
  1565.             &nbsp;&middot;&nbsp;
  1566.            <a href="#" class=" btn-sm btn-link superboost-btn" data-bs-toggle="modal" data-bs-target="#superboostModal" data-post-id="441">boost</a>
  1567. &nbsp;&middot;&nbsp;
  1568. &nbsp;&middot;&nbsp;<a class="dropdown d-inline-block">
  1569.                <a class=" btn-sm btn-link dropdown-toggle" type="button" id="shareDropdown441" data-bs-toggle="dropdown" aria-expanded="false">
  1570.                    share
  1571.                </a>
  1572.                <ul class="dropdown-menu" aria-labelledby="shareDropdown441">
  1573.                                        <li><a class="dropdown-item" href="https://twitter.com/intent/tweet?hashtags=solana&url=http%3A%2F%2Fkin.top%2Fpost%2F441%2Fbest-vanlife-spots-spain&text=best+vanlife+spots+spain+%24kin+@getcode+" target="_blank">Twitter / X</a></li>
  1574.                    <li><a class="dropdown-item" href="https://t.me/share/url?url=http%3A%2F%2Fkin.top%2Fpost%2F441%2Fbest-vanlife-spots-spain" target="_blank">Telegram</a></li>
  1575.                    <li><a class="dropdown-item" href="https://api.whatsapp.com/send?text=http%3A%2F%2Fkin.top%2Fpost%2F441%2Fbest-vanlife-spots-spain" target="_blank">WhatsApp</a></li>
  1576.                    <li><a class="dropdown-item copy-link" href="#" data-url="http://kin.top/post/441/best-vanlife-spots-spain">Copy Link</a></li>
  1577.                </ul>
  1578.            </a>
  1579. </div>
  1582.    </div>
  1583. </div>
  1584.                                                    <div class="reddit-post mb-2
  1585. ">
  1586.            <div class="main-vote-container main-orientation-left">
  1587.            <div class="vote-and-boost vote-orientation-left" data-post-id="440">
  1588.                <button class="upvote " data-vote-type="upvote">
  1589.                   â–²
  1590.                </button>
  1591.                <span class="vote-count">2</span>
  1592.                <button class="downvote " data-vote-type="downvote">
  1593.                    â–¼
  1594.                </button>
  1595.            </div>
  1596.        </div>
  1597.        <div class="post-content url-wrap ">
  1598.        <h2 class="post-title">
  1599.            <a href="/post/440/miwa-make-internet-wholesome-again">
  1600.                                MIWA &quot;Make Internet Wholesome Again&quot;            </a>
  1601.        </h2>
  1602.        <p class="post-meta">
  1604.                     <span class="slurp"><a href="/c/social-networks">c/social-networks</a></span>
  1605.                        posted by
  1606.                            <span class="slurp"><a href="/user/jaycuba">jaycuba</a></span>
  1607.                        17 hours ago                    </p>
  1609.  
  1610.    <div class="mb-1"></div>
  1611.  
  1613.        <div class="post-actions vote-and-boost" data-post-id="440">
  1616.                            <a href="/post/440/miwa-make-internet-wholesome-again" class=" btn-sm btn-link no-comments-text">
  1617.                    <!--<i class="fa-solid fa-message no-comments"></i>-->
  1618. comment
  1619.                </a>
  1620.             &nbsp;&middot;&nbsp;
  1621.            <a href="#" class=" btn-sm btn-link superboost-btn" data-bs-toggle="modal" data-bs-target="#superboostModal" data-post-id="440">boost</a>
  1622. &nbsp;&middot;&nbsp;
  1623. &nbsp;&middot;&nbsp;<a class="dropdown d-inline-block">
  1624.                <a class=" btn-sm btn-link dropdown-toggle" type="button" id="shareDropdown440" data-bs-toggle="dropdown" aria-expanded="false">
  1625.                    share
  1626.                </a>
  1627.                <ul class="dropdown-menu" aria-labelledby="shareDropdown440">
  1628.                                        <li><a class="dropdown-item" href="https://twitter.com/intent/tweet?hashtags=solana&url=http%3A%2F%2Fkin.top%2Fpost%2F440%2Fmiwa-make-internet-wholesome-again&text=miwa+%22make+internet+wholesome+again%22+%24kin+@getcode+" target="_blank">Twitter / X</a></li>
  1629.                    <li><a class="dropdown-item" href="https://t.me/share/url?url=http%3A%2F%2Fkin.top%2Fpost%2F440%2Fmiwa-make-internet-wholesome-again" target="_blank">Telegram</a></li>
  1630.                    <li><a class="dropdown-item" href="https://api.whatsapp.com/send?text=http%3A%2F%2Fkin.top%2Fpost%2F440%2Fmiwa-make-internet-wholesome-again" target="_blank">WhatsApp</a></li>
  1631.                    <li><a class="dropdown-item copy-link" href="#" data-url="http://kin.top/post/440/miwa-make-internet-wholesome-again">Copy Link</a></li>
  1632.                </ul>
  1633.            </a>
  1634. </div>
  1637.    </div>
  1638. </div>
  1639.                                                    <div class="reddit-post mb-2
  1640. ">
  1641.            <div class="main-vote-container main-orientation-left">
  1642.            <div class="vote-and-boost vote-orientation-left" data-post-id="439">
  1643.                <button class="upvote " data-vote-type="upvote">
  1644.                   â–²
  1645.                </button>
  1646.                <span class="vote-count">1</span>
  1647.                <button class="downvote " data-vote-type="downvote">
  1648.                    â–¼
  1649.                </button>
  1650.            </div>
  1651.        </div>
  1652.        <div class="post-content url-wrap ">
  1653.        <h2 class="post-title">
  1654.            <a href="/post/439/miwa-make-internet-wholesome-again">
  1655.                                MIWA &quot;Make Internet Wholesome Again&quot;            </a>
  1656.        </h2>
  1657.        <p class="post-meta">
  1659.                     <span class="slurp"><a href="/c/kintop">c/kintop</a></span>
  1660.                        posted by
  1661.                            <span class="slurp"><a href="/user/jaycuba">jaycuba</a></span>
  1662.                        17 hours ago                    </p>
  1664.  
  1665.    <div class="mb-1"></div>
  1666.  
  1668.        <div class="post-actions vote-and-boost" data-post-id="439">
  1671.                            <a href="/post/439/miwa-make-internet-wholesome-again" class=" btn-sm btn-link no-comments-text">
  1672.                    <!--<i class="fa-solid fa-message no-comments"></i>-->
  1673. comment
  1674.                </a>
  1675.             &nbsp;&middot;&nbsp;
  1676.            <a href="#" class=" btn-sm btn-link superboost-btn" data-bs-toggle="modal" data-bs-target="#superboostModal" data-post-id="439">boost</a>
  1677. &nbsp;&middot;&nbsp;
  1678. &nbsp;&middot;&nbsp;<a class="dropdown d-inline-block">
  1679.                <a class=" btn-sm btn-link dropdown-toggle" type="button" id="shareDropdown439" data-bs-toggle="dropdown" aria-expanded="false">
  1680.                    share
  1681.                </a>
  1682.                <ul class="dropdown-menu" aria-labelledby="shareDropdown439">
  1683.                                        <li><a class="dropdown-item" href="https://twitter.com/intent/tweet?hashtags=solana&url=http%3A%2F%2Fkin.top%2Fpost%2F439%2Fmiwa-make-internet-wholesome-again&text=miwa+%22make+internet+wholesome+again%22+%24kin+@getcode+" target="_blank">Twitter / X</a></li>
  1684.                    <li><a class="dropdown-item" href="https://t.me/share/url?url=http%3A%2F%2Fkin.top%2Fpost%2F439%2Fmiwa-make-internet-wholesome-again" target="_blank">Telegram</a></li>
  1685.                    <li><a class="dropdown-item" href="https://api.whatsapp.com/send?text=http%3A%2F%2Fkin.top%2Fpost%2F439%2Fmiwa-make-internet-wholesome-again" target="_blank">WhatsApp</a></li>
  1686.                    <li><a class="dropdown-item copy-link" href="#" data-url="http://kin.top/post/439/miwa-make-internet-wholesome-again">Copy Link</a></li>
  1687.                </ul>
  1688.            </a>
  1689. </div>
  1692.    </div>
  1693. </div>
  1694.                                                            </div>
  1695.            </div>
  1696.        </div>
  1697.    </div>
  1698. </div>
  1699.  
  1700. <div class="modal fade" id="reportUserModal" tabindex="-1" aria-labelledby="reportUserModalLabel" aria-hidden="true">
  1701.    <div class="modal-dialog">
  1702.        <div class="modal-content">
  1703.            <div class="modal-header">
  1704.                <h5 class="modal-title" id="reportUserModalLabel">Report User</h5>
  1705.                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  1706.            </div>
  1707.            <div class="modal-body">
  1708.                <form id="reportUserForm">
  1709.                    <div class="mb-3">
  1710.                        <label for="reportReason" class="form-label">Reason for reporting</label>
  1711.                        <select class="form-select" id="reportReason" name="reason" required>
  1712.                            <option value="">Select a reason</option>
  1713.                            <option value="Scammer">Scammer</option>
  1714.                            <option value="harassment">Harassment</option>
  1715.                                                    </select>
  1716.                    </div>
  1717.                    <input type="hidden" name="reported_user_id" value="2">
  1718.                </form>
  1719.            </div>
  1720.            <div class="modal-footer">
  1721.                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  1722.                <button type="button" class="btn btn-primary" id="submitReportBtn">Submit Report</button>
  1723.            </div>
  1724.        </div>
  1725.    </div>
  1726. </div>
  1727.  
  1728. <script>
  1729. $(document).ready(function() {
  1730.    $('#submitReportBtn').click(function() {
  1731.        var reason = $('#reportReason').val();
  1732.        var reportedUserId = $('input[name="reported_user_id"]').val();
  1733.  
  1734.        if (!reason) {
  1735.            alert('Please select a reason for reporting.');
  1736.            return;
  1737.        }
  1738.  
  1739.        $.ajax({
  1740.            url: '/report_user.php',
  1741.            type: 'POST',
  1742.            data: {
  1743.                reported_user_id: reportedUserId,
  1744.                reason: reason
  1745.            },
  1746.            dataType: 'json',
  1747.            success: function(response) {
  1748.                if (response.success) {
  1749.                    alert(response.message);
  1750.                    $('#reportUserModal').modal('hide');
  1751.                } else {
  1752.                    alert(response.message);
  1753.                }
  1754.            },
  1755.            error: function() {
  1756.                alert('An error occurred. Please try again.');
  1757.            }
  1758.        });
  1759.    });
  1760.    
  1761.    $('#sendMessageBtn').click(function() {
  1762.        var username = 'jaycuba';
  1763.        var isFriend = false;
  1764.        var isFollowedBy = false;
  1765.  
  1766.        if (!isFriend && !isFollowedBy) {
  1767.            alert("You can only send messages to friends or users who follow you.");
  1768.            return;
  1769.        }
  1770.  
  1771.        $.ajax({
  1772.            url: '/messages/create_conversation.php',
  1773.            type: 'POST',
  1774.            data: { username: username },
  1775.            dataType: 'json',
  1776.            success: function(response) {
  1777.                if (response.success) {
  1778.                    window.location.href = '/messages/index.php?conversation_id=' + response.conversation_id;
  1779.                } else {
  1780.                    alert(response.message);
  1781.                }
  1782.            },
  1783.            error: function() {
  1784.                alert('An error occurred. Please try again.');
  1785.            }
  1786.        });
  1787.    });
  1788.  
  1789.    $('.vote-buttons button').click(function() {
  1790.        var $this = $(this);
  1791.        var postId = $this.parent().data('post-id');
  1792.        var voteType = $this.hasClass('upvote') ? 'upvote' : 'downvote';
  1793.  
  1794.        $.ajax({
  1795.            url: '/vote.php',
  1796.            type: 'POST',
  1797.            data: { post_id: postId, vote_type: voteType },
  1798.            dataType: 'json',
  1799.            success: function(response) {
  1800.                if (response.success) {
  1801.                    $this.siblings('.vote-count').text(response.vote_count);
  1802.                } else {
  1803.                    alert(response.message);
  1804.                }
  1805.            },
  1806.            error: function() {
  1807.                alert('An error occurred. Please try again.');
  1808.            }
  1809.        });
  1810.    });
  1811.  
  1812.    $('#friendRequestBtn').click(function() {
  1813.        $.ajax({
  1814.            url: '/friend_request.php',
  1815.            type: 'POST',
  1816.            data: { receiver_id: 2 },
  1817.            dataType: 'json',
  1818.            success: function(response) {
  1819.                if (response.success) {
  1820.                    $('#friendRequestBtn').prop('disabled', true).text('Request Sent');
  1821.                } else {
  1822.                    alert(response.message);
  1823.                }
  1824.            },
  1825.            error: function() {
  1826.                alert('An error occurred. Please try again.');
  1827.            }
  1828.        });
  1829.    });
  1830.  
  1831. $('#followBtn').click(function() {
  1832. $.ajax({
  1833. url: '/follow.php',
  1834. type: 'POST',
  1835. data: { followed_id: 2 },
  1836. dataType: 'json',
  1837. success: function(response) {
  1838. if (response.success) {
  1839. $('#followBtn').prop('disabled', true).text('Following');
  1840. } else {
  1841. alert('Error: ' + response.message);
  1842. }
  1843. },
  1844. error: function(jqXHR, textStatus, errorThrown) {
  1845. alert('AJAX error: ' + textStatus + '\n' + errorThrown + '\n' + jqXHR.responseText);
  1846. }
  1847. });
  1848. });
  1849. });
  1850. </script>
  1851.  
  1852.    </main>
  1853.    <footer class="bg-light text-center text-lg-start mt-4">
  1854.        <div class="container p-4">
  1855.            <p>&copy; 2024 Kin.top. All rights reserved.</p>
  1856.        </div>
  1857.    </footer>
  1858.     <div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
  1859.        <div class="modal-dialog">
  1860.            <div class="modal-content">
  1861.                <div class="modal-header">
  1862.                    <h5 class="modal-title" id="loginModalLabel">Login Required</h5>
  1863.                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  1864.                </div>
  1865.                <div class="modal-body">
  1866.                    <p>You need to be logged in to vote. Please log in or sign up to continue.</p>
  1867.                </div>
  1868.                <div class="modal-footer">
  1869.                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  1870.                    <a href="/login.php" class="btn btn-primary">Log In</a>
  1871.                    <a href="/register.php" class="btn btn-success">Sign Up</a>
  1872.                </div>
  1873.            </div>
  1874.        </div>
  1875.    </div>
  1876.    <script src="/voting.js?id=6688a0dd5c60c"></script>
  1877.  
  1879. <div class="modal fade" id="superboostModal" tabindex="-1" aria-labelledby="superboostModalLabel" aria-hidden="true">
  1880.    <div class="modal-dialog">
  1881.        <div class="modal-content">
  1882.            <div class="modal-header">
  1883.                <h5 class="modal-title" id="superboostModalLabel">Increase visibility with Tip & Boost</h5>
  1884.                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  1885.            </div>
  1886.            <div class="modal-body" data-post-id="">
  1887. Buying a Tip & Boost sends a tip to the poster & increases visibility of the post<br><br>
  1889.                <p>Select an amount to superboost this post. each 10 cents is equal to 1 vote. the tip goes 50% to the poster and 50% to kin.top. if a user has been invited by another user
  1890. earnings are split 50% poster, 30% kin.top, 20% inviter<br></p>
  1892.                <div class="btn-group mb-3" role="group" aria-label="Superboost amount">
  1893.                    <button type="button" class="btn btn-outline-primary amount-btn active" data-amount="0.10">$0.10</button>
  1894.                    <button type="button" class="btn btn-outline-primary amount-btn" data-amount="0.50">$0.50</button>
  1895.                    <button type="button" class="btn btn-outline-primary amount-btn" data-amount="1.00">$1.00</button>
  1896.                    <button type="button" class="btn btn-outline-primary amount-btn" data-amount="2.00">$2.00</button>
  1897.                    <button type="button" class="btn btn-outline-primary amount-btn" data-amount="5.00">$5.00</button>
  1898.                </div>
  1899.                <div id="button-container" style="height: 3.75rem;"></div>
  1900. <br>
  1901. <div id="kinAddressStatus" class="mt-0"></div>
  1902.                <p class="mt-1 text-xs text-muted">Don't have the Code Wallet app yet?
  1903.                <a href="https://www.getcode.com/#Download" target="_blank" class="text-primary">Download It Now</a> and get your first $1 free</p>
  1904.            </div>
  1905.        </div>
  1906.    </div>
  1907. </div>
  1908.  
  1909.  
  1910. <script>
  1911.  
  1912.  
  1913.  
  1914. document.addEventListener('DOMContentLoaded', function() {
  1915.    $('.superboost-btn').click(function() {
  1916.        var postId = $(this).closest('.vote-and-boost').data('post-id');
  1917.        loadSuperboostButton(postId);
  1918.    });
  1919. });
  1920.  
  1921.  
  1922. </script>
  1923. <script type="module">
  1924. import code from 'https://js.getcode.com/v1';
  1925.  
  1926.  
  1927. let superboostButton;
  1928. const defaultAmount = 0.10;
  1929. const defaultDestination = 'CtVDfDHknkhnwMooPwNBnzZQdiJzS1XK4qohVUtnygPn'; // Replace with a valid default Solana address
  1930. const feeDestination = 'CtVDfDHknkhnwMooPwNBnzZQdiJzS1XK4qohVUtnygPn'; // Fixed fee destination
  1931. let currentPostId;
  1932. let currentDestination = defaultDestination; // Initialize with default value
  1933. let currentAmount = 0.10; // Initialize with the default amount
  1934.  
  1935. function setupAmountButtons(postId) {
  1936.    console.log('Setting up amount buttons');
  1937.    const modalBody = document.querySelector('#superboostModal .modal-body');
  1938.    const amountBtns = modalBody.querySelectorAll('.amount-btn');
  1939.    amountBtns.forEach(btn => {
  1940.        btn.addEventListener('click', () => {
  1941.            console.log('Amount button clicked:', btn.dataset.amount);
  1942.            const selectedAmount = parseFloat(btn.dataset.amount);
  1943. currentAmount = parseFloat(btn.dataset.amount);
  1944.            amountBtns.forEach(b => b.classList.remove('active'));
  1945.            btn.classList.add('active');
  1946.            const newConfig = createButtonConfig(currentDestination || defaultDestination, currentAmount, postId);
  1947.            console.log('Updating button with new config:', newConfig);
  1948.            superboostButton.update(newConfig);
  1949.        });
  1950.    });
  1951. }
  1952.  
  1953. window.setupAmountButtons = setupAmountButtons;
  1954.  
  1955.  
  1956. function createButtonConfig(destination, amount, postId, inviterKinAddress) {
  1957.    const config = {
  1958.        currency: 'usd',
  1959.        amount: amount,
  1960.        destination: destination,
  1961.        confirmParams: {
  1962.            success: {
  1963.                url: `/superboost_success.php?amount=${amount}&post_id=${postId}&intent_id={{INTENT_ID}}`,
  1964.            },
  1965.            cancel: {
  1966.                url: `/superboost_cancel.php?post_id=${postId}`,
  1967.            },
  1968.        },
  1969.    };
  1970.  
  1971.    const usedAddresses = new Set([destination]);
  1972.  
  1973.    if (destination !== feeDestination && !usedAddresses.has(feeDestination)) {
  1974.        if (inviterKinAddress && !usedAddresses.has(inviterKinAddress)) {
  1975.            config.fees = [
  1976.                {
  1977.                    destination: feeDestination,
  1978.                    basisPoints: 3000, // 30% fee
  1979.                },
  1980.                {
  1981.                    destination: inviterKinAddress,
  1982.                    basisPoints: 2000, // 20% fee
  1983.                }
  1984.            ];
  1985.            usedAddresses.add(feeDestination);
  1986.            usedAddresses.add(inviterKinAddress);
  1987.        } else if (!usedAddresses.has(feeDestination)) {
  1988.            config.fees = [
  1989.                {
  1990.                    destination: feeDestination,
  1991.                    basisPoints: 5000, // 50% fee
  1992.                }
  1993.            ];
  1994.            usedAddresses.add(feeDestination);
  1995.        }
  1996.    }
  1997.  
  1998.    return config;
  1999. }
  2000. window.createButtonConfig = createButtonConfig;
  2001.  
  2002. // ... (previous code remains the same)
  2003.  
  2004. function loadSuperboostButton(postId) {
  2005.    console.log('Loading superboost button for post:', postId);
  2006.    currentPostId = postId;
  2007.    fetch(`/get_kinaddress.php?post_id=${postId}`)
  2008.        .then(response => response.json())
  2009.        .then(data => {
  2010.            if (data.success) {
  2011.                console.log('New destination loaded:', data.kinaddress);
  2012.                currentDestination = data.kinaddress || defaultDestination;
  2013.                const config = createButtonConfig(currentDestination, currentAmount, postId, data.inviterKinAddress);
  2014.                superboostButton.update(config);
  2015.                console.log('Button config updated:', config);
  2016.                
  2017.                // Update modal content based on Kin address status
  2018.                const modalBody = document.querySelector('#superboostModal .modal-body');
  2019.                const statusMessage = modalBody.querySelector('#kinAddressStatus');
  2020.                if (!statusMessage) {
  2021.                    const statusElement = document.createElement('p');
  2022.                    statusElement.id = 'kinAddressStatus';
  2023.                    modalBody.insertBefore(statusElement, modalBody.firstChild);
  2024.                }
  2025.                
  2026.                if (data.kinaddress) {
  2027.                    document.getElementById('kinAddressStatus').textContent = 'The poster has Code Wallet enabled. Your superboost will be sent directly to them.';
  2028.                    document.getElementById('kinAddressStatus').className = 'text-success';
  2029.                } else {
  2030.                    document.getElementById('kinAddressStatus').textContent = 'The poster has Code Wallet not enabled. The superboost will help them though. the money goes to kin.top.';
  2031.                    document.getElementById('kinAddressStatus').className = 'text-warning';
  2032.                }
  2033.                
  2034.                // Reset active state on amount buttons
  2035.                document.querySelectorAll('.amount-btn').forEach(btn => btn.classList.remove('active'));
  2036.                document.querySelector('.amount-btn[data-amount="0.10"]').classList.add('active');
  2037.            } else {
  2038.                console.error('Error loading Kin address:', data.message || 'Invalid or missing Kin address for this post.');
  2039.                alert('Error: ' + (data.message || 'Invalid or missing Kin address for this post.'));
  2040.            }
  2041.        })
  2042.        .catch(error => {
  2043.            console.error('Error:', error);
  2044.            alert('An error occurred while loading the superboost button.');
  2045.        });
  2046. }
  2047.  
  2048. // ... (rest of the code remains the same)
  2049.  
  2050. window.loadSuperboostButton = loadSuperboostButton;
  2051.  
  2052. function initializeSuperboostButton(postId) {
  2053.    console.log('Initializing Superboost Button for post:', postId);
  2054.    currentPostId = postId;
  2055.    currentDestination = defaultDestination; // Set initial currentDestination
  2056. console.log('current amount'+currentAmount);
  2057.    const config = createButtonConfig(currentDestination, currentAmount, postId);
  2058.    console.log('Initial button config:', config);
  2059.    const { button } = code.elements.create('button', config);
  2060. /*
  2061.    button.on('invoke', async () => {
  2062.        console.log('Invoke event triggered');
  2063.        try {
  2064.            console.log('Attempting to create intent');
  2065.            const res = await fetch('/create-intent.php', {
  2066.                method: 'POST',
  2067.                headers: {
  2068.                    'Content-Type': 'application/json',
  2069.                },
  2070.                body: JSON.stringify({
  2071.                    amount: config.amount,
  2072.                    destination: config.destination,
  2073.                    post_id: postId
  2074.                })
  2075.            });
  2076.  
  2077.            console.log('Fetch response status:', res.status);
  2078.  
  2079.            if (res.status === 401) {
  2080.                console.log('User not logged in');
  2081.                alert('You need to be logged in to superboost. Please log in and try again.');
  2082.                return true; // Cancel the payment intent
  2083.            }
  2084.  
  2085.            if (!res.ok) {
  2086.                console.error('Fetch response not OK:', res.status, res.statusText);
  2087.                throw new Error('Failed to create intent');
  2088.            }
  2089.  
  2090.            const data = await res.json();
  2091.            console.log('Response data:', data);
  2092.  
  2093.            if (data.success) {
  2094.                console.log('Updating button with client secret');
  2095.                button.update({ clientSecret: data.clientSecret });
  2096.                console.log('Payment intent created with ID:', data.id);
  2097.                return false; // Don't cancel the payment intent
  2098.            } else {
  2099.                throw new Error(data.error || 'Unknown error occurred');
  2100.            }
  2101.        } catch (error) {
  2102.            console.error('Error in invoke event:', error);
  2103.            alert('An error occurred while preparing the superboost. Please try again.');
  2104.            return true; // Cancel the payment intent
  2105.        }
  2106.    });
  2107. */
  2108. superboostButton = button;
  2109.    console.log('Mounting button to container');
  2110.    button.mount('#button-container');
  2111.    console.log('Button mounted successfully');
  2112.  
  2113.    // Set up amount buttons
  2114.    setupAmountButtons(postId);
  2115. }
  2116.  
  2117.  
  2118.  
  2119. function updatePostVotes(postId, newVoteCount) {
  2120.    const voteCountElement = document.querySelector(`.vote-count[data-post-id="${postId}"]`);
  2121.    if (voteCountElement) {
  2122.        voteCountElement.textContent = newVoteCount;
  2123.    }
  2124. }
  2125.  
  2126. $(document).ready(function() {
  2127.   $('.superboost-btn').click(function() {
  2128.        console.log('Superboost button clicked');
  2129.        var postId = $(this).closest('.vote-and-boost').data('post-id');
  2130.        console.log('Post ID:', postId);
  2131.             initializeSuperboostButton(postId);
  2132.        loadSuperboostButton(postId);
  2133.    });
  2134.  
  2135. $('#superboostModal').on('hidden.bs.modal', function () {
  2136.    console.log('Modal hidden, resetting button');
  2137.    // Reset the button to its default state
  2138.    currentDestination = defaultDestination;
  2139.    const postId = $(this).find('.modal-body').attr('data-post-id');
  2140.    const config = createButtonConfig(currentDestination, currentAmount, postId);
  2141.    superboostButton.update(config);
  2142.    console.log('Button reset to default config:', config);
  2143.    // Reset active state on amount buttons
  2144.    const modalBody = $(this).find('.modal-body');
  2145.    modalBody.find('.amount-btn').removeClass('active');
  2146.    modalBody.find('.amount-btn[data-amount="0.10"]').addClass('active');
  2147. });
  2148. });
  2149. </script>
  2150.  
  2151. <script>
  2152. $(document).ready(function(){
  2154. $('#nsfwToggle').change(function() {
  2155.        var showNsfw = $(this).is(':checked') ? 1 : 0;
  2157. updateNsfwVisibility(showNsfw);
  2159.        $.ajax({
  2160.            url: 'update_nsfw_settings.php',
  2161.            method: 'POST',
  2162.            data: { show_nsfw: showNsfw },
  2163.            dataType: 'json',
  2164.            success: function(response) {
  2165.                if (response.success) {
  2166.                    console.log('NSFW settings updated successfully');
  2167. // location.reload();
  2168.                } else {
  2169.                    console.error('Failed to update NSFW settings:', response.message);
  2170.                    // Revert the toggle if the update failed
  2171.                    $('#nsfwToggle').prop('checked', !showNsfw);
  2172.                }
  2173.            },
  2174.            error: function(xhr, status, error) {
  2175.                console.error('AJAX error:', error);
  2176.                // Revert the toggle on AJAX error
  2177.                $('#nsfwToggle').prop('checked', !showNsfw);
  2178.            }
  2179.        });
  2180.    });
  2182.  function updateNsfwVisibility(showNsfw) {
  2183.        if(showNsfw) {
  2184.            $('.nsfw-post').removeClass('hide-nsfw');
  2185.        } else {
  2186.            $('.nsfw-post').addClass('hide-nsfw');
  2187.        }
  2188.    }
  2190.  
  2191.  
  2192.  
  2193. $('.bookmark-btn').click(function() {
  2194.        var postId = $(this).data('post-id');
  2195.        var $button = $(this);
  2196.        console.log('book postid:' + postId);
  2197.        $.ajax({
  2198.            url: '/toggle_bookmark.php?v=6688a0dd5c612',
  2199.            method: 'POST',
  2200.            data: { post_id: postId },
  2201.            success: function(response) {
  2202.                console.log('book response:', response);
  2203.                if (response.success) {
  2204.                    if (response.bookmarked) {
  2205.                        $button.html('<i class="fas fa-bookmark"></i> Bookmarked');
  2206.                    } else {
  2207.                        $button.html('<i class="far fa-bookmark"></i> Bookmark');
  2208.                    }
  2209.                } else {
  2210.                    alert('Error: ' + response.message);
  2211.                }
  2212.            },
  2213.            error: function(jqXHR, textStatus, errorThrown) {
  2214.                console.error('Error details:', textStatus, errorThrown, jqXHR.responseText);
  2215.                alert('An error occurred. Please try again.');
  2216.            }
  2217.        });
  2218.    });
  2219. });
  2220.  
  2221.  
  2222. !function(e,t){if("function"==typeof define&&define.amd)define(["exports","module"],t);else if("undefined"!=typeof exports&&"undefined"!=typeof module)t(exports,module);else{var n={exports:{}};t(n.exports,n),e.autosize=n.exports}}(this,function(e,t){"use strict";function n(e){function t(){var t=window.getComputedStyle(e,null);v=t.overflowY,"vertical"===t.resize?e.style.resize="none":"both"===t.resize&&(e.style.resize="horizontal"),p="content-box"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(p)&&(p=0),s()}function n(t){var n=e.style.width;e.style.width="0px",e.offsetWidth,e.style.width=n,v=t,f&&(e.style.overflowY=t),r()}function o(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}function r(){var t=e.style.height,n=o(e),r=document.documentElement&&document.documentElement.scrollTop;e.style.height="auto";var i=e.scrollHeight+p;return 0===e.scrollHeight?void(e.style.height=t):(e.style.height=i+"px",h=e.clientWidth,n.forEach(function(e){e.node.scrollTop=e.scrollTop}),void(r&&(document.documentElement.scrollTop=r)))}function s(){var t=e.style.height;r();var o=window.getComputedStyle(e,null);if(o.height!==e.style.height?"visible"!==v&&n("visible"):"hidden"!==v&&n("hidden"),t!==e.style.height){var i=d("autosize:resized");e.dispatchEvent(i)}}var l=void 0===arguments[1]?{}:arguments[1],a=l.setOverflowX,u=void 0===a?!0:a,c=l.setOverflowY,f=void 0===c?!0:c;if(e&&e.nodeName&&"TEXTAREA"===e.nodeName&&!i.has(e)){var p=null,v=null,h=e.clientWidth,y=function(){e.clientWidth!==h&&s()},m=function(t){window.removeEventListener("resize",y,!1),e.removeEventListener("input",s,!1),e.removeEventListener("keyup",s,!1),e.removeEventListener("autosize:destroy",m,!1),e.removeEventListener("autosize:update",s,!1),i["delete"](e),Object.keys(t).forEach(function(n){e.style[n]=t[n]})}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener("autosize:destroy",m,!1),"onpropertychange"in e&&"oninput"in e&&e.addEventListener("keyup",s,!1),window.addEventListener("resize",y,!1),e.addEventListener("input",s,!1),e.addEventListener("autosize:update",s,!1),i.add(e),u&&(e.style.overflowX="hidden",e.style.wordWrap="break-word"),t()}}function o(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName){var t=d("autosize:destroy");e.dispatchEvent(t)}}function r(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName){var t=d("autosize:update");e.dispatchEvent(t)}}var i="function"==typeof Set?new Set:function(){var e=[];return{has:function(t){return Boolean(e.indexOf(t)>-1)},add:function(t){e.push(t)},"delete":function(t){e.splice(e.indexOf(t),1)}}}(),d=function(e){return new Event(e)};try{new Event("test")}catch(s){d=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}var l=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?(l=function(e){return e},l.destroy=function(e){return e},l.update=function(e){return e}):(l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return n(e,t)}),e},l.destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],o),e},l.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],r),e}),t.exports=l});
  2223.    document.addEventListener('DOMContentLoaded', function() {
  2224.  autosize(document.querySelectorAll('textarea'));
  2225.    });
  2226.  
  2227. </script>
  2228.  
  2229. <div class="toast-container position-fixed bottom-0 end-0 p-3"></div>
  2230.  
  2231. <footer class="footer mt-auto py-2 bg-dark fixed-bottom customfooter" id=mainFooter>
  2232.    <div class="container">
  2233. <div class="d-flex justify-content-between">
  2234.                <div class="d-flex justify-content-between">
  2235.                <a href="/feed" class="footer-btn"><i class="fas fa-zap"></i><span>Feed</span></a>
  2236.       <a href="/photos" class="footer-btn"><i class="fas fa-photo-film"></i><span>Photos</span></a>
  2237.       <a href="/messages/" class="footer-btn"><i class="fas fa-comment"></i><span>Chat</span></a>
  2238.          <a href="/dating/" class="footer-btn"><i class="fas fa-heart"></i><span>Dating</span></a>
  2239.            </div>
  2240.            <div class="d-flex justify-content-between">
  2241.                                    <a href="/register.php" class="footer-btn"><i class="fas fa-user-plus"></i><span>Signup</span></a>
  2242.                    <a href="/login.php" class="footer-btn"><i class="fas fa-sign-in-alt"></i><span>Login</span></a>
  2243.                            </div>
  2244.        </div>
  2245.    </div>
  2246. </footer>
  2247. <script>
  2248. document.addEventListener('DOMContentLoaded', function() {
  2249.    let lastScrollTop = 0;
  2250.    const footer = document.getElementById('mainFooter');
  2251.    
  2252.    window.addEventListener('scroll', function() {
  2253.        let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  2254.        
  2255.        if (scrollTop > lastScrollTop) {
  2256.            // Scroll down - hide footer
  2257.            footer.style.transform = 'translateY(100%)';
  2258.        } else {
  2259.            // Scroll up - show footer
  2260.            footer.style.transform = 'translateY(0)';
  2261.        }
  2262.        lastScrollTop = scrollTop;
  2263.    });
  2264. });
  2265. </script>
  2266. <style>
  2267. .customfooter{
  2268. background-color:#333333;
  2269. background: rgb(134,66,255);
  2270. background: linear-gradient(0deg, rgba(134,66,255,1) 0%, rgba(173,0,255,1) 100%);
  2271. border:0px !important;
  2272. padding-bottom:2px !important;
  2273. }
  2274.  .modal.bottom-modal .modal-dialog {
  2275.            position: fixed;
  2276.            bottom: 0;
  2277.            left: 0;
  2278.            right: 0;
  2279.            margin: 0;
  2280.        }
  2281.        .modal.bottom-modal .modal-content {
  2282.            border-radius: 0;
  2283.        }
  2285. .footer {
  2286.    background-color: #000;
  2287.    border-top: 1px solid #333;
  2288. }
  2289.  
  2290. .footer-btn {
  2291.    display: flex;
  2292.    flex-direction: column;
  2293.    align-items: center;
  2294.    color: #fff;
  2295.    text-decoration: none;
  2296.    font-size: 0.8rem;
  2297.    transition: color 0.3s ease;
  2298.    border: none;
  2299.    background: none;
  2300.    cursor: pointer;
  2301.    padding: 5px;
  2302. }
  2303.  
  2304. .footer-btn:hover, .footer-btn:focus {
  2305.    color: #1da1f2;
  2306. }
  2307.  
  2308. .footer-btn i {
  2309.    font-size: 1.5rem;
  2310.    margin-bottom: 0px;
  2311. }
  2312.  
  2313. .footer-btn span {
  2314.    display: block;
  2315.    text-align: center;
  2316. }
  2317.  
  2318. @media (max-width: 576px) {
  2319. .customfooter{
  2320.  
  2321. padding-bottom:6px !important;
  2322. }
  2323.  
  2324.    .footer-btn span {
  2325.        display: none;
  2326.    }
  2327.    
  2328.    .footer-btn i {
  2329.        font-size: 1.2rem;
  2330.    }
  2331. }
  2332.  
  2333. .footer-btn:hover, .footer-btn:focus {
  2334.    color: #ffffcc;
  2335.  
  2336. }
  2337.  
  2338. .loader {
  2339.    border: 5px solid #f3f3f3;
  2340.    border-top: 5px solid #3498db;
  2341.    border-radius: 50%;
  2342.    width: 40px;
  2343.    height: 40px;
  2344.    animation: spin 1s linear infinite;
  2345.    display: none;
  2346.    margin: 20px auto;
  2347. }
  2348.  
  2349. @keyframes spin {
  2350.    0% { transform: rotate(0deg); }
  2351.    100% { transform: rotate(360deg); }
  2352. }
  2353. </style>
  2354.    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  2355.    <!-- Photo confirmation modal -->
  2356. <div class="modal fade bottom-modal" id="photoUploadModal" tabindex="-1" aria-labelledby="photoUploadModalLabel" aria-hidden="true">
  2357.    <div class="modal-dialog">
  2358.        <div class="modal-content">
  2359.            <div class="modal-header">
  2360.                <h5 class="modal-title" id="photoUploadModalLabel">Upload Photo</h5>
  2361.                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  2362.            </div>
  2363.            <div class="modal-body">
  2364.                <button id="takePhotoBtn" class="btn btn-primary me-2"><i class="fas fa-camera"></i> Take Photo</button>
  2365.                <button id="chooseFromGalleryBtn" class="btn btn-primary"><i class="fas fa-images"></i> Choose from Gallery</button>
  2366.                <input type="file" id="photoUpload" style="display: none;" accept="image/*">
  2367.                <div class="loader" id="photoLoader"></div>
  2368.            </div>
  2369.        </div>
  2370.    </div>
  2371. </div>
  2372.  
  2373. <div class="modal fade bottom-modal" id="photoConfirmModal" tabindex="-1" aria-labelledby="photoConfirmModalLabel" aria-hidden="true">
  2374.    <div class="modal-dialog">
  2375.        <div class="modal-content">
  2376.            <div class="modal-header">
  2377.                <h5 class="modal-title" id="photoConfirmModalLabel">Confirm Photo Upload</h5>
  2378.                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  2379.            </div>
  2380.            <div class="modal-body">
  2381.                <img id="photoPreview" src="" alt="Photo preview" style="max-width: 100%; height: auto;">
  2382.                <textarea id="photoCaption" class="form-control mt-3" rows="3" placeholder="Add a caption..."></textarea>
  2383.            </div>
  2384.            <div class="modal-footer">
  2385.                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
  2386.                <button type="button" class="btn btn-primary" id="confirmUpload">Upload</button>
  2387.            </div>
  2388.        </div>
  2389.    </div>
  2390. </div>
  2391.    <script>
  2392.   // Photo upload button click handler
  2393.    $('#photoUploadBtn').click(function() {
  2394.        $('#photoUploadModal').modal('show');
  2395.    });
  2396.  
  2397.    // Take photo button click handler
  2398.    $('#takePhotoBtn').click(function() {
  2399.        $('#photoUpload').attr('capture', 'camera');
  2400.        $('#photoUpload').click();
  2401.    });
  2402.  
  2403.    // Choose from gallery button click handler
  2404.    $('#chooseFromGalleryBtn').click(function() {
  2405.        $('#photoUpload').removeAttr('capture');
  2406.        $('#photoUpload').click();
  2407.    });
  2408.  
  2409.    // File input change handler
  2410.    $('#photoUpload').change(function(event) {
  2411.        var file = event.target.files[0];
  2412.        if (file) {
  2413.            $('#photoLoader').show();
  2414.            $('#photoUploadModal').modal('hide');
  2415.            processAndUploadFile(file);
  2416.        }
  2417.    });
  2418.  
  2419.    // Process and upload file
  2420.    function processAndUploadFile(file) {
  2421.        if (file.size > 1024 * 1024) {
  2422.            compressImage(file, uploadAndPreview);
  2423.        } else {
  2424.            uploadAndPreview(file);
  2425.        }
  2426.    }
  2427.  
  2428.    // Compress image
  2429.    function compressImage(file, callback) {
  2430.        var reader = new FileReader();
  2431.        reader.onload = function(e) {
  2432.            var img = new Image();
  2433.            img.onload = function() {
  2434.                var canvas = document.createElement('canvas');
  2435.                var ctx = canvas.getContext('2d');
  2436.                var width = img.width;
  2437.                var height = img.height;
  2438.                
  2439.                if (width > height) {
  2440.                    if (width > 1920) {
  2441.                        height *= 1920 / width;
  2442.                        width = 1920;
  2443.                    }
  2444.                } else {
  2445.                    if (height > 1920) {
  2446.                        width *= 1920 / height;
  2447.                        height = 1920;
  2448.                    }
  2449.                }
  2450.                
  2451.                canvas.width = width;
  2452.                canvas.height = height;
  2453.                ctx.drawImage(img, 0, 0, width, height);
  2454.                
  2455.                canvas.toBlob(function(blob) {
  2456.                    callback(new File([blob], file.name, {
  2457.                        type: 'image/jpeg',
  2458.                        lastModified: Date.now()
  2459.                    }));
  2460.                }, 'image/jpeg', 0.7);
  2461.            };
  2462.            img.onerror = function() {
  2463.                $('#photoLoader').hide();
  2464.                alert('Error loading image. Please try another file.');
  2465.            };
  2466.            img.src = e.target.result;
  2467.        };
  2468.        reader.onerror = function() {
  2469.            $('#photoLoader').hide();
  2470.            alert('Error reading file. Please try again.');
  2471.        };
  2472.        reader.readAsDataURL(file);
  2473.    }
  2474.  
  2475.    // Upload and preview image
  2476.    function uploadAndPreview(file) {
  2477.        var formData = new FormData();
  2478.        formData.append('photo', file);
  2479.  
  2480.        $.ajax({
  2481.            url: '/upload_photo.php',
  2482.            type: 'POST',
  2483.            data: formData,
  2484.            processData: false,
  2485.            contentType: false,
  2486.            success: function(response) {
  2487.                $('#photoLoader').hide();
  2488.                try {
  2489.                    var data = JSON.parse(response);
  2490.                    if (data.success) {
  2491.                        $('#photoPreview').attr('src', data.image_url);
  2492.                        $('#photoPreview').data('photo-id', data.photo_id);
  2493.                        $('#photoConfirmModal').modal('show');
  2494.                    } else {
  2495.                        alert('Error uploading photo: ' + data.message);
  2496.                    }
  2497.                } catch (e) {
  2498.                    console.error('Error parsing server response:', e);
  2499.                    alert('An unexpected error occurred while uploading the photo.');
  2500.                }
  2501.            },
  2502.            error: function(jqXHR, textStatus, errorThrown) {
  2503.                $('#photoLoader').hide();
  2504.                console.error('AJAX error:', textStatus, errorThrown);
  2505.                alert('An error occurred while uploading the photo: ' + textStatus);
  2506.            }
  2507.        });
  2508.    }
  2509.  
  2510.    // Confirm upload button click handler
  2511.    $('#confirmUpload').click(function() {
  2512.        var captionText = $('#photoCaption').val();
  2513.        var photoId = $('#photoPreview').data('photo-id');
  2514.        
  2515.        $.ajax({
  2516.            url: '/upload_photo_caption.php',
  2517.            type: 'POST',
  2518.            data: {
  2519.                photo_id: photoId,
  2520.                caption: captionText
  2521.            },
  2522.            success: function(response) {
  2523.                var data = JSON.parse(response);
  2524.                if (data.success) {
  2525.                    $('#photoConfirmModal').modal('hide');
  2526.                    window.location.href = '/photos';
  2527.                } else {
  2528.                    alert('Error saving caption: ' + data.error);
  2529.                }
  2530.            },
  2531.            error: function() {
  2532.                alert('An error occurred while saving the caption.');
  2533.            }
  2534.        });
  2535.    });
  2536.    </script>
  2537.  
  2538. </body>
  2539. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda