Initial rewrite

src/pages/about.astro

@@ -0,0 +1,66 @@
+---
+import ArticleList from '../components/ArticleList.astro';
+import Page from '../layouts/Page.astro';
+import { getPublishedPosts, site } from '../lib/site';
+
+const posts = await getPublishedPosts();
+const startingPoints = posts
+  .filter((post) => post.data.audience === 'recruiter-relevant')
+  .sort((a, b) => (a.data.featuredOrder ?? 99) - (b.data.featuredOrder ?? 99))
+  .slice(0, 4);
+---
+
+<Page
+  title="About"
+  description="A direct summary of my background, technical interests, and best starting points."
+>
+  <div class="prose">
+    <p>
+      I am Andras Schmelczer, a software engineer with an MSc in Computer Science and a
+      background across AI/ML systems, web platforms, graphics, simulations, and tools. I
+      like work where architecture, constraints, and product usefulness all matter.
+    </p>
+  </div>
+
+  <section class="about-section facts" aria-labelledby="quick-facts">
+    <h2 id="quick-facts">Quick Facts</h2>
+    <dl>
+      <dt>Focus</dt>
+      <dd>Software systems, AI deployment, architecture, graphics, data visualization</dd>
+      <dt>Education</dt>
+      <dd>MSc in Computer Science</dd>
+      <dt>Contact</dt>
+      <dd><a href={`mailto:${site.email}`}>{site.email}</a></dd>
+      <dt>Links</dt>
+      <dd>
+        <a href={site.cv}>CV</a>, <a href={site.github}>GitHub</a>,
+        <a href={site.linkedin}>LinkedIn</a>
+      </dd>
+    </dl>
+  </section>
+
+  <section class="about-section" aria-labelledby="best-starting-points">
+    <div class="section-heading">
+      <h2 id="best-starting-points">Best Starting Points</h2>
+      <a href="/articles/">All articles</a>
+    </div>
+    <ArticleList posts={startingPoints} />
+  </section>
+
+  <section class="about-section facts" aria-labelledby="working-style">
+    <h2 id="working-style">How I Work</h2>
+    <div class="prose">
+      <p>
+        I am strongest when I can reason through a system end to end: the data model, the
+        API shape, the performance constraints, the operational risks, and the human path
+        through the tool. The projects on this site are older and newer examples of that
+        habit.
+      </p>
+      <p>
+        I care about simple interfaces over accidental complexity, and I prefer technical
+        depth that can be explained clearly. That is why this site is structured around
+        articles rather than screenshots and slogans.
+      </p>
+    </div>
+  </section>
+</Page>