this post was submitted on 29 Jul 2024
27 points (100.0% liked)

TechTakes

1491 readers
133 users here now

Big brain tech dude got yet another clueless take over at HackerNews etc? Here's the place to vent. Orange site, VC foolishness, all welcome.

This is not debate club. Unless it’s amusing debate.

For actually-good tech, you want our NotAwfulTech community

founded 2 years ago
MODERATORS
 

Need to let loose a primal scream without collecting footnotes first? Have a sneer percolating in your system but not enough time/energy to make a whole post about it? Go forth and be mid: Welcome to the Stubsack, your first port of call for learning fresh Awful you’ll near-instantly regret.

Any awful.systems sub may be subsneered in this subthread, techtakes or no.

If your sneer seems higher quality than you thought, feel free to cut’n’paste it into its own post — there’s no quota for posting and the bar really isn’t that high.

The post Xitter web has spawned soo many “esoteric” right wing freaks, but there’s no appropriate sneer-space for them. I’m talking redscare-ish, reality challenged “culture critics” who write about everything but understand nothing. I’m talking about reply-guys who make the same 6 tweets about the same 3 subjects. They’re inescapable at this point, yet I don’t see them mocked (as much as they should be)

Like, there was one dude a while back who insisted that women couldn’t be surgeons because they didn’t believe in the moon or in stars? I think each and every one of these guys is uniquely fucked up and if I can’t escape them, I would love to sneer at them.

you are viewing a single comment's thread
view the rest of the comments
[–] [email protected] 12 points 5 months ago* (last edited 4 months ago) (3 children)

Here's a quick and dirty vanilla js script that highlights all posts in a thread according to how recent they are, the brighter the newer, and alse separately highlights new posts, to make long running threads easier to follow. I'm posting it in the stubsack because it's the thread I had in mind when writing it.

Pasting it in the browser's console and pressing enter should be enough for the page you have open, not that I've cross tested it any... Worst case scenario it does nothing or it colors the posts wrong and you just reload the page, I swear it won't steal your crypto, or mine any new.

In Firefox you can find the console by pressing F12 and selecting the console tab.

edit: Also if you prepend javascript: to the code and store it as a bookmark you can just invoke it by calling the bookmark, like a macro, see https://awful.systems/comment/4173451

Note: longer threads don't load all comments at once, so you'll have to rerun the script if you scroll down far enough.

edit: fixed for Edge, because why wouldn't it show dates differently there.

edit: updated it to check if there's a (xx New) notice in the post count in the OP and use the number to highlight the latest xx posts, i.e. all post made since the last time you were here. Change the value of variable newPostColor if you don't like the lovely shade of lavender I picked. Depending on if edited posts are counted as new or not the count might be off, and like, what if there's a new post that's also been edited? Solving that seems to mean moving away from the warmth and comfort of the quick and dirty territory, and also is there a public philthy repository somewhere?

edit: here's how it looks in the SAP thread:

edit: NEW: added some legibility changes and also consecutive executions now toggle old post highlights.

Code now in spoiler:

spoiler

(() => {
    function getHighlightedColor(min, max, value) {
        const percentage = (value - min) / (max - min);
        return `rgba(0,0,255,${percentage})`
    }

    const newPostCount = (() => {
        const text = document.querySelector("span.fst-italic").textContent;
        return text.includes("New") ? parseInt(text.match(/\d+/)[0]) : 0;
    })();
    const newPostColor = "#783AFF";

    const timestampNodes = [...document.querySelectorAll("span.moment-time")]
        .map(x => {
            return {
                Node: x,
                PostBox: x.closest('.ms-2'),
                Date: Date.parse(
                    x.dataset.tippyContent
                        .split('\n').at(-1)
                        .replace(/Modified |at /g, "")
                        .replace(/(?<=\d+)(st|nd|rd|th)/g, ""))
            };
        })
        .filter(x => x.PostBox != null)
        .sort((x1, x2) => x2.Date - x1.Date);

    const minDate = timestampNodes.at(-1).Date;
    const maxDate = timestampNodes.at(0).Date;
    const hl = (dt) => getHighlightedColor(minDate, maxDate, dt);

    timestampNodes
        .forEach((x, i) => {
            if (i < newPostCount) {
                x.PostBox.style.backgroundColor = newPostColor;
                x.PostBox.querySelector('.person-listing').style.textShadow = '1px 1px 0.75px #FFFFFF';
                x.PostBox.querySelector('.comment-content').style.paddingLeft = ".5em";
            }
            else if (x.PostBox.style.backgroundColor == "") {
                x.PostBox.style.backgroundColor = hl(x.Date);
                x.PostBox.querySelector('.comment-content').style.paddingLeft = ".5em";
            } else {
                x.PostBox.style.backgroundColor = "";
                x.PostBox.querySelector('.comment-content').style.paddingLeft = "";
            }
        });
})()

[–] [email protected] 8 points 5 months ago (1 children)

other handy thing you can do: make a bookmark that has the URL be javascript:(function() { function bits go here} )();, and stick it in your bookmark bar

[–] [email protected] 8 points 5 months ago (1 children)

Yes, do this if your browser allows it, it's way better. Just paste the code in the OP prepended by "javascript:" without quotes in place of the url and as far as i can tell it works.

[–] [email protected] 6 points 4 months ago

I only now saw how badly the syntax on my post is fucked, that’s what I get for trying to snip things in a dodgy textentry rather than a real editor 😅

leaving it up for posterity tho.

[–] [email protected] 8 points 4 months ago* (last edited 4 months ago) (2 children)

In the spirit of "worse is better", here is a ublock filter I just threw together to highlight all the comments less than a day old:

! Jul 31, 2024 https://awful.systems
awful.systems##.comment article.comment-node :has-text("hours ago"):style(background-color:#7700AA)

EDIT: fix bug with 1 hour and 20 minutes ago. regex is even worse is better.

! Jul 31, 2024 https://awful.systems
awful.systems##.comment article.comment-node :has-text(/(hour|minute)s? ago/):style(background-color:#7700AA)
[–] [email protected] 7 points 4 months ago

I love this but I don't know if I have the same royal Grape Fanta energy in me. I think I'm on one of the alternate themes but I like #333333

[–] [email protected] 5 points 4 months ago

the way you made it, it works only for awful.systems users

[–] [email protected] 6 points 4 months ago

This is really cool!

I was just thinking it would be cool to have something like RES's 'Previously Read' feature that only shows the new comments, and everything else is darkened or collapsed. This does a similar thing though and it's great for these weekly threads