feat: various improvements

src/ui/Layout/Taskbar.ts

@@ -86,7 +86,7 @@ function Task({
     textAlign.left,
     div(
       width("100%"),
-      pad("4px"),
+      gap("4px"),
       display.flex,
       justifyContent.flexStart,
       img(

src/ui/Layout/Theme.ts

@@ -12,8 +12,8 @@ export default function Theme() {
       ),
     ),
     rule("a.button", [
-      textDecoration("none"),
-      cursor("default"),
+      textDecoration.none,
+      cursor._default,
       display.flex,
       alignItems.center,
     ]),
@@ -27,14 +27,13 @@ export default function Theme() {
       fontSize("14px"),
       rule("h1", fontSize("28px")),
       rule("h2", fontSize("20px")),
-      rule(
-        "aside",
+      rule(aside,
         float.right,
         marginLeft("20px"),
         paddingBottom(0),
       ),
       rule("p, h1, h2, h3, ul", margin("12px 0")),
     ),
-    rule("iframe", border(0)),
+    rule(iframe, border(0)),
   ]
 }

src/ui/Layout/Window.ts

@@ -1,7 +1,7 @@
 const DEFAULT_WIDTH = "770px"
 
 export default function Window(
-  props: { title: string; width?: Content; flat?: boolean },
+  props: { title: Content; width?: Content; flat?: boolean },
   ...contents: Content[]
 ) {
   return article.window(

src/ui/Projects/Projects.ts

@@ -2,12 +2,15 @@ import Layout from "ui/Layout"
 import Window from "ui/Layout/Window"
 
 const title = "Dan Finch - Projects"
+const sigitex = "https://sigitex.com"
 
 export default function Projects() {
   return Layout(
     { title, url: "/projects" },
     Window(
-      { title },
+      {
+        title: span(title, " (", a({ href: sigitex }, color.yellow, "SIGITEX.COM"), ")")
+      },
       backgroundColor.black,
       display.flex,
       iframe({ src: "https://sigitex.com" },