diff --git a/makefile b/makefile
index 6ae86ed..8adb24c 100644
--- a/makefile
+++ b/makefile
@@ -4,11 +4,19 @@ PAR := $(MAKE) -j 128
 watch:
 	$(PAR) hr ts-w
 
+build: ts
+
+start:
+	node target/scripts/main.mjs
+
 hr:
 	deno run -A ~/sandbox/hr/server.ts target static
 
+ts:
+	npx tsc
+
 ts-w:
-	NODE_ENV=develop npx tsc-watch --onSuccess "node target/scripts/main.mjs"
+	NODE_ENV=develop npx tsc-watch --onSuccess "make start"
 
 clean:
 	rm -rf target
diff --git a/src/views/works.mts b/src/views/works.mts
index 648e3ac..77ec332 100644
--- a/src/views/works.mts
+++ b/src/views/works.mts
@@ -1,8 +1,32 @@
 import { PageLayout } from "../components/page_layout.mjs";
-import { AnyNode } from "ren";
-import { div, p } from "../utils.mjs";
+import { AnyNode, Ea } from "ren";
+import { div, h3, li, ul } from "../utils.mjs";
 import { Context } from "../context.mjs";
 
 export function WorksPage(ctx: Context): AnyNode {
-  return PageLayout(ctx, div({ class: "content-width" }, p("Works")));
+  return PageLayout(
+    ctx,
+    div({ class: "content-width responsive-typography" }, [
+      h3("Одни из моих последних работ"),
+      ul([
+        li(Ea("a", { href: "https://github.com/pleshevskiy/ren" }, "ren")),
+        li(Ea("a", { href: "https://github.com/pleshevskiy/hwt" }, "hwt")),
+        li(
+          Ea(
+            "a",
+            { href: "https://github.com/pleshevskiy/sonic-channel" },
+            "sonic-channel"
+          )
+        ),
+        li(Ea("a", { href: "https://github.com/pleshevskiy/migra" }, "migra")),
+        li(
+          Ea(
+            "a",
+            { href: "https://github.com/pleshevskiy/itconfig-rs" },
+            "itconfig-rs"
+          )
+        ),
+      ]),
+    ])
+  );
 }