angela gilhotra
home,
🎧?
fancy some downtime? 🧘♀️🕊️
View Playlist on Youtube ↗️
<form id="upvote-form" action="/upvote/cTFVAMuoHhrKanyjnePI/" method="post" style="display: inline"> <small> <input hidden name="uid" value="cTFVAMuoHhrKanyjnePI" style="display:none"> <input hidden name="title" value="fancy some downtime? 🧘♀️🕊️" style="display:none"> <input type="hidden" name="csrfmiddlewaretoken" value="UxKCn2WQgk0txrP2AppNYQrQV5dTpDoT8tf79wDz4c9TJbSczMwhgXvkVmYHeEHq"> <button class="upvote-button" title="Toast this post" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"> <polyline points="17 11 12 6 7 11"></polyline> <polyline points="17 18 12 13 7 18"></polyline> </svg> <small class="upvote-count">1</small> </button> </small> </form> <script> let moved = false; let pageLoaded = Date.now(); document.addEventListener('touchmove', () => moved = true); document.addEventListener('mousemove', () => moved = true); document.querySelector('#upvote-form').addEventListener('submit', (e) => { e.preventDefault(); if (moved) { document.querySelector('input[name="title"]').value = ""; } if (Date.now() - pageLoaded < 2000 || !moved) { return; } const form = e.target; fetch(form.action, { method: form.method, body: new FormData(form), }); const button = form.querySelector('button') button.disabled = true button.style.color = "salmon" const upvoteCount = document.querySelector('.upvote-count') upvoteCount.innerHTML = `${(parseInt(upvoteCount.innerHTML.split(" ")[0]) + 1)}` }); </script> </main> <footer style="padding:25px 0;"> <span> Powered by <a href="https://bearblog.dev">Bear ʕ•ᴥ•ʔ</a> </span> </footer> </body> </html>