refactors done for now

public/styles/index.css

@@ -1,5 +1,49 @@
-header h1 {
+body {
-  font-weight: 300;
+  background: #f5f1e8;
-  font-size: 2em;
+  color: #3a3a3a;
-  /* letter-spacing: 0.05em; */
+}
+
+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;
 }

src/layouts/PostLayout.astro

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

src/pages/about.astro

@@ -3,11 +3,11 @@ import BaseLayout from "../layouts/BaseLayout.astro";
 ---
 
 <BaseLayout title="Barrett Ruth">
-  <div class="post-container">
+  <div>
-    <header class="post-header">
+    <header>
-      <h1 class="post-title">Barrett Ruth</h1>
+      <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>

src/pages/index.astro

@@ -1,9 +1,61 @@
 ---
 import BaseLayout from "../layouts/BaseLayout.astro";
-const title = "barrett ruth";
 ---
 
-<BaseLayout title={title}
+<BaseLayout title="barrett ruth">
-  ><em>barrett</em> ruth
+  <Fragment slot="head">
-  <script src="index.css" is:inline></script>
+    <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>