WIP: Blog/vibe coding

apps/website/src/content/posts/microsoft-typescript-compiler-rewrite-in-golang-is-about-more-than-speed.md

@@ -10,7 +10,7 @@ abstract: "Microsoft’s decision to rewrite the TypeScript compiler in Go (Gola
 image: "/images/golang-compiler.png"
 draft: false
 ---
-
+ 
 Microsoft's recent decision to [rewrite the TypeScript compiler using Go](https://devblogs.microsoft.com/typescript/typescript-native-port/) (Golang) got a lot of us talking, and honestly, for good reason. We, developers, are pretty attached to our tools, and whenever a big change is announced, we naturally wonder if this is really the best move?
 
 First off, let's briefly acknowledge the obvious: **rewriting a compiler is no small feat.** It's like rebuilding a plane while still in flight. But Microsoft isn't just chasing trendy tech here. There's method behind the madness, and Go makes a surprisingly good fit for something like TypeScript.

apps/website/src/styles/main.css

@@ -61,6 +61,69 @@ body:has(nav #nav-menu-toggle:checked) {
   margin-top: 2.4rem;
 }
 
+.prose table {
+  width: auto;
+  min-width: 50%;
+  table-layout: auto;
+  border-collapse: collapse;
+  margin: 1.5rem auto;
+  font-size: 0.95rem;
+}
+
+.prose thead {
+  background-color: #f8f9fa;
+  border-bottom: 2px solid #dee2e6;
+}
+
+.prose th {
+  font-weight: 600;
+  text-align: right;
+  padding: 0.75rem 1.25rem;
+  color: #333;
+  white-space: nowrap;
+}
+
+.prose th:first-child {
+  text-align: left;
+}
+
+.prose td {
+  padding: 0.75rem 1.25rem;
+  border-bottom: 1px solid #dee2e6;
+}
+
+.prose td:first-child {
+  white-space: nowrap;
+}
+
+.prose tbody tr:nth-child(even) {
+  background-color: #f8f9fa;
+}
+
+.prose tbody tr:hover {
+  background-color: #f1f3f5;
+}
+
+.prose td:nth-child(2) {
+  text-align: right;
+}
+
+@media (max-width: 640px) {
+  .prose table {
+    font-size: 0.875rem;
+    min-width: 100%;
+  }
+
+  .prose th,
+  .prose td {
+    padding: 0.5rem 0.75rem;
+  }
+}
+
+.prose blockquote {
+  border-color: #607A1A;
+}
+
 @media (min-width: 320px) {
   .animation-container {
     /* 4 x card height - 3 x negative margin top */