WIP: Blog/vibe coding (#419)

* init

* intro

* stuff

* some fixes

* title

* junior vibe coders + its great time to become a dev

* fixes in quote

* tex added

* more math

* conclusion

* chore: vibe coding blog post hero update

* chore: cratedat and updatedat fix

---------

Co-authored-by: vele616 <vele@crocoder.dev>

Author: davidabram

apps/website/public/chart.min.js

@@ -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?
 
 On paper, a faster compiler sounds great. Faster type checking, snappier language server, quicker CI runs. Who wouldn’t want that? If you’ve spent time on a larger TypeScript project, you’ve probably had to restart the language server more times than you’d like. Will this completely fix that? Hard to say. But it’s at least promising. And hey, maybe it’ll chew through those massive type definitions without breaking a sweat.

apps/website/public/images/vibe-coding-or-why-is-this-the-best-time-to-learn-coding.png

@@ -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 */