From 0893d3637c29808c3d64cd674d9bc1dc39dc33ad Mon Sep 17 00:00:00 2001
From: Barrett Ruth <br.barrettruth@gmail.com>
Date: Mon, 12 Jan 2026 11:56:56 -0500
Subject: [PATCH] refactors done for now

---
 public/styles/{common.css => base.css} |  0
 public/styles/index.css                | 52 +++++++++++++++++++--
 src/layouts/PostLayout.astro           | 65 --------------------------
 src/pages/about.astro                  | 12 ++---
 src/pages/index.astro                  | 60 ++++++++++++++++++++++--
 5 files changed, 108 insertions(+), 81 deletions(-)
 rename public/styles/{common.css => base.css} (100%)
 delete mode 100644 src/layouts/PostLayout.astro

diff --git a/public/styles/common.css b/public/styles/base.css
similarity index 100%
rename from public/styles/common.css
rename to public/styles/base.css
diff --git a/public/styles/index.css b/public/styles/index.css
index 888e2e7..5ba9319 100644
--- a/public/styles/index.css
+++ b/public/styles/index.css
@@ -1,5 +1,49 @@
-header h1 {
-  font-weight: 300;
-  font-size: 2em;
-  /* letter-spacing: 0.05em; */
+body {
+  background: #f5f1e8;
+  color: #3a3a3a;
+}
+
+header {
+  display: flex;
+  padding: 60px;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+h1,
+header span {
+  margin: 0;
+  font-weight: 300;
+  font-size: 4em;
+}
+
+section {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 80px;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+h2 {
+  margin-top: 24px;
+  font-weight: 300;
+  font-style: italic;
+  font-size: 2em;
+}
+
+ul {
+  list-style: none;
+  padding: 0;
+}
+
+li {
+  margin-bottom: 12px;
+  font-size: 1.1em;
+  line-height: 1.6;
+}
+
+a {
+  color: inherit;
+  border-bottom: 1px solid transparent;
 }
diff --git a/src/layouts/PostLayout.astro b/src/layouts/PostLayout.astro
deleted file mode 100644
index 701a43e..0000000
--- a/src/layouts/PostLayout.astro
+++ /dev/null
@@ -1,65 +0,0 @@
----
-import BaseLayout from "./BaseLayout.astro";
-
-interface Props {
-  frontmatter: {
-    title: string;
-    description?: string;
-    date?: string;
-    useKatex?: boolean;
-    useD3?: boolean;
-    scripts?: string[];
-    category?: string;
-  };
-  post?: {
-    id?: string;
-    collection?: string;
-    slug?: string;
-  };
-  headings?: Array<{
-    depth: number;
-    slug: string;
-    text: string;
-  }>;
-}
-
-const { frontmatter, headings = [] } = Astro.props as Props;
-const { title, description, useKatex = false, useD3 = false } = frontmatter;
-
-let documentTitle = title;
----
-
-<BaseLayout title={documentTitle} description={description}>
-  <Fragment slot="head">
-    {
-      useKatex && (
-        <link
-          rel="stylesheet"
-          href="https://cdn.jsdelivr.net/npm/katex@0.16.22/dist/katex.min.css"
-          integrity="sha384-5TcZemv2l/9On385z///+d7MSYlvIEw9FuZTIdZ14vJLqWphw7e7ZPuOiCHJcFCP"
-          crossorigin="anonymous"
-        />
-      )
-    }
-    {useD3 && <script src="https://d3js.org/d3.v7.min.js" is:inline />}
-    <slot name="head" />
-  </Fragment>
-
-  <Fragment>
-    <div>
-      <header>
-        <h1>{title}</h1>
-        {frontmatter.date}
-      </header>}
-    </div>
-    <article>
-      <slot />
-    </article>
-  </Fragment>
-</BaseLayout>
-
-<Fragment slot="scripts">
-  <script src="/scripts/centerKatex.js" is:inline></script>
-  {frontmatter.scripts?.map((src) => <script src={src} is:inline />)}
-  <slot name="scripts" />
-</Fragment>
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 8285b27..3f86afc 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -3,11 +3,11 @@ import BaseLayout from "../layouts/BaseLayout.astro";
 ---
 
 <BaseLayout title="Barrett Ruth">
-  <div class="post-container">
-    <header class="post-header">
-      <h1 class="post-title">Barrett Ruth</h1>
+  <div>
+    <header>
+      <h1>Barrett Ruth</h1>
     </header>
-    <article class="post-article">
+    <article>
       <p>
         I am a software developer studying computer science at the University of
         Virginia.
@@ -37,8 +37,4 @@ import BaseLayout from "../layouts/BaseLayout.astro";
       </p>
     </article>
   </div>
-
-  <slot name="head" slot="head">
-    <link rel="stylesheet" href="/styles/posts.css" />
-  </slot>
 </BaseLayout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 88495e6..890a316 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,9 +1,61 @@
 ---
 import BaseLayout from "../layouts/BaseLayout.astro";
-const title = "barrett ruth";
 ---
 
-<BaseLayout title={title}
-  ><em>barrett</em> ruth
-  <script src="index.css" is:inline></script>
+<BaseLayout title="barrett ruth">
+  <Fragment slot="head">
+    <link rel="stylesheet" href="/styles/index.css" />
+  </Fragment>
+
+  <header>
+    <h1>barrett ruth</h1>
+    <span class="delta">Δ</span>
+  </header>
+
+  <section>
+    <div>
+      <h2>experience</h2>
+      <ul>
+        <li>
+          <a target="_blank" href="https://drw.com">drw</a>&mdash;summer 2025
+        </li>
+        <li>
+          <a target="_blank" href="https://ramp.com">ramp</a>&mdash;spring 2025
+        </li>
+        <li>
+          <a target="_blank" href="https://usa.visa.com">visa</a>&mdash;summer
+          2024
+        </li>
+        <li>
+          <a target="_blank" href="https://trbcap.com">trb capital</a
+          >&mdash;summer 2024
+        </li>
+        <li>
+          <a target="_blank" href="https://www.nthventure.com">nth venture</a
+          >&mdash;spring 2023
+        </li>
+        <li>
+          <a target="_blank" href="https://gotransverse.com">gotransverse</a
+          >&mdash;summer 2022
+        </li>
+      </ul>
+    </div>
+
+    <div>
+      <h2>contact</h2>
+      <ul>
+        <li><a target="_blank" href="mailto:br@barrettruth.com">email</a></li>
+        <li>
+          <a target="_blank" href="https://github.com/barrettruth">github</a>
+        </li>
+        <li>
+          <a target="_blank" href="/resume.pdf" target="_blank">resume</a>
+        </li>
+        <li>
+          <a target="_blank" href="/transcript.pdf" target="_blank"
+            >transcript</a>
+        </li>
+      </ul>
+    </div>
+  </section>
 </BaseLayout>