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

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",

package.json

@@ -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": {

src/components/ButtonLink.astro

@@ -1,12 +1,19 @@
 ---
 interface Props {
-	href: string;
+  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>
-

src/components/Footer.astro

@@ -6,4 +6,8 @@ const today = new Date();
   class="py-4 text-sm text-center bg-dark text-light absolute bottom-0 w-full"
 >
   © {today.getFullYear()} Terakoda, LLC. All rights reserved.
+  <script
+    data-goatcounter="https://goatcounter.terakoda.com/count"
+    async
+    src="https://www.terakoda.com/count.js"></script>
 </footer>

src/components/Header.astro

@@ -4,8 +4,8 @@ import HeaderLogo from "../assets/HeaderLogo.png";
 ---
 
 <header>
-  <nav>
+  <nav class="flex-col md:flex-row">
-    <div>
+    <div class="hidden md:block">
       <a href="/">
         <img
           src={HeaderLogo.src}
@@ -17,8 +17,8 @@ import HeaderLogo from "../assets/HeaderLogo.png";
     </div>
     <div class="internal-links">
       <HeaderLink href="/">Home</HeaderLink>
-      <!-- <HeaderLink href="/blog">Blog</HeaderLink> -->
+      <HeaderLink href="/blog">Blog</HeaderLink>
-      <!-- <HeaderLink href="/about">About</HeaderLink> -->
+      <HeaderLink href="/about">About</HeaderLink>
     </div>
   </nav>
 </header>

src/content.config.ts

@@ -1,18 +1,19 @@
-import { glob } from 'astro/loaders';
+import { glob } from "astro/loaders";
-import { defineCollection, z } from 'astro:content';
+import { defineCollection, z } from "astro:content";
 
 const blog = defineCollection({
-	// Load Markdown and MDX files in the `src/content/blog/` directory.
+  // 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
+  // Type-check frontmatter using a schema
-	schema: z.object({
+  schema: z.object({
-		title: z.string(),
+    title: z.string(),
-		description: z.string(),
+    description: z.string(),
-		// Transform string to Date object
+    // Transform string to Date object
-		pubDate: z.coerce.date(),
+    pubDate: z.coerce.date(),
-		updatedDate: z.coerce.date().optional(),
+    updatedDate: z.coerce.date().optional(),
-		heroImage: z.string().optional(),
+    heroImage: z.string().optional(),
-	}),
+    author: z.string().optional(),
+  }),
 });
 
 export const collections = { blog };

src/content/blog/a-fresh-start.md

@@ -1,17 +1,54 @@
 ---
-title: "A Fresh Start"
+title: "A Fresh Start: Why we are starting a Terakoda"
-description: "Starting a new venture"
+description: "Why we decided to quit our tech jobs and start Terakoda as a cooperative."
-pubDate: "2025-06-03"
+pubDate: "2025-06-17"
-heroImage: "https://placedog.net/500/400"
+author: Drew Haven
 ---
 
-This year we decided that we wanted to try something different. As funding
+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.
-tightens and the AI bubble grows we realized that start-ups are not where we
-want to be.
 
-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.
+## First, a little history
-- Center the company around the workers and not just profit.
+
-- Capture the value of our work for the workers and their communities.
+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.
-- Align our work with our values.
+
+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.

src/content/blog/second-test-post.md

@@ -1,8 +0,0 @@
----
-title: "Test post"
-description: "This is a second test post that I'm using just to check that everything is working out okay."
-pubDate: "2025-06-01T04:00:00"
-heroImage: "https://placedog.net/500/400"
----
-
-Just some dummy content

src/layouts/BlogPost.astro

@@ -7,7 +7,8 @@ import FormattedDate from "../components/FormattedDate.astro";
 
 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">
@@ -48,28 +49,45 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
         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 class="relative min-h-dvh">
     <Header />
     <main>
       <article class="max-w-200 m-auto flex flex-col items-center py-16">
-        <div class="">
+        {
-          {heroImage && <img src={heroImage} alt="" class="max-h-100" />}
+          heroImage && heroImage.trim().length > 0 && (
-        </div>
+            <div class="">
-        <div class="flex flex-col gap-4 items-center border-b-1 m-4">
+              <img src={heroImage} alt="" class="max-h-100" />
-          <FormattedDate date={pubDate} />
+            </div>
+          )
+        }
+        <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>
             )
           }
-          <h1 class="text-3xl">{title}</h1>
-          <hr />
         </div>
-        <div>
+        <div class="content">
           <slot />
         </div>
       </article>

src/pages/about.astro

@@ -8,5 +8,47 @@ import Layout from "../layouts/BlogPost.astro";
   pubDate={new Date("June 9, 2025")}
   heroImage=""
 >
-  <p>TODO</p>
+  <p>
+    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>
+        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;
+    }
+
+    .members {
+      @apply my-4;
+      .member {
+        @apply pb-4;
+        &-name {
+          @apply text-xl;
+          color: var(--color-accent);
+        }
+      }
+    }
+  </style>
 </Layout>

src/pages/blog/index.astro

@@ -26,14 +26,17 @@ const posts = (await getCollection("blog")).sort(
               <li class="border-t-2 border-medium p-4 first:border-0">
                 <a href={`/blog/${post.id}/`}>
                   <div class="flex flex-row gap-4">
-                    <div class="flex-none">
+                    {post.data.heroImage &&
-                      <img
+                      post.data.heroImage.trim().length > 0 && (
-                        width={200}
+                        <div class="flex-none">
-                        height={200}
+                          <img
-                        src={post.data.heroImage}
+                            width={200}
-                        alt=""
+                            height={200}
-                      />
+                            src={post.data.heroImage}
-                    </div>
+                            alt=""
+                          />
+                        </div>
+                      )}
                     <div>
                       <p class="text-medium">
                         <FormattedDate date={post.data.pubDate} />

src/pages/index.astro

@@ -15,8 +15,8 @@ import HeaderLogo from "../assets/HeaderLogo.png";
   <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">
+      <div class="flex flex-col items-center gap-8 max-w-200 m-auto px-4">
-        <img src={HeaderLogo.src} alt="Terakoda" />
+        <img src={HeaderLogo.src} alt="Terakoda" class="max-w-full" />
         <p>
           Solving Your Unique Software Challenges with Precision and Quality
         </p>
@@ -26,9 +26,9 @@ import HeaderLogo from "../assets/HeaderLogo.png";
 
     <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>
@@ -55,7 +55,7 @@ import HeaderLogo from "../assets/HeaderLogo.png";
         </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>
@@ -76,7 +76,9 @@ import HeaderLogo from "../assets/HeaderLogo.png";
       </div>
 
       <div class="py-16 bg-dark text-light" id="contact">
-        <div class="w-200 m-auto flex flex-col items-center gap-8 text-center">
+        <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>
@@ -85,7 +87,13 @@ import HeaderLogo from "../assets/HeaderLogo.png";
             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>

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;
@@ -21,4 +21,5 @@
   --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 */
 }