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.
Binoculars
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.

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.
LinksYou can find the script on
GreasyFork 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
the GitHub repository. 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
Tampermonkey, if you need any pointers.
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.
Additionally,
sendmecutefeetpics 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
what they made. I won't judge.
240.221 days ago
Oct 13, 2022 - 2:54 AM
Can you make an install guide?
240.191 days ago
Oct 13, 2022 - 3:37 AM
Sure. Remind me this evening; for the bulk of my day, I'll be busy.
239.911 days ago
Oct 13, 2022 - 10:20 AM
Installation guide
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. No installation
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:
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.
Using a userscript manager
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.
First, go to:
Then:
- Search up "userscript".
- Get the userscript manager that looks the most useful. Binoculars should work on all. I use Tampermonkey (you can find download links for all sorts of browsers on its homepage).
239.499 days ago
Oct 13, 2022 - 8:14 PM
I changed the color of the button on mine to the same red gradient as the unfollow button
239.367 days ago
Oct 13, 2022 - 11:24 PM
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?
239.363 days ago
Oct 13, 2022 - 11:30 PM
...what error? I can't help you at all if you don't even tell me what went wrong.
239.361 days ago
Oct 13, 2022 - 11:33 PM
"Uncaught (in promise) TypeError: Cannot read properties of null (reading 'prepend')
at createButton (<anonymous>:33:15)
at <anonymous>:20:5
at <anonymous>:25:3"
239.36 days ago
Oct 13, 2022 - 11:35 PM
What version is your browser?
239.357 days ago
Oct 13, 2022 - 11:38 PM
im using microsoft edge bc its the only browser i can use :)
is that what you mean?
239.356 days ago
Oct 13, 2022 - 11:40 PM
239.355 days ago
Oct 13, 2022 - 11:42 PM
ok. thanks anyway, hoyle.
239.342 days ago
Oct 14, 2022 - 12:00 AM
Thank you to
user64837 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.

239.294 days ago
Oct 14, 2022 - 1:09 AM
why do you want to exclude markov?
239.29 days ago
Oct 14, 2022 - 1:15 AM
Because Markov is a bot and is almost always online (I think)
239.288 days ago
Oct 14, 2022 - 1:17 AM
239.287 days ago
Oct 14, 2022 - 1:19 AM
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?
239.286 days ago
Oct 14, 2022 - 1:20 AM
Woah there, let’s not get political
239.286 days ago
Oct 14, 2022 - 1:20 AM
Idea: make it show when Markov is not online
239.285 days ago
Oct 14, 2022 - 1:23 AM
Lmao
Edit: this is really cool actually, I'm just laughing on the realization there's controversy over the bot
239.283 days ago
Oct 14, 2022 - 1:25 AM
239.283 days ago
Oct 14, 2022 - 1:25 AM
That is brilliant. I'll add that.
239.283 days ago
Oct 14, 2022 - 1:25 AM
Well.The whole thing just needs some ironing out and fixes to any potential oversights, then it'll be ready by tomorrow.
239.252 days ago
Oct 14, 2022 - 2:10 AM
Counter point to not having Markov. Have a system where every online user shows as Markov
238.75 days ago
Oct 14, 2022 - 2:13 PM
No, that would be too much. You can make your own modification of the script if you want, but I'm not adding that.
238.725 days ago
Oct 14, 2022 - 2:48 PM
{
"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
}