my blog https://overreacted.io
styling for 404
+32
-8
+32
-8
app/not-found.js
+32
-8
app/not-found.js
···
1
+
import { sans } from "./fonts";
2
+
import Link from "./Link";
3
+
1
4
export default function NotFound() {
2
5
return (
3
-
<>
4
-
<h1>Not found.</h1>
5
-
<p>
6
-
If you're looking for translated posts, they're not on the site anymore but <a href="https://github.com/gaearon/overreacted.io/tree/archive/src/pages">you can find an archive of them here.</a>
7
-
</p>
8
-
</>
9
-
)
10
-
}
6
+
<article className="markdown">
7
+
<h1
8
+
className={[
9
+
sans.className,
10
+
"text-[40px] font-black leading-[44px] text-[--title]",
11
+
].join(" ")}
12
+
>
13
+
Not found
14
+
</h1>
15
+
<div className="markdown mt-10">
16
+
<p>This page doesn't exist (yet?)</p>
17
+
<p>
18
+
I recently rewrote the site so maybe something broke. Please{" "}
19
+
<Link href="https://github.com/gaearon/overreacted.io/issues/796">
20
+
complain here.
21
+
</Link>
22
+
</p>
23
+
<p>
24
+
If you're looking for translated posts, they're not on the site
25
+
anymore but you can find{" "}
26
+
<Link href="https://github.com/gaearon/overreacted.io/tree/archive/src/pages">
27
+
an archive of them here.
28
+
</Link>
29
+
</p>
30
+
<p>Hope you'll find what you're looking for.</p>
31
+
</div>
32
+
</article>
33
+
);
34
+
}