Tootfinder

Opt-in global Mastodon full text search. Join the index!

@aral@mastodon.ar.al
2025-12-11 14:46:51

I love how simple Kitten’s Streaming HTML workflow makes building features like this, especially when using class-based Kitten pages and components :)
#Kitten

Screen capture of the Team schedule interface from the Gaza Verified admin site. It is a table of names and days (Aral, Casey, Joy, Aseel, Fabio And Mondays … Fridays) with checkboxes at each name/day pair. It starts out greyed out. The Unlock to edit button is clicked and the interface comes alive (opacity returns to full and the checkboxes become green and clickable). The person toggles a few checkboxes and clicks the Lock button to lock the interface again and then repeats the process to und…
Screenshot of code (the lines editable=false and the button tag code are highlighted):

class TeamSchedule extends kitten.Component {
  editable = false

  html () {
    return kitten.html`
      <section>
        <h3>Team schedule</h3>
        <button
          name='toggle'
          connect
        >${this.editable ? 'Lock' : 'Unlock to edit'}</button>
        <table id='team-schedule' ${this.editable ? '' : 'inert'}>
          <caption id='caption'>
            <markdown>
              Show…
Screenshot of code, continuation of the same class, starting with the end of the html() method from the previous screenshot and going till the end of the class (the table[inert] style and the onToggle() method are highlighted:

          <style>
            table[inert] {
              opacity: 0.9;
              filter: grayscale(100%);
            }
          </style>
        </table>
      </section>
    `
  }

  onToggle () {
    this.editable = !this.editable
    console.log(this.editable)…
Screenshot of code (the <${TeamSchedule.connectedTo(this)} /> line is highlighted):

export default class InterviewsPage extends kitten.Page {
  html () {
    const today = db.calendar.today
    const futureDays = db.calendar.futureDays
    const pastDays = db.calendar.pastDays

    return kitten.html`
      <${MainLayout} page='/admin/interviews/'>
        <h2>Interviews</h2>

        <${SignUpsSwitch.connectedTo(this)} />
        <${InternalNav} />
        <${TeamSchedule.connectedTo(this)} /…
@cjust@infosec.exchange
2026-02-13 18:52:50

The Media Can't Stop Propping Up Elon Musk's Phony Supergenius Engineer Mythology

By Karl Bode
"CEO said a thing!" journalism is now utterly pervasive, and includes parroting billionaire and CEO claims with a total disregard for whether or not anything being said is actually true.
Despite the fact Musk has increasingly shown himself to be a conspiratorial white supremacist with a head full of room temperature butterscotch, the U.S. press is demonstratively un…

@pre@boing.world
2025-12-31 13:44:43

Media stuff

Rewatched all of Buffy

Broken wrist meant I had to sit on the sofa for a month doing nothing really. I re-watched all 200 or so episodes of Buffy for the first time this decade.
What an achievement in TV production. Amazing show.
I'll watch it again next decade maybe.
Not that I read a huge amount. Hopefully more next year.
"Outland" by Dennis E Taylor, and actually also his "Not Till We Are Lost"
"Broken Money" by Lyn Alden.
Think "Severance" was the most remarkable show I watched this year, with "Trek, Strange New Worlds" also being great again.
"Pantheon" was a pretty great cartoon, haven't seen the second season yet.

@chpietsch@fedifreu.de
2025-12-04 22:16:04

Krieg ist keine Lösung. Waffengewalt und Zwangsdienste dürfen erst in Erwägung gezogen werden, wenn alle anderen Mittel ausgeschöpft wurden. An diesem Punkt sind wir noch lange nicht. Erst müssen Sanktionen konsequent durchgesetzt werden!
schulstreikgegenwehrpflicht.co

@mlawton@mstdn.social
2026-02-14 16:27:26

While I'm delighted with 91.5% accuracy and 0 mistakes, misses, or blunders, it played out naturally enough to just ~feel~ obvious.
I'll take it.
#chess

1. e4 c5 2. g3 d5 3. Bg2 dxe4 4. Bxe4 Nf6 5. Bg2 Bg4 6. Nf3 Nbd7 $6 7. O-O e5 8.
Nc3 e4 $2 9. Re1 Qe7 $6 10. h3 Bxf3 11. Bxf3 Qd6 12. Nxe4 Nxe4 13. Bxe4 O-O-O 14.
d3 Qe6 $2 15. Bxb7+ $1 Kxb7 16. Rxe6 fxe6 17. Qf3+ Kb6 18. b4 Be7 19. bxc5+ Bxc5 20.
Be3 Bxe3 21. Qxe3+ Kc7 22. Qxe6 Rb8 23. Re1 Rbe8 24. Qc4+ Kd8 25. Rxe8+ Rxe8 26.
Qf7 Re2 27. Qxg7 Rxc2 28. Qxh7 Rxa2 $6 29. Qg8+ Ke7 30. Qxa2 Nc5 31. Qxa7+ Nd7
32. h4 Kd6 33. f4 Ke6 34. d4 Nf6 35. Qb6+ Kf7 36. Qb3+ Ke7 37. f5 Kd8 $6 38. Qe6
Nd7 39. f6…
@benny@norden.social
2026-01-30 08:55:00

Viele nutzen Überschriften (H1, H2, H3) nur, damit der Text "groß" oder "fett" aussieht. Design-Entscheidung. 🎨
Für Google und Screenreader ist das aber das Inhaltsverzeichnis der Seite.
Wenn nach einer H1 direkt eine H4 kommt, ist die Struktur kaputt.
Das verwirrt Bots und Nutzer.
Mit der kostenlosen Browser-Erweiterung "HeadingsMap" sieht man sofort, ob die Struktur logisch ist.
Eine Seite sollte wie ein gutes Buch gegliedert sein. …

@BBC3MusicBot@mastodonapp.uk
2026-02-12 21:38:53

🇺🇦 #NowPlaying on BBCRadio3's #Radio3InConcert
Georg Philipp Telemann & Ensemble Augelletti:
🎵 Trio Sonata in B minor, TWV.42:h3 [Sonates corellisantes]
#GeorgPhilippTelemann #EnsembleAugelletti