refactors done for now

This commit is contained in:
Barrett Ruth 2026-01-12 11:56:56 -05:00
parent f3aeeb1b5f
commit 0893d3637c
5 changed files with 108 additions and 81 deletions

View file

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

View file

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

View file

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

View file

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