move to new website, wiped history

2025-09-05 13:22:28 +10:00
commit fdc2bbe25e
107 changed files with 11752 additions and 0 deletions
@@ -0,0 +1,56 @@
+import { clsx } from 'clsx'
+
+type HeadingProps = {
+  as?: 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
+  dark?: boolean
+} & React.ComponentPropsWithoutRef<
+  'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
+>
+
+export function Heading({
+  className,
+  as: Element = 'h2',
+  dark = false,
+  ...props
+}: HeadingProps) {
+  return (
+    <Element
+      {...props}
+      data-dark={dark ? 'true' : undefined}
+      className={clsx(
+        className,
+        'text-4xl font-medium tracking-tighter text-pretty text-gray-950 data-dark:text-white sm:text-6xl',
+      )}
+    />
+  )
+}
+
+export function Subheading({
+  className,
+  as: Element = 'h2',
+  dark = false,
+  ...props
+}: HeadingProps) {
+  return (
+    <Element
+      {...props}
+      data-dark={dark ? 'true' : undefined}
+      className={clsx(
+        className,
+        'font-mono text-xs/5 font-semibold tracking-widest text-gray-500 uppercase data-dark:text-gray-400',
+      )}
+    />
+  )
+}
+
+export function Lead({
+  className,
+  ...props
+}: React.ComponentPropsWithoutRef<'p'>) {
+  return (
+    <p
+      className={clsx(className, 'text-2xl font-medium text-gray-500')}
+      {...props}
+    />
+  )
+}