Two Cans & String

{ "thread_id": "12023", "posts": [ { "id": "1240785", "time": "1665629664", "html": "<div style=\"font-style:italic;color:#888;\">I'm not sure whether or not to place this in Site Information or Technical Corner, but I'm posting it here just because it's not a core part of the website and this is nerd shit.</div><br /><h2 class=\"heading\"> Binoculars</h2><br />Binoculars is a userscript that you can install to a script manager of your choosing. When added, it creates a button next to the Preview and Post buttons whenever you make a post on the Neighbourhood Watch thread. Clicking it fetches the current list of online users, goes through each, and formats it for you, adding links to the respective profiles.<br /><br /><img src=\"https://i.postimg.cc/0NHg5NFn/firefox4456-1665628769.gif\" alt=\"\" /><br /><br />It's fairly simple, clocking in at only around sixty lines of code. However, in the future I plan to make this customizable with different format options. I don't want to make it too complicated, however. This is meant to make your life easier... if you like it being that way.<br /><br /><span style=\"font-weight:bold;\">Links</span><br /><br />You can find the script on <a href=\"https://greasyfork.org/en/scripts/452950-binoculars\">GreasyFork</a> which will automatically install it to a userscript manager in your browser, if you have one. If that's not your kind of thing, or if you'd like to make changes to the code, you can find everything at <a href=\"https://github.com/thekifake/Binoculars/\">the GitHub repository</a>. If you don't have a userscript manager yet still want to install it from GreasyFork, you can probably find one on your browser's plugin marketplace (i.e. Chrome Webstore or Firefox Addons). I use <span style=\"font-style:italic;\">Tampermonkey</span>, if you need any pointers.<br /><br />I hope this is sufficient. If you feel like something should be added, just add an issue or pull request on the repo. Haven't used GitHub in a while, forgive me if I screw up and do some stupid git-related thing.<br /><br />Additionally, <span style=\"font-weight:bold;\"><a href=\"https://twocansandstring.com/users/sendmecutefeetpics\">sendmecutefeetpics</a></span> did something in 2019 that achieves the same purpose as this in the form of a bookmarklet. If you don't want to go through any installations, you can use <a href=\"https://twocansandstring.com/forum/technical/10462\">what they made</a>. I won't judge.", "user": "hoylecake" }, { "id": "1240811", "time": "1665632265", "html": "Can you make an install guide?", "user": "broncoboy18" }, { "id": "1240828", "time": "1665656456", "html": "Sure. Remind me this evening; for the bulk of my day, I'll be busy.", "user": "hoylecake" }, { "id": "1241034", "time": "1665692076", "html": "<h2 class=\"heading\"> Installation guide</h2><br /><span style=\"font-weight:bold;\">This guide details multiple ways to add Binoculars to your web browser so that you can use it on the fly. Processes may vary per browser.</span><br /><br /><h2 class=\"heading\"> No installation</h2><br />If you don't want to go through the process of installing anything, you can add the paste users button to a reply page of your choosing for a single time only without any extra work. The steps are as follows:<br /><br /><ul><li> Copy the <a href=\"https://raw.githubusercontent.com/thekifake/Binoculars/main/index.js\">raw source code from GitHub</a>.</li><li> Open Inspect Element.</li><li> Open the console tab and paste the whole thing in.</li></ul><br />If you're on a reply page, the "Paste users" button should appear. Additionally, you can format the thing into a bookmarklet, add it to your bookmarks list, and click the new bookmark whenever you want the button to be added. I trust you to know how to make a JavaScript bookmarklet.<br /><br /><h2 class=\"heading\"> Using a userscript manager</h2><br />If you want the code to be executed automatically upon entering the Neighbourhood Watch thread, without any effort needed, you should install a userscript; but to do that, you'd need a userscript manager from your browser's extension marketplace.<br /><br />First, go to:<br /><ul><li> the <a href=\"https://chrome.google.com/webstore/\">Chrome Webstore</a> if you use Chrome</li><li> <a href=\"https://addons.mozilla.org/en-US/firefox/\">Firefox Addons</a> if you use Firefox</li><li> <a href=\"https://addons.opera.com/en/\">Opera Addons</a> if you use Opera</li><li> the <a href=\"https://apps.apple.com/app/apple-store\">App Store</a> if you use Safari</li><li> <a href=\"https://microsoftedge.microsoft.com/addons/Microsoft-Edge-Extensions-Home\">Edge Extensions</a> if you use Edge</li><li> If none of these match your browser, search "userscript" on your search engine and see if one you like has an external download link for your browser.</li></ul><br />Then:<br /><ul><li> Search up "userscript".</li><li> Get the userscript manager that looks the most useful. Binoculars should work on all. I use <a href=\"https://www.tampermonkey.net/\">Tampermonkey</a> (you can find download links for all sorts of browsers on its homepage).</li></ul>", "user": "hoylecake" }, { "id": "1241077", "time": "1665703490", "html": "I changed the color of the button on mine to the same red gradient as the unfollow button", "user": "dementedkermit" }, { "id": "1241081", "time": "1665703848", "html": "please help me, can you dumb the instructions down for me? i pasted it into where you said to, but nothing happened? just came with an error?", "user": "alexonline" }, { "id": "1241083", "time": "1665703990", "html": "...what error? I can't help you at all if you don't even tell me what went wrong.", "user": "hoylecake" }, { "id": "1241086", "time": "1665704107", "html": ""Uncaught (in promise) TypeError: Cannot read properties of null (reading 'prepend')<br /> at createButton (<anonymous>:33:15)<br /> at <anonymous>:20:5<br /> at <anonymous>:25:3"", "user": "alexonline" }, { "id": "1241088", "time": "1665704327", "html": "What version is your browser?", "user": "hoylecake" }, { "id": "1241090", "time": "1665704424", "html": "im using microsoft edge bc its the only browser i can use :)<br />is that what you mean?", "user": "alexonline" }, { "id": "1241092", "time": "1665704528", "html": "That function <a href=\"https://caniuse.com/mdn-api_element_prepend\">may not be supported by your browser</a>.", "user": "hoylecake" }, { "id": "1241095", "time": "1665705637", "html": "ok. thanks anyway, hoyle.", "user": "alexonline" }, { "id": "1241102", "time": "1665709755", "html": "Thank you to <span style=\"font-weight:bold;\"><a href=\"http:////twocansandstring.com/users/user64837\">user64837</a></span> for implementing a way to exclude Markov. I'm currently working on a configuration system that is loaded onto the page automatically, where you can change values on the fly. It's not been pushed to prod yet, but it should be very soon.<br /><br /><img src=\"https://i.postimg.cc/L4NWtj1x/firefox4473-1665709591.gif\" alt=\"\" />", "user": "hoylecake" }, { "id": "1241103", "time": "1665710102", "html": "why do you want to exclude markov?", "user": "alexonline" }, { "id": "1241106", "time": "1665710268", "html": "Because Markov is a bot and is almost always online (I think)", "user": "dementedkermit" }, { "id": "1241107", "time": "1665710342", "html": "I hate Markov", "user": "user64837" }, { "id": "1241108", "time": "1665710449", "html": "Markov is generally always online and just clutters up the list. If he's always going to be the common denominator, why include him in the first place?", "user": "hoylecake" }, { "id": "1241109", "time": "1665710452", "html": "<div style=\"margin:20px; background-image:url(/images/light.png);\"><div style=\"border:1px solid #888; padding:5px;\"><a href=\"/users/user64837\">user64837</a> said:</div><div style=\"border:1px solid #888; padding:20px;\">I hate Markov</div></div><br />Woah there, let\u2019s not get political", "user": "dementedkermit" }, { "id": "1241111", "time": "1665710587", "html": "Idea: make it show when Markov is not online", "user": "user64837" }, { "id": "1241115", "time": "1665710707", "html": "Lmao<br />Edit: this is really cool actually, I'm just laughing on the realization there's controversy over the bot", "user": "ecr674" }, { "id": "1241116", "time": "1665710720", "html": "yes do that", "user": "dementedkermit" }, { "id": "1241117", "time": "1665710735", "html": "That is brilliant. I'll add that.", "user": "hoylecake" }, { "id": "1241127", "time": "1665713401", "html": "<a href=\"https://github.com/thekifake/Binoculars/commit/4f2477c3a9127b2e450c546c2f179ce35a143f81\">Well.</a><br /><br />The whole thing just needs some ironing out and fixes to any potential oversights, then it'll be ready by tomorrow.", "user": "hoylecake" }, { "id": "1241247", "time": "1665756800", "html": "Counter point to not having Markov. Have a system where every online user shows as Markov", "user": "broncoboy18" }, { "id": "1241257", "time": "1665758915", "html": "No, that would be too much. You can make your own modification of the script if you want, but I'm not adding that.", "user": "hoylecake" } ], "users": { "hoylecake": { "name": "hoylecake", "key": "hoylecake", "url": "/users/hoylecake", "avatar": "/uploads/drawn/42626.png", "rankClass": "civilian", "rankText": "", "posts": "6509" }, "broncoboy18": { "name": "BroncoBoy18", "key": "broncoboy18", "url": "/users/broncoboy18", "avatar": "/uploads/drawn/21075.png", "rankClass": "civilian", "rankText": "", "posts": "10491" }, "dementedkermit": { "name": "dementedkermit", "key": "dementedkermit", "url": "/users/dementedkermit", "avatar": "/uploads/drawn/24472.png", "rankClass": "civilian", "rankText": "", "posts": "12788" }, "alexonline": { "name": "AlexOnline", "key": "alexonline", "url": "/users/alexonline", "avatar": "/uploads/drawn/42334.png", "rankClass": "civilian", "rankText": "", "posts": "2306" }, "user64837": { "name": "user64837", "key": "user64837", "url": "/users/user64837", "avatar": "/uploads/drawn/30000.png", "rankClass": "civilian", "rankText": "", "posts": "414" }, "ecr674": { "name": "ecr674", "key": "ecr674", "url": "/users/ecr674", "avatar": "/uploads/drawn/13847.png", "rankClass": "civilian", "rankText": "", "posts": "3112" } }, "page_num": 1, "locked": 0, "total_pages": 2 }

Follow TCaS on Twitter. The fate of the world depends on it.