Feed

A collection of short notes, interesting links, and the occasional long form post.

Modern date range picker component for React using Tailwind 3 and dayjs.

github.com
Part II: Apocalypse Now? Peter Thiel on Ancient Prophecies and Modern Tech

www.youtube.com
The Curse of Kafka

archive.is
3D force-directed graph component using ThreeJS/WebGL

vasturiano.github.io
Travels

www.michaelcrichton.com
Reading Notes on “Lost Time: Lectures on Proust in a Soviet Prison Camp”

nabeelqu.substack.com
Published

Dec 4, 2024

Astro + Temporal try

This code demonstrates how to initiate a workflow in Astro using the Temporal client
Tools for Thought Rocks: October 2022 - Pol Baladas, Paul Shen

www.youtube.com
Adaptive fictions

www.thebeliever.net
Calendar Widget Interaction

ui.lndev.me
A markdown-like journal language for plainly writing logs

timeline.markwhen.com

Authenticating users in Astro with Better Auth: A Step-by-Step Guide

www.launchfa.st

Looks easy and promising

---
if (!Astro.locals.user?.id) return Astro.redirect('/signin')
---

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
  </head>
  <body>
    {JSON.stringify(Astro.locals.user)}
    <button id="signOutButton">Sign Out</button>
    <script>
      import { authClient } from '@/auth-client'
      document.getElementById('signOutButton')?.addEventListener('click', async () => {
        await authClient.signOut()
        window.location.href = '/signin'
      })
    </script>
  </body>
</html>

Adaptive dotted background pattern

codepen.io

html {
  background-image: radial-gradient(circle at center, transparent, Canvas),
    radial-gradient(
      circle at center,
      color-mix(in oklch, Canvastext 33%, Canvas) 0.8px,
      transparent 1.3px
    );
  background-size:
    200px 200px,
    40px 40px;
  background-repeat: round, space;
}

A unified theory of fucks

aworkinglibrary.com

Good work is the art of giving a fuck about the living.

Items