Fixes header on small screens, though maybe we don't want to always hide the logo.

Loads goatcounter script from www.terakoda.com/count.js
Switches back to goatcounter.terakoda.com
2025-06-20 16:16:42 -07:00 · 2025-06-17 16:06:02 -07:00 · 2025-06-17 15:59:12 -07:00 · 2025-06-17 15:53:40 -07:00 · 2025-06-17 15:50:50 -07:00 · 2025-06-17 15:35:02 -07:00
26 changed files with 548 additions and 717 deletions
--- a/.astro/collections/blog.schema.json
+++ b/.astro/collections/blog.schema.json
@@ -1,61 +0,0 @@
-{
-  "$ref": "#/definitions/blog",
-  "definitions": {
-    "blog": {
-      "type": "object",
-      "properties": {
-        "title": {
-          "type": "string"
-        },
-        "description": {
-          "type": "string"
-        },
-        "pubDate": {
-          "anyOf": [
-            {
-              "type": "string",
-              "format": "date-time"
-            },
-            {
-              "type": "string",
-              "format": "date"
-            },
-            {
-              "type": "integer",
-              "format": "unix-time"
-            }
-          ]
-        },
-        "updatedDate": {
-          "anyOf": [
-            {
-              "type": "string",
-              "format": "date-time"
-            },
-            {
-              "type": "string",
-              "format": "date"
-            },
-            {
-              "type": "integer",
-              "format": "unix-time"
-            }
-          ]
-        },
-        "heroImage": {
-          "type": "string"
-        },
-        "$schema": {
-          "type": "string"
-        }
-      },
-      "required": [
-        "title",
-        "description",
-        "pubDate"
-      ],
-      "additionalProperties": false
-    }
-  },
-  "$schema": "http://json-schema.org/draft-07/schema#"
-}
--- a/.astro/config.json
+++ b/.astro/config.json
@@ -1,5 +0,0 @@
-{
-    "telemetry": {
-        "enabled": false
-    }
-}
--- a/.astro/content-assets.mjs
+++ b/.astro/content-assets.mjs
@@ -1 +0,0 @@
-export default new Map();
--- a/.astro/content-modules.mjs
+++ b/.astro/content-modules.mjs
@@ -1 +0,0 @@
-export default new Map();
--- a/.astro/content.d.ts
+++ b/.astro/content.d.ts
@@ -1,175 +0,0 @@
-declare module 'astro:content' {
-	interface Render {
-		'.mdx': Promise<{
-			Content: import('astro').MarkdownInstance<{}>['Content'];
-			headings: import('astro').MarkdownHeading[];
-			remarkPluginFrontmatter: Record<string, any>;
-			components: import('astro').MDXInstance<{}>['components'];
-		}>;
-	}
-}
-
-declare module 'astro:content' {
-	export interface RenderResult {
-		Content: import('astro/runtime/server/index.js').AstroComponentFactory;
-		headings: import('astro').MarkdownHeading[];
-		remarkPluginFrontmatter: Record<string, any>;
-	}
-	interface Render {
-		'.md': Promise<RenderResult>;
-	}
-
-	export interface RenderedContent {
-		html: string;
-		metadata?: {
-			imagePaths: Array<string>;
-			[key: string]: unknown;
-		};
-	}
-}
-
-declare module 'astro:content' {
-	type Flatten<T> = T extends { [K: string]: infer U } ? U : never;
-
-	export type CollectionKey = keyof AnyEntryMap;
-	export type CollectionEntry<C extends CollectionKey> = Flatten<AnyEntryMap[C]>;
-
-	export type ContentCollectionKey = keyof ContentEntryMap;
-	export type DataCollectionKey = keyof DataEntryMap;
-
-	type AllValuesOf<T> = T extends any ? T[keyof T] : never;
-	type ValidContentEntrySlug<C extends keyof ContentEntryMap> = AllValuesOf<
-		ContentEntryMap[C]
-	>['slug'];
-
-	export type ReferenceDataEntry<
-		C extends CollectionKey,
-		E extends keyof DataEntryMap[C] = string,
-	> = {
-		collection: C;
-		id: E;
-	};
-	export type ReferenceContentEntry<
-		C extends keyof ContentEntryMap,
-		E extends ValidContentEntrySlug<C> | (string & {}) = string,
-	> = {
-		collection: C;
-		slug: E;
-	};
-
-	/** @deprecated Use `getEntry` instead. */
-	export function getEntryBySlug<
-		C extends keyof ContentEntryMap,
-		E extends ValidContentEntrySlug<C> | (string & {}),
-	>(
-		collection: C,
-		// Note that this has to accept a regular string too, for SSR
-		entrySlug: E,
-	): E extends ValidContentEntrySlug<C>
-		? Promise<CollectionEntry<C>>
-		: Promise<CollectionEntry<C> | undefined>;
-
-	/** @deprecated Use `getEntry` instead. */
-	export function getDataEntryById<C extends keyof DataEntryMap, E extends keyof DataEntryMap[C]>(
-		collection: C,
-		entryId: E,
-	): Promise<CollectionEntry<C>>;
-
-	export function getCollection<C extends keyof AnyEntryMap, E extends CollectionEntry<C>>(
-		collection: C,
-		filter?: (entry: CollectionEntry<C>) => entry is E,
-	): Promise<E[]>;
-	export function getCollection<C extends keyof AnyEntryMap>(
-		collection: C,
-		filter?: (entry: CollectionEntry<C>) => unknown,
-	): Promise<CollectionEntry<C>[]>;
-
-	export function getEntry<
-		C extends keyof ContentEntryMap,
-		E extends ValidContentEntrySlug<C> | (string & {}),
-	>(
-		entry: ReferenceContentEntry<C, E>,
-	): E extends ValidContentEntrySlug<C>
-		? Promise<CollectionEntry<C>>
-		: Promise<CollectionEntry<C> | undefined>;
-	export function getEntry<
-		C extends keyof DataEntryMap,
-		E extends keyof DataEntryMap[C] | (string & {}),
-	>(
-		entry: ReferenceDataEntry<C, E>,
-	): E extends keyof DataEntryMap[C]
-		? Promise<DataEntryMap[C][E]>
-		: Promise<CollectionEntry<C> | undefined>;
-	export function getEntry<
-		C extends keyof ContentEntryMap,
-		E extends ValidContentEntrySlug<C> | (string & {}),
-	>(
-		collection: C,
-		slug: E,
-	): E extends ValidContentEntrySlug<C>
-		? Promise<CollectionEntry<C>>
-		: Promise<CollectionEntry<C> | undefined>;
-	export function getEntry<
-		C extends keyof DataEntryMap,
-		E extends keyof DataEntryMap[C] | (string & {}),
-	>(
-		collection: C,
-		id: E,
-	): E extends keyof DataEntryMap[C]
-		? string extends keyof DataEntryMap[C]
-			? Promise<DataEntryMap[C][E]> | undefined
-			: Promise<DataEntryMap[C][E]>
-		: Promise<CollectionEntry<C> | undefined>;
-
-	/** Resolve an array of entry references from the same collection */
-	export function getEntries<C extends keyof ContentEntryMap>(
-		entries: ReferenceContentEntry<C, ValidContentEntrySlug<C>>[],
-	): Promise<CollectionEntry<C>[]>;
-	export function getEntries<C extends keyof DataEntryMap>(
-		entries: ReferenceDataEntry<C, keyof DataEntryMap[C]>[],
-	): Promise<CollectionEntry<C>[]>;
-
-	export function render<C extends keyof AnyEntryMap>(
-		entry: AnyEntryMap[C][string],
-	): Promise<RenderResult>;
-
-	export function reference<C extends keyof AnyEntryMap>(
-		collection: C,
-	): import('astro/zod').ZodEffects<
-		import('astro/zod').ZodString,
-		C extends keyof ContentEntryMap
-			? ReferenceContentEntry<C, ValidContentEntrySlug<C>>
-			: ReferenceDataEntry<C, keyof DataEntryMap[C]>
-	>;
-	// Allow generic `string` to avoid excessive type errors in the config
-	// if `dev` is not running to update as you edit.
-	// Invalid collection names will be caught at build time.
-	export function reference<C extends string>(
-		collection: C,
-	): import('astro/zod').ZodEffects<import('astro/zod').ZodString, never>;
-
-	type ReturnTypeOrOriginal<T> = T extends (...args: any[]) => infer R ? R : T;
-	type InferEntrySchema<C extends keyof AnyEntryMap> = import('astro/zod').infer<
-		ReturnTypeOrOriginal<Required<ContentConfig['collections'][C]>['schema']>
-	>;
-
-	type ContentEntryMap = {
-		
-	};
-
-	type DataEntryMap = {
-		"blog": Record<string, {
-  id: string;
-  body?: string;
-  collection: "blog";
-  data: InferEntrySchema<"blog">;
-  rendered?: RenderedContent;
-  filePath?: string;
-}>;
-
-	};
-
-	type AnyEntryMap = ContentEntryMap & DataEntryMap;
-
-	export type ContentConfig = typeof import("../src/content.config.js");
-}
--- a/.astro/data-store.json
+++ b/.astro/data-store.json
@@ -1 +0,0 @@
-[["Map",1,2,9,10],"meta::meta",["Map",3,4,5,6,7,8],"astro-version","5.8.1","content-config-digest","8d1b7566f4d3c391","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://example.com\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[],\"experimentalDefaultStyles\":true},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"responsiveImages\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false},\"legacy\":{\"collections\":false}}","blog",["Map",11,12],"a-fresh-start",{"id":11,"data":13,"body":18,"filePath":19,"digest":20,"rendered":21},{"title":14,"description":15,"pubDate":16,"heroImage":17},"A Fresh Start","Starting a new venture",["Date","2025-06-03T00:00:00.000Z"],"https://placecats.com/500/400","This year we decided that we wanted to try something different. As funding\ntightens and the AI bubble grows we realized that start-ups are not where we\nwant to be.\n\nWe decided to found a tech co-operative to:\n\n- Support democratic decision making.\n- Center the company around the workers and not just profit.\n- Capture the value of our work for the workers and their communities.\n- Align our work with our values.","src/content/blog/a-fresh-start.md","d2a18861b3414187",{"html":22,"metadata":23},"\u003Cp>This year we decided that we wanted to try something different. As funding\ntightens and the AI bubble grows we realized that start-ups are not where we\nwant to be.\u003C/p>\n\u003Cp>We decided to found a tech co-operative to:\u003C/p>\n\u003Cul>\n\u003Cli>Support democratic decision making.\u003C/li>\n\u003Cli>Center the company around the workers and not just profit.\u003C/li>\n\u003Cli>Capture the value of our work for the workers and their communities.\u003C/li>\n\u003Cli>Align our work with our values.\u003C/li>\n\u003C/ul>",{"headings":24,"localImagePaths":25,"remoteImagePaths":26,"frontmatter":27,"imagePaths":29},[],[],[],{"title":14,"description":15,"pubDate":28,"heroImage":17},"2025-06-03",[]]
--- a/.astro/settings.json
+++ b/.astro/settings.json
@@ -1,5 +0,0 @@
-{
-	"_variables": {
-		"lastUpdateCheck": 1748973652292
-	}
-}
--- a/.astro/types.d.ts
+++ b/.astro/types.d.ts
@@ -1,2 +0,0 @@
-/// <reference types="astro/client" />
-/// <reference path="content.d.ts" />
--- a/.gitignore
+++ b/.gitignore
@@ -132,3 +132,6 @@ dist

 # Direnv cache
 .direnv/
+
+# Astro data
+.astro/
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -6,7 +6,7 @@ import tailwindcss from "@tailwindcss/vite";

 // https://astro.build/config
 export default defineConfig({
-  site: "https://example.com",
+  site: "https://www.terakoda.com",
  integrations: [mdx(), sitemap()],
  vite: {
    plugins: [tailwindcss()],
--- a/benchmark.yaml
+++ b/benchmark.yaml
@@ -0,0 +1,22 @@
+---
+concurrency: 10
+base: "https://www2.terakoda.com"
+iterations: 100
+rampup: 2
+
+plan:
+  - name: Fetch root
+    request:
+      url: "/"
+  - name: Fetch css
+    request:
+      url: "/_astro/about.B804zLT3.css"
+  - name: Fetch logo
+    request:
+      url: "/_astro/HeaderLogo.BGOAlOcd.png"
+  - name: Fetch blog
+    request:
+      url: "/blog"
+  - name: Fetch Article
+    request:
+      url: "/blog/a-fresh-start"
--- a/flake.nix
+++ b/flake.nix
@@ -38,14 +38,14 @@
        { pkgs }:
        {
          default = pkgs.mkShell {
-            # Pinned packages available in the environment
            packages = with pkgs; [
-              nodejs_22
-              git
-              eslint
-              nixpkgs-fmt
-              astro-language-server
-              nodePackages.prettier
+              git # Version control
+              nodejs_22 # Base language utils
+              eslint # Linting
+              astro-language-server # LSP
+              nodePackages.prettier # Formatting
+              nixpkgs-fmt # Formatting
+              drill # Benchmarking
            ];
          };
        }
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,11 +1,11 @@
 {
-  "name": "astro",
+  "name": "terakoda.com",
  "version": "0.0.1",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
-      "name": "astro",
+      "name": "terakoda.com",
      "version": "0.0.1",
      "dependencies": {
        "@astrojs/mdx": "^4.3.0",
@@ -13,6 +13,7 @@
        "@astrojs/sitemap": "^3.4.0",
        "@tailwindcss/vite": "^4.1.8",
        "astro": "^5.8.1",
+        "less": "^4.3.0",
        "tailwindcss": "^4.1.8"
      },
      "devDependencies": {
@@ -2435,6 +2436,18 @@
      "integrity": "sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg==",
      "license": "MIT"
    },
+    "node_modules/copy-anything": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
+      "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-what": "^3.14.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
    "node_modules/cross-fetch": {
      "version": "3.2.0",
      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.2.0.tgz",
@@ -2630,6 +2643,19 @@
        "url": "https://github.com/fb55/entities?sponsor=1"
      }
    },
+    "node_modules/errno": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "prr": "~1.0.1"
+      },
+      "bin": {
+        "errno": "cli.js"
+      }
+    },
    "node_modules/es-module-lexer": {
      "version": "1.7.0",
      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
@@ -3216,6 +3242,32 @@
      "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==",
      "license": "BSD-2-Clause"
    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/image-size": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
+      "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "image-size": "bin/image-size.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/import-meta-resolve": {
      "version": "4.1.0",
      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz",
@@ -3346,6 +3398,12 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/is-what": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
+      "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
+      "license": "MIT"
+    },
    "node_modules/is-wsl": {
      "version": "3.1.0",
      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
@@ -3391,6 +3449,42 @@
        "node": ">=6"
      }
    },
+    "node_modules/less": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/less/-/less-4.3.0.tgz",
+      "integrity": "sha512-X9RyH9fvemArzfdP8Pi3irr7lor2Ok4rOttDXBhlwDg+wKQsXOXgHWduAJE1EsF7JJx0w0bcO6BC6tCKKYnXKA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "copy-anything": "^2.0.1",
+        "parse-node-version": "^1.0.1",
+        "tslib": "^2.3.0"
+      },
+      "bin": {
+        "lessc": "bin/lessc"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "optionalDependencies": {
+        "errno": "^0.1.1",
+        "graceful-fs": "^4.1.2",
+        "image-size": "~0.5.0",
+        "make-dir": "^2.1.0",
+        "mime": "^1.4.1",
+        "needle": "^3.1.0",
+        "source-map": "~0.6.0"
+      }
+    },
+    "node_modules/less/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/lightningcss": {
      "version": "1.30.1",
      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
@@ -3655,6 +3749,30 @@
        "source-map-js": "^1.2.0"
      }
    },
+    "node_modules/make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
    "node_modules/markdown-extensions": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/markdown-extensions/-/markdown-extensions-2.0.0.tgz",
@@ -4702,6 +4820,19 @@
      ],
      "license": "MIT"
    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
    "node_modules/minipass": {
      "version": "7.1.2",
      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
@@ -4771,6 +4902,23 @@
        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
      }
    },
+    "node_modules/needle": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz",
+      "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "iconv-lite": "^0.6.3",
+        "sax": "^1.2.4"
+      },
+      "bin": {
+        "needle": "bin/needle"
+      },
+      "engines": {
+        "node": ">= 4.4.x"
+      }
+    },
    "node_modules/neotraverse": {
      "version": "0.6.18",
      "resolved": "https://registry.npmjs.org/neotraverse/-/neotraverse-0.6.18.tgz",
@@ -4966,6 +5114,15 @@
        "url": "https://github.com/sponsors/wooorm"
      }
    },
+    "node_modules/parse-node-version": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
+      "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
    "node_modules/parse5": {
      "version": "7.3.0",
      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
@@ -5003,6 +5160,16 @@
        "url": "https://github.com/sponsors/jonschlinkert"
      }
    },
+    "node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
    "node_modules/postcss": {
      "version": "8.5.4",
      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.4.tgz",
@@ -5103,6 +5270,13 @@
        "url": "https://github.com/sponsors/wooorm"
      }
    },
+    "node_modules/prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+      "license": "MIT",
+      "optional": true
+    },
    "node_modules/radix3": {
      "version": "1.1.2",
      "resolved": "https://registry.npmjs.org/radix3/-/radix3-1.1.2.tgz",
@@ -5494,6 +5668,13 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT",
+      "optional": true
+    },
    "node_modules/sass-formatter": {
      "version": "0.7.9",
      "resolved": "https://registry.npmjs.org/sass-formatter/-/sass-formatter-0.7.9.tgz",
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "astro",
+  "name": "terakoda.com",
  "type": "module",
  "version": "0.0.1",
  "scripts": {
@@ -14,6 +14,7 @@
    "@astrojs/sitemap": "^3.4.0",
    "@tailwindcss/vite": "^4.1.8",
    "astro": "^5.8.1",
+    "less": "^4.3.0",
    "tailwindcss": "^4.1.8"
  },
  "devDependencies": {
--- a/src/assets/HeaderLogo.png
+++ b/src/assets/HeaderLogo.png
--- a/src/components/ButtonLink.astro
+++ b/src/components/ButtonLink.astro
@@ -1,12 +1,19 @@
 ---
 interface Props {
  href: string;
+  event?: string;
+  eventTitle?: string;
 }

-const { href } = Astro.props;
+const { href, event, eventTitle } = Astro.props;
 ---

-<a href={href} class="text-dark bg-primary rounded-md px-8 py-4 font-bold hover:bg-primary-dark">
+<a
+  href={href}
+  data-goatcounter-click={event}
+  data-goatcounter-title={eventTitle}
+  data-goatcounter-referrer="www.terakoda.com"
+  class="text-dark bg-primary rounded-md px-8 py-4 font-bold hover:bg-primary-dark"
+>
  <slot />
 </a>
-
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -2,71 +2,12 @@
 const today = new Date();
 ---

-<footer>
+<footer
+  class="py-4 text-sm text-center bg-dark text-light absolute bottom-0 w-full"
+>
  &copy; {today.getFullYear()} Terakoda, LLC. All rights reserved.
-  <!--
-	<div class="social-links">
-        footer {
-            background-color: #334155; /* Slightly darker dark background */
-            color: #fdfafc; /* Light Text */
-            text-align: center;
-            padding: 20px;
-            font-size: 0.9em;
-        }
-		<a href="https://m.webtoo.ls/@astro" target="_blank">
-			<span class="sr-only">Follow Astro on Mastodon</span>
-			<svg
-				viewBox="0 0 16 16"
-				aria-hidden="true"
-				width="32"
-				height="32"
-				astro-icon="social/mastodon"
-				><path
-					fill="currentColor"
-					d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"
-				></path></svg
-			>
-		</a>
-		<a href="https://twitter.com/astrodotbuild" target="_blank">
-			<span class="sr-only">Follow Astro on Twitter</span>
-			<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32" astro-icon="social/twitter"
-				><path
-					fill="currentColor"
-					d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
-				></path></svg
-			>
-		</a>
-		<a href="https://github.com/withastro/astro" target="_blank">
-			<span class="sr-only">Go to Astro's GitHub repo</span>
-			<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32" astro-icon="social/github"
-				><path
-					fill="currentColor"
-					d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
-				></path></svg
-			>
-		</a>
-	</div>
-  -->
+  <script
+    data-goatcounter="https://goatcounter.terakoda.com/count"
+    async
+    src="https://www.terakoda.com/count.js"></script>
 </footer>
-<style>
-	footer {
-		padding: 2em 1em 6em 1em;
-    background-color: #334155; /* Slightly darker dark background */
-    color: #fdfafc; /* Light Text */
-    text-align: center;
-    font-size: 0.9em;
-	}
-	.social-links {
-		display: flex;
-		justify-content: center;
-		gap: 1em;
-		margin-top: 1em;
-	}
-	.social-links a {
-		text-decoration: none;
-		color: rgb(var(--gray));
-	}
-	.social-links a:hover {
-		color: rgb(var(--gray-dark));
-	}
-</style>
--- a/src/components/FormattedDate.astro
+++ b/src/components/FormattedDate.astro
@@ -6,12 +6,12 @@ interface Props {
 const { date } = Astro.props;
 ---

-<time datetime={date.toISOString()}>
+<time datetime={date.toISOString()} class="text-medium">
  {
-		date.toLocaleDateString('en-us', {
-			year: 'numeric',
-			month: 'short',
-			day: 'numeric',
+    date.toLocaleDateString("en-us", {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
    })
  }
 </time>
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,47 +1,25 @@
 ---
-import HeaderLink from './HeaderLink.astro';
-import { SITE_TITLE } from '../consts';
+import HeaderLink from "./HeaderLink.astro";
+import HeaderLogo from "../assets/HeaderLogo.png";
 ---

 <header>
-	<nav>
-    <h2><a href="/">
-        <img src="/HeaderLogo.png" alt="Terakoda Logo" class="logo">
-    </a></h2>
+  <nav class="flex-col md:flex-row">
+    <div class="hidden md:block">
+      <a href="/">
+        <img
+          src={HeaderLogo.src}
+          alt="Terakoda"
+          height={HeaderLogo.height / 4}
+          width={HeaderLogo.width / 4}
+        />
+      </a>
+    </div>
    <div class="internal-links">
      <HeaderLink href="/">Home</HeaderLink>
      <HeaderLink href="/blog">Blog</HeaderLink>
      <HeaderLink href="/about">About</HeaderLink>
    </div>
-		<!-- <div class="social-links"> -->
-		<!-- 	<a href="https://m.webtoo.ls/@astro" target="_blank"> -->
-		<!-- 		<span class="sr-only">Follow Astro on Mastodon</span> -->
-		<!-- 		<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32" -->
-		<!-- 			><path -->
-		<!-- 				fill="currentColor" -->
-		<!-- 				d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z" -->
-		<!-- 			></path></svg -->
-		<!-- 		> -->
-		<!-- 	</a> -->
-		<!-- 	<a href="https://twitter.com/astrodotbuild" target="_blank"> -->
-		<!-- 		<span class="sr-only">Follow Astro on Twitter</span> -->
-		<!-- 		<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32" -->
-		<!-- 			><path -->
-		<!-- 				fill="currentColor" -->
-		<!-- 				d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" -->
-		<!-- 			></path></svg -->
-		<!-- 		> -->
-		<!-- 	</a> -->
-		<!-- 	<a href="https://github.com/withastro/astro" target="_blank"> -->
-		<!-- 		<span class="sr-only">Go to Astro's GitHub repo</span> -->
-		<!-- 		<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32" -->
-		<!-- 			><path -->
-		<!-- 				fill="currentColor" -->
-		<!-- 				d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" -->
-		<!-- 			></path></svg -->
-		<!-- 		> -->
-		<!-- 	</a> -->
-		<!-- </div> -->
  </nav>
 </header>
 <style>
@@ -53,19 +31,6 @@ import { SITE_TITLE } from '../consts';
    color: #fdfafc; /* Light Text */
  }

-  header .logo {
-    height: 2em;
-  }
-
-	h2 {
-		margin: 0;
-		font-size: 1em;
-	}
-
-	h2 a,
-	h2 a.active {
-		text-decoration: none;
-	}
  nav {
    display: flex;
    align-items: center;
@@ -79,16 +44,6 @@ import { SITE_TITLE } from '../consts';
  }
  nav a.active {
    text-decoration: none;
-		border-bottom-color: var(--accent);
+    border-bottom-color: var(--color-primary);
  }
-	.social-links,
-	.social-links a {
-		display: flex;
-	}
-	@media (max-width: 720px) {
-		.social-links {
-			display: none;
-		}
-	}
-
 </style>
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -1,9 +1,9 @@
-import { glob } from 'astro/loaders';
-import { defineCollection, z } from 'astro:content';
+import { glob } from "astro/loaders";
+import { defineCollection, z } from "astro:content";

 const blog = defineCollection({
  // Load Markdown and MDX files in the `src/content/blog/` directory.
-	loader: glob({ base: './src/content/blog', pattern: '**/*.{md,mdx}' }),
+  loader: glob({ base: "./src/content/blog", pattern: "**/*.{md,mdx}" }),
  // Type-check frontmatter using a schema
  schema: z.object({
    title: z.string(),
@@ -12,6 +12,7 @@ const blog = defineCollection({
    pubDate: z.coerce.date(),
    updatedDate: z.coerce.date().optional(),
    heroImage: z.string().optional(),
+    author: z.string().optional(),
  }),
 });

--- a/src/content/blog/a-fresh-start.md
+++ b/src/content/blog/a-fresh-start.md
@@ -1,17 +1,54 @@
 ---
-title: "A Fresh Start"
-description: "Starting a new venture"
-pubDate: "2025-06-03"
-heroImage: "https://placecats.com/500/400"
+title: "A Fresh Start: Why we are starting a Terakoda"
+description: "Why we decided to quit our tech jobs and start Terakoda as a cooperative."
+pubDate: "2025-06-17"
+author: Drew Haven
 ---

-This year we decided that we wanted to try something different. As funding
-tightens and the AI bubble grows we realized that start-ups are not where we
-want to be.
+I quit my job in March. It wasn’t an easy decision. It qualified as a Good Job on basically every metric: good pay, growing business, interesting technical problems, smart co-workers. There was very little to criticize about the company. However, I realized it wasn’t the right fit for me. It’s the culmination of some ideas and feelings that have been growing and solidifying over the last six years and four companies. I realized I needed to try something different.

-We decided to found a tech co-operative to:
+I talked it over with my wife and we decided that we would try this together. On top of that, we decided that what we really wanted was to be both independent and part of a cooperative. That might seem like a contradiction, but let me explain.

- Support democratic decision making.
- Center the company around the workers and not just profit.
- Capture the value of our work for the workers and their communities.
- Align our work with our values.
+## First, a little history
+
+I’ve been working in and around Silicon Valley for two decades now. My first job was plugging in cables at the San Jose Convention Center in 2005. Between then and now I’ve done many things. I worked at big companies like Google. I worked at start-ups, so many start-ups, small start-ups, dying start-ups, zombie start-ups, even founding a short-lived start-up. I was lucky enough to be around for one IPO. I’ve also done freelance work a few times, though never for long.
+
+Lindsay worked in the video game industry for a decade. She did design and production. She was a producer when THQ shut her studio down. She did production at a few small studios trying to get in on the mobile-game gold-rush. Eventually she landed at Cryptic and did design and production on a major Dungeons & Dragons game launch: Neverwinter. Ultimately, she left that industry to go back to school looking for a change.
+
+In short, we’ve had enviable careers, but find ourselves disillusioned with the industry. Our careers have gone well, but something just hasn’t felt right.
+
+## Congruence
+
+A key issue that we’ve faced is that the values we hold and those of the companies we work for don’t align. We believed in a set of values, but found our professional lives following a different set. Living with this cognitive dissonance was putting a stress on the both of us. We’ve decided that it’s time to pursue a career that better matches those values.
+
+What are some of those values? Here are just a few that we’ve identified.
+
+We believe in self-determination. Many workplaces don’t give their employees much agency. Your ability to succeed, grow or advance may be largely out of your control. Instead it’s determined in the majority by the projects or managers you are assigned to. Many people don’t have the ability to choose what to work on. Even if those choices would ultimately come to the same conclusion they aren’t allowed to make that decision themselves. And don’t even worry about realizing there’s something more important to do if it’s not part of your managers roadmap.
+
+Similarly, we believe in autonomy. This is the right of everyone to work in the way that works best for them. This is a fundamental support for equity.
+
+A system of cooperation will always produce better outcomes than a system of competition. Competition is fundamentally a structure of destruction. It’s about beating your opponent, about taking away their resources, about taking them down. It leads to a system where there is less. Cooperation is about building each other up, about sharing resources and information. Cooperation creates and adds to the system.
+
+But, wait, what about all the benefits of competitions? Are you saying sports are negative? No. I frame those as cooperative endeavors. They are inherently governed by a set of rules that the participants put in place so that they can create a space where they can motivate each person to do their best. Compare that to business where the goal of most businesses is to take customers and resources from competitors. It’s framed in terms of selfishly taking and hording as much as possible. How many times have you seen the founder of a failed business go out and congratulate their competitor? How often do they publicly say that they appreciate the financial loss because of the lessons it taught them?
+
+We also believe that every person in an organization is valuable and worthy of respect. Many tech companies recently have begun laying off workers and doing their best to replace them with AI. We believe that every worker deserves a voice in their workplace.
+
+This also extends to the customers! Customers are people too. The worst phase we ever heard in our professional lives was when someone said, unironically, “it’s our money in their pockets”. Companies should exist to serve the customers and the employees just as much as the shareholders.
+
+## So what now?
+
+We could try to opt out of the system. We could go join a commune in the mountains, grow our own carrots and make our own goat cheese. That’s one alternative, but it’s not an attractive one. For one, it doesn’t leverage any of the skills that we have developed during our careers. But more than that, it cuts us off from the very industry that we would like to see change. So that is why we are going to a new start-up, but we aren’t going to do things the way we’ve seen them done.
+
+We are founding a new tech cooperative. We will be building a company that follows the principles of cooperatives. We will be democratic, we will be sustainable, we will work for the benefit for our workers, our customers, our communities and the planet.
+
+We don’t know exactly what our business model is going to be. This is a start-up, and a start-up is all about the search for a new business model. We are going to embark on the customer development journey. Most of the text on the topic is framed in terms of high-scale, VC-backed companies, but many of the points work just as well for a small company.
+
+We will be small for some time. We don’t know how large we will grow, but we will grow when it makes sense to do so based on our business model. We will need to balance the goals of creating a profitable, sustainable company with the goal of creating a cooperative alternative to Silicon Valley competition.
+
+We’ve named ourselves Terakoda. Tera- could reference the Greek-origin SI prefix for one trillion, evoking the potential scale of technology. It could also reference Latin word “terra” meaning land or earth. Koda might be reminiscent of “code”, again referencing technology. But also coda, which is a passage that brings a piece to conclusion, much as we hope this represents the conclusion of the search for a fulfilling career.
+
+## A journey begins
+
+And so the next phase of our careers begins. We don’t know quite where it will take us, but we know what direction we are moving in. We are excited to embrace a community of respect, cooperation, resilience and sustainability. We will do our best to live our values every day.
+
+This won’t be a journey we undertake alone. We will rely on the help of many others who have walked these paths before us. We invite you to participate. Please follow along. Don’t hesitate to reach out if you have any thoughts, advice or opportunities for us. We welcome the cooperation.
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -1,13 +1,14 @@
 ---
-import type { CollectionEntry } from 'astro:content';
-import BaseHead from '../components/BaseHead.astro';
-import Header from '../components/Header.astro';
-import Footer from '../components/Footer.astro';
-import FormattedDate from '../components/FormattedDate.astro';
+import type { CollectionEntry } from "astro:content";
+import BaseHead from "../components/BaseHead.astro";
+import Header from "../components/Header.astro";
+import Footer from "../components/Footer.astro";
+import FormattedDate from "../components/FormattedDate.astro";

-type Props = CollectionEntry<'blog'>['data'];
+type Props = CollectionEntry<"blog">["data"];

-const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
+const { title, description, pubDate, updatedDate, heroImage, author } =
+  Astro.props;
 ---

 <html lang="en">
@@ -44,38 +45,49 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
      .title h1 {
        margin: 0 0 0.5em 0;
      }
-			.date {
-				margin-bottom: 0.5em;
-				color: rgb(var(--gray));
-			}
      .last-updated-on {
        font-style: italic;
      }
    </style>
+    <!-- Set style as global so that it can apply to the rendered elements -->
+    <style is:global>
+      @reference "tailwindcss";
+      .content h2 {
+        font-size: 1.5em;
+      }
+      .content p {
+        margin-bottom: 1em;
+        line-height: 1.5em;
+      }
+    </style>
  </head>

-	<body>
+  <body class="relative min-h-dvh">
    <Header />
    <main>
-			<article>
-				<div class="hero-image">
-					{heroImage && <img width={1020} height={510} src={heroImage} alt="" />}
+      <article class="max-w-200 m-auto flex flex-col items-center py-16">
+        {
+          heroImage && heroImage.trim().length > 0 && (
+            <div class="">
+              <img src={heroImage} alt="" class="max-h-100" />
            </div>
-				<div class="prose">
-					<div class="title">
-						<div class="date">
+          )
+        }
+        <div class="flex flex-col gap-2 items-center m-4">
+          <h1 class="text-3xl">{title}</h1>
+          {author && <p class="author text-sm text-medium">{author}</p>}
+          <div class="published-on text-sm text-medium">
            <FormattedDate date={pubDate} />
+          </div>
          {
            updatedDate && (
-									<div class="last-updated-on">
+              <div class="last-updated-on text-sm text-medium">
                Last updated on <FormattedDate date={updatedDate} />
              </div>
            )
          }
        </div>
-						<h1>{title}</h1>
-						<hr />
-					</div>
+        <div class="content">
          <slot />
        </div>
      </article>
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -1,62 +1,54 @@
 ---
-import Layout from '../layouts/BlogPost.astro';
+import Layout from "../layouts/BlogPost.astro";
 ---

 <Layout
-	title="About Me"
-	description="Lorem ipsum dolor sit amet"
-	pubDate={new Date('August 08 2021')}
-	heroImage="/blog-placeholder-about.jpg"
+  title="About Terakoda"
+  description="About Terakoda"
+  pubDate={new Date("June 9, 2025")}
+  heroImage=""
 >
  <p>
-		Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-		labore et dolore magna aliqua. Vitae ultricies leo integer malesuada nunc vel risus commodo
-		viverra. Adipiscing enim eu turpis egestas pretium. Euismod elementum nisi quis eleifend quam
-		adipiscing. In hac habitasse platea dictumst vestibulum. Sagittis purus sit amet volutpat. Netus
-		et malesuada fames ac turpis egestas. Eget magna fermentum iaculis eu non diam phasellus
-		vestibulum lorem. Varius sit amet mattis vulputate enim. Habitasse platea dictumst quisque
-		sagittis. Integer quis auctor elit sed vulputate mi. Dictumst quisque sagittis purus sit amet.
+    Terakoda is a software cooperative. We commit to the <a
+      href="https://ica.coop/en/cooperatives/cooperative-identity/"
+      >Seven Cooperative Principles</a
+    >.
  </p>

+  <div class="members">
+    <h2>Members</h2>
+    <div class="member">
+      <h3 class="member-name">Drew Haven</h3>
      <p>
-		Morbi tristique senectus et netus. Id semper risus in hendrerit gravida rutrum quisque non
-		tellus. Habitasse platea dictumst quisque sagittis purus sit amet. Tellus molestie nunc non
-		blandit massa. Cursus vitae congue mauris rhoncus. Accumsan tortor posuere ac ut. Fringilla urna
-		porttitor rhoncus dolor. Elit ullamcorper dignissim cras tincidunt lobortis. In cursus turpis
-		massa tincidunt dui ut ornare lectus. Integer feugiat scelerisque varius morbi enim nunc.
-		Bibendum neque egestas congue quisque egestas diam. Cras ornare arcu dui vivamus arcu felis
-		bibendum. Dignissim suspendisse in est ante in nibh mauris. Sed tempus urna et pharetra pharetra
-		massa massa ultricies mi.
+        Drew has two decades of experience working in technology, from large
+        multi-nationals to small start-ups and freelance work. He specializes in
+        web systems, software architecture and sustainable development.
      </p>
+    </div>
+    <div class="member">
+      <h3 class="member-name">Lindsay Haven</h3>
+      <p>
+        Lindsay spent a decade in the video game industry bringing joy to users
+        through projects from large-budget MMOs and small mobile apps. She
+        specializes in organization and communication within teams.
+      </p>
+    </div>
+  </div>
+  <style lang="less">
+    @reference "tailwindcss";
+    h2 {
+      @apply text-3xl text-center;
+    }

-	<p>
-		Mollis nunc sed id semper risus in. Convallis a cras semper auctor neque. Diam sit amet nisl
-		suscipit. Lacus viverra vitae congue eu consequat ac felis donec. Egestas integer eget aliquet
-		nibh praesent tristique magna sit amet. Eget magna fermentum iaculis eu non diam. In vitae
-		turpis massa sed elementum. Tristique et egestas quis ipsum suspendisse ultrices. Eget lorem
-		dolor sed viverra ipsum. Vel turpis nunc eget lorem dolor sed viverra. Posuere ac ut consequat
-		semper viverra nam. Laoreet suspendisse interdum consectetur libero id faucibus. Diam phasellus
-		vestibulum lorem sed risus ultricies tristique. Rhoncus dolor purus non enim praesent elementum
-		facilisis. Ultrices tincidunt arcu non sodales neque. Tempus egestas sed sed risus pretium quam
-		vulputate. Viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare. Fringilla
-		urna porttitor rhoncus dolor purus non. Amet dictum sit amet justo donec enim.
-	</p>
-
-	<p>
-		Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Tortor posuere ac ut consequat semper
-		viverra. Tellus mauris a diam maecenas sed enim ut sem viverra. Venenatis urna cursus eget nunc
-		scelerisque viverra mauris in. Arcu ac tortor dignissim convallis aenean et tortor at. Curabitur
-		gravida arcu ac tortor dignissim convallis aenean et tortor. Egestas tellus rutrum tellus
-		pellentesque eu. Fusce ut placerat orci nulla pellentesque dignissim enim sit amet. Ut enim
-		blandit volutpat maecenas volutpat blandit aliquam etiam. Id donec ultrices tincidunt arcu. Id
-		cursus metus aliquam eleifend mi.
-	</p>
-
-	<p>
-		Tempus quam pellentesque nec nam aliquam sem. Risus at ultrices mi tempus imperdiet. Id porta
-		nibh venenatis cras sed felis eget velit. Ipsum a arcu cursus vitae. Facilisis magna etiam
-		tempor orci eu lobortis elementum. Tincidunt dui ut ornare lectus sit. Quisque non tellus orci
-		ac. Blandit libero volutpat sed cras. Nec tincidunt praesent semper feugiat nibh sed pulvinar
-		proin gravida. Egestas integer eget aliquet nibh praesent tristique magna.
-	</p>
+    .members {
+      @apply my-4;
+      .member {
+        @apply pb-4;
+        &-name {
+          @apply text-xl;
+          color: var(--color-accent);
+        }
+      }
+    }
+  </style>
 </Layout>
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -1,12 +1,12 @@
 ---
-import BaseHead from '../../components/BaseHead.astro';
-import Header from '../../components/Header.astro';
-import Footer from '../../components/Footer.astro';
-import { SITE_TITLE, SITE_DESCRIPTION } from '../../consts';
-import { getCollection } from 'astro:content';
-import FormattedDate from '../../components/FormattedDate.astro';
+import BaseHead from "../../components/BaseHead.astro";
+import Header from "../../components/Header.astro";
+import Footer from "../../components/Footer.astro";
+import { SITE_TITLE, SITE_DESCRIPTION } from "../../consts";
+import { getCollection } from "astro:content";
+import FormattedDate from "../../components/FormattedDate.astro";

-const posts = (await getCollection('blog')).sort(
+const posts = (await getCollection("blog")).sort(
  (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
 );
 ---
@@ -15,112 +15,34 @@ const posts = (await getCollection('blog')).sort(
 <html lang="en">
  <head>
    <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
-		<style>
-			main {
-				width: 960px;
-			}
-			ul {
-				display: flex;
-				flex-wrap: wrap;
-				gap: 2rem;
-				list-style-type: none;
-				margin: 0;
-				padding: 0;
-			}
-			ul li {
-				width: calc(50% - 1rem);
-			}
-			ul li * {
-				text-decoration: none;
-				transition: 0.2s ease;
-			}
-			ul li:first-child {
-				width: 100%;
-				margin-bottom: 1rem;
-				text-align: center;
-			}
-			ul li:first-child img {
-				width: 100%;
-			}
-			ul li:first-child .title {
-				font-size: 2.369rem;
-			}
-			ul li img {
-				margin-bottom: 0.5rem;
-				border-radius: 12px;
-			}
-			ul li a {
-				display: block;
-			}
-			.title {
-				margin: 0;
-				color: rgb(var(--black));
-				line-height: 1;
-			}
-			.date {
-				margin: 0;
-				color: rgb(var(--gray));
-			}
-			ul li a:hover h4,
-			ul li a:hover .date {
-				color: rgb(var(--accent));
-			}
-			ul a:hover img {
-				box-shadow: var(--box-shadow);
-			}
-			@media (max-width: 720px) {
-				ul {
-					gap: 0.5em;
-				}
-				ul li {
-					width: 100%;
-					text-align: center;
-				}
-				ul li:first-child {
-					margin-bottom: 0;
-				}
-				ul li:first-child .title {
-					font-size: 1.563em;
-				}
-			}
-
-      .post {
-        display: flex;
-        flex-direction: row;
-        align-items: top;
-        gap: 0.5em;
-      }
-
-      .post-text {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 0.5em;
-      }
-
-      .post-image img {
-        max-height: 200px;
-      }
-		</style>
  </head>
-	<body>
+  <body class="relative min-h-dvh">
    <Header />
    <main>
-			<section>
+      <section class="max-w-200 m-auto my-16">
        <ul>
          {
            posts.map((post) => (
-							<li>
+              <li class="border-t-2 border-medium p-4 first:border-0">
                <a href={`/blog/${post.id}/`}>
-                  <div class="post">
-                    <div class="post-image">
-                      <img width={200} height={200} src={post.data.heroImage} alt="" />
+                  <div class="flex flex-row gap-4">
+                    {post.data.heroImage &&
+                      post.data.heroImage.trim().length > 0 && (
+                        <div class="flex-none">
+                          <img
+                            width={200}
+                            height={200}
+                            src={post.data.heroImage}
+                            alt=""
+                          />
                        </div>
-                    <div class="post-text">
-                      <p class="date">
+                      )}
+                    <div>
+                      <p class="text-medium">
                        <FormattedDate date={post.data.pubDate} />
                      </p>
-                      <h4 class="title">{post.data.title}</h4>
+                      <h4 class="text-xl font-bold">{post.data.title}</h4>
+                      <p>{post.data.description}</p>
                    </div>
                  </div>
                </a>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -4,6 +4,7 @@ import Header from "../components/Header.astro";
 import Footer from "../components/Footer.astro";
 import ButtonLink from "../components/ButtonLink.astro";
 import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
+import HeaderLogo from "../assets/HeaderLogo.png";
 ---

 <!doctype html>
@@ -11,15 +12,11 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
  <head>
    <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
  </head>
-  <body>
+  <body class="relative min-h-dvh">
    <Header />
    <div class="bg-dark text-light py-16">
-      <div class="flex flex-col items-center gap-8 w-200 m-auto">
-        <img
-          src="HeaderLogo.png"
-          alt="Terakoda Software Systems Logo"
-          class="h-32"
-        />
+      <div class="flex flex-col items-center gap-8 max-w-200 m-auto px-4">
+        <img src={HeaderLogo.src} alt="Terakoda" class="max-w-full" />
        <p>
          Solving Your Unique Software Challenges with Precision and Quality
        </p>
@@ -29,9 +26,9 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";

    <main>
      <div class="bg-light-accent py-16 text-dark">
-        <div class="w-200 m-auto">
+        <div class="max-w-200 m-auto px-4">
          <h2 class="text-4xl mb-8 text-center">Our Expertise</h2>
-          <div class="grid grid-cols-2 gap-8">
+          <div class="grid md:grid-cols-2 grid-cols-1 gap-8">
            <div class="service-item">
              <h3>Custom Software Solutions</h3>
              <p>
@@ -58,7 +55,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
        </div>
      </div>

-      <div class="py-16 w-200 m-auto">
+      <div class="py-16 max-w-200 m-auto px-4">
        <h2 class="text-4xl mb-8 text-center">Our Commitment to Quality</h2>
        <div class="quality-content">
          <p>
@@ -78,8 +75,10 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
        </div>
      </div>

-      <div class="py-16 bg-dark text-light">
-        <div class="w-200 m-auto flex flex-col items-center gap-8 text-center">
+      <div class="py-16 bg-dark text-light" id="contact">
+        <div
+          class="max-w-200 m-auto px-4 flex flex-col items-center gap-8 text-center"
+        >
          <h2 class="text-4xl text-center">
            Ready to Solve Your Software Puzzle?
          </h2>
@@ -88,7 +87,13 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
            Systems help you overcome your unique software challenges with
            precision and excellence.
          </p>
-          <ButtonLink href="mailto:contact@terakoda.com">Contact Us</ButtonLink>
+          <ButtonLink
+            href="mailto:contact@terakoda.com"
+            event="contact-us"
+            eventTitle="Contact Us"
+          >
+            Contact Us
+          </ButtonLink>
        </div>
      </div>
    </main>
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,7 +1,7 @@
@import "tailwindcss";

 :root {
-  --accent: rgb(46, 182, 112);
+  --accent: #2eb670; /* Accent Color */
  --accent-dark: rgb(23, 91, 56);
  --black: 15, 18, 25;
  --gray: 96, 115, 159;
@@ -17,6 +17,9 @@
  --color-primary: rgb(46, 182, 112);
  --color-primary-dark: #269e61;
  --color-light: #fdfafc;
+  /* Mix light and dark using the perceptually uniform oklab color space */
+  --color-medium: color-mix(in oklab, var(--color-light), var(--color-dark));
  --color-dark: #1f2932;
  --color-light-accent: #f9f7f7; /* Slightly darker light background for contrast */
+  --color-accent: #2eb670; /* Accent Color */
 }
Author	SHA1	Message	Date
Drew Haven	b4e43b0c6c	Fixes header on small screens, though maybe we don't want to always hide the logo.	2025-06-20 16:16:42 -07:00
Drew Haven	6bf7e738f8	Loads goatcounter script from www.terakoda.com/count.js	2025-06-17 16:06:02 -07:00
Drew Haven	4936692b62	Switches back to goatcounter.terakoda.com	2025-06-17 15:59:12 -07:00
Drew Haven	e76ac0f42c	Adds referrer	2025-06-17 15:53:40 -07:00
Drew Haven	86c1c85cb2	Moves goatcounter back onto the www domain	2025-06-17 15:50:50 -07:00
Drew Haven	912aa15c90	Fixes goatcounter integration and adds event to the contact button	2025-06-17 15:35:02 -07:00
Drew Haven	c795ba45fb	Adds goatcounter script	2025-06-17 11:46:24 -07:00
Drew Haven	44733d4360	Adds about page and first blog post.	2025-06-17 11:32:40 -07:00
Drew Haven	5b8f44461b	Fixes index page to be responsive for small screens	2025-06-09 16:00:07 -07:00
Drew Haven	dea9bebdbb	Removes .astro/ from tracking	2025-06-09 15:46:24 -07:00
Drew Haven	b49b03b46f	Adds benchmark settings. Removes blog and about from header	2025-06-09 15:44:42 -07:00
Drew Haven	35fba1e43f	Replaces placeholder cats with dogs	2025-06-05 13:17:44 -07:00
Drew Haven	6994808b77	Styles the blog posts themselves	2025-06-05 13:16:01 -07:00
Drew Haven	54b5a0b3b0	Some basic styling on the blog index	2025-06-05 13:09:19 -07:00
Drew Haven	5431967dce	Optimize images	2025-06-05 12:42:40 -07:00
				`@@ -1 +0,0 @@`
				[["Map",1,2,9,10],"meta::meta",["Map",3,4,5,6,7,8],"astro-version","5.8.1","content-config-digest","8d1b7566f4d3c391","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://example.com\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[],\"experimentalDefaultStyles\":true},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"responsiveImages\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false},\"legacy\":{\"collections\":false}}","blog",["Map",11,12],"a-fresh-start",{"id":11,"data":13,"body":18,"filePath":19,"digest":20,"rendered":21},{"title":14,"description":15,"pubDate":16,"heroImage":17},"A Fresh Start","Starting a new venture",["Date","2025-06-03T00:00:00.000Z"],"https://placecats.com/500/400","This year we decided that we wanted to try something different. As funding\ntightens and the AI bubble grows we realized that start-ups are not where we\nwant to be.\n\nWe decided to found a tech co-operative to:\n\n- Support democratic decision making.\n- Center the company around the workers and not just profit.\n- Capture the value of our work for the workers and their communities.\n- Align our work with our values.","src/content/blog/a-fresh-start.md","d2a18861b3414187",{"html":22,"metadata":23},"\u003Cp>This year we decided that we wanted to try something different. As funding\ntightens and the AI bubble grows we realized that start-ups are not where we\nwant to be.\u003C/p>\n\u003Cp>We decided to found a tech co-operative to:\u003C/p>\n\u003Cul>\n\u003Cli>Support democratic decision making.\u003C/li>\n\u003Cli>Center the company around the workers and not just profit.\u003C/li>\n\u003Cli>Capture the value of our work for the workers and their communities.\u003C/li>\n\u003Cli>Align our work with our values.\u003C/li>\n\u003C/ul>",{"headings":24,"localImagePaths":25,"remoteImagePaths":26,"frontmatter":27,"imagePaths":29},[],[],[],{"title":14,"description":15,"pubDate":28,"heroImage":17},"2025-06-03",[]]