barrett/barrettruth.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

404 and style cleanups

Browse source
This commit is contained in:
Barrett Ruth 2026-01-12 17:07:50 -05:00
parent e53a06724f
commit 7335b31d11
6 changed files with 87 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

10
public/styles/404.css Normal file
View file

@ -0,0 +1,10 @@
.container {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
font-weight: 300;
font-size: 2em;
}

11
public/styles/base.css
View file

@ -153,13 +153,6 @@ code[class*="language-"] {
html,
body {
font-family: "Signifier", serif;
}
header,
footer {
padding: 30px 20px;
font-size: 1.5em;
display: flex;
align-items: center;
justify-content: space-between;
background: #f5f1e8;
color: #3a3a3a;
}

22
public/styles/index.css
View file

@ -1,20 +1,19 @@
body {
background: #f5f1e8;
color: #3a3a3a;
}
header {
padding: 60px 0;
display: flex;
padding: 60px;
max-width: 1200px;
margin: 0 auto;
align-items: center;
justify-content: space-between;
}
h1,
header span {
margin: 0;
font-weight: 300;
.delta {
font-size: 4em;
font-weight: 300;
}
.container {
max-width: 60%;
margin: 0 auto;
}
section {
@ -26,7 +25,6 @@ section {
}
h2 {
margin-top: 24px;
font-weight: 300;
font-style: italic;
font-size: 2em;

3
src/layouts/BaseLayout.astro
View file

@ -15,9 +15,12 @@ const { title, description = "barrett ruth's website" } = Astro.props;
<slot name="head" />
</head>
<body>
<slot name="header" />
<main class="main">
<slot />
</main>
<slot name="scripts" />
</body>
</html>

11
src/pages/404.astro
View file

@ -2,8 +2,13 @@
import BaseLayout from "../layouts/BaseLayout.astro";
---
<BaseLayout title="404 - not found">
<div>
<h1>404 - not found</h1>
<BaseLayout title="page not found">
<Fragment slot="head">
<link rel="stylesheet" href="/styles/base.css" />
<link rel="stylesheet" href="/styles/404.css" />
</Fragment>
<div class="container">
<h1>404</h1>
</div>
</BaseLayout>

103
src/pages/index.astro
View file

@ -4,58 +4,63 @@ import BaseLayout from "../layouts/BaseLayout.astro";
<BaseLayout title="barrett ruth">
<Fragment slot="head">
<link rel="stylesheet" href="/styles/base.css" />
<link rel="stylesheet" href="/styles/index.css" />
</Fragment>
<header>
<h1>barrett ruth</h1>
<span class="delta">Δ</span>
</header>
<div class="container">
<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>
<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>
<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>
</div>
</BaseLayout>