✨ Lady Starlight💫

"why aren't millennials dating? why aren't gen Z dating?"

Sure we are. I tell a girl I love her, she tells me she lives 15,000km away. You're trying to tell me there's more to it than that?

I made another Cohost tool! This one does syntax highlighting:

index.ts
function getStyleDiff(
  baseline: Set<CSSStyleRule>,
  element: HTMLElement
): string {
  const decls: string[] = [];
  for (const rule of getMatchedCSSRules(element)) {
    if (baseline.has(rule)) continue;
    for (let i = 0; i < rule.style.length; i++) {
      const name = rule.style[i];
      const value = rule.style.getPropertyValue(name);
      decls.push(`${name}: ${value}`);
    }
  }
  return decls.join(";");
}

It supports multiple themes and drop shadows:

body {
  background-color: #fafafa;
  color: #000000de;
  display: flex;
  justify-content: center;
  gap: 16px;
}

For kicks, I also decided to add a CRT mode (which works best with dark themes):

function glowify(): void {
  for (const span of Array.from(
    outputPre.querySelectorAll("span")
  )) {
    const style = window.getComputedStyle(span);
    const color = new Color(style.color);
    color.lch.l *= 1.2;
    const hex = color.toString({ format: "hex" });
    span.style.textShadow = `0 0 2px ${hex})`;
  }
}

Please enjoy, and remember to check out my bio for a list of all my utilities!

holy shit, the CRT mode is still actual text, selectable and hopefully screen-reader-able and all that. sweet!

One of the things people have said they would like on Cohost is a way to do that old Twitter joke where you type up to the word limit so the tweet ends in a cut-off word. People have brought up a few ways to do this on Cohost, the easiest one being posting just a headline, which has a 140 character limit, but I haven't seen anyone suggest what I think is a much more interesting option, which is to use CSS to produce a negative margin so the frame of the post itself cuts off the text. This has several advantages, the main one being that it looks like the website itself is cutting you off. The main disadvantage is that screen readers aren't affected and won't communicate the visual joke very well. If you're using a screen reader, this part of the post has long since gone out of the frame, so sighted people can't see it. It can be just a little secret between me and you.

you fools talking about the 240 character jokesimply go off the edge of the page

you fools talking about the 240 character jokesimply go off the edge of the page