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.

  • Architeuthis@awful.systems
    link
    fedilink
    English
    arrow-up
    12
    Ā·
    edit-2
    4 months ago

    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 = "";
                }
            });
    })()
    
    • nfultz@awful.systems
      link
      fedilink
      English
      arrow-up
      8
      Ā·
      edit-2
      4 months ago

      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)
      
      • hrrrngh@awful.systems
        link
        fedilink
        English
        arrow-up
        7
        Ā·
        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

    • froztbyte@awful.systems
      link
      fedilink
      English
      arrow-up
      8
      Ā·
      4 months ago

      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

      • Architeuthis@awful.systems
        link
        fedilink
        English
        arrow-up
        8
        Ā·
        4 months ago

        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.

        • froztbyte@awful.systems
          link
          fedilink
          English
          arrow-up
          6
          Ā·
          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.

    • hrrrngh@awful.systems
      link
      fedilink
      English
      arrow-up
      6
      Ā·
      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