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, html,
body { body {
font-family: "Signifier", serif; font-family: "Signifier", serif;
} background: #f5f1e8;
color: #3a3a3a;
header,
footer {
padding: 30px 20px;
font-size: 1.5em;
display: flex;
align-items: center;
justify-content: space-between;
} }

22
public/styles/index.css
View file

@ -1,20 +1,19 @@
body {
background: #f5f1e8;
color: #3a3a3a;
}
header { header {
padding: 60px 0;
display: flex; display: flex;
padding: 60px; align-items: center;
max-width: 1200px; justify-content: space-between;
margin: 0 auto;
} }
h1, h1,
header span { .delta {
margin: 0;
font-weight: 300;
font-size: 4em; font-size: 4em;
font-weight: 300;
}
.container {
max-width: 60%;
margin: 0 auto;
} }
section { section {
@ -26,7 +25,6 @@ section {
} }
h2 { h2 {
margin-top: 24px;
font-weight: 300; font-weight: 300;
font-style: italic; font-style: italic;
font-size: 2em; 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" /> <slot name="head" />
</head> </head>
<body> <body>
<slot name="header" />
<main class="main"> <main class="main">
<slot /> <slot />
</main> </main>
<slot name="scripts" /> <slot name="scripts" />
</body> </body>
</html> </html>

11
src/pages/404.astro
View file

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

103
src/pages/index.astro
View file

@ -4,58 +4,63 @@ import BaseLayout from "../layouts/BaseLayout.astro";
<BaseLayout title="barrett ruth"> <BaseLayout title="barrett ruth">
<Fragment slot="head"> <Fragment slot="head">
<link rel="stylesheet" href="/styles/base.css" />
<link rel="stylesheet" href="/styles/index.css" /> <link rel="stylesheet" href="/styles/index.css" />
</Fragment> </Fragment>
<header> <div class="container">
<h1>barrett ruth</h1> <header>
<span class="delta">Δ</span> <h1>barrett ruth</h1>
</header> <span class="delta">Δ</span>
</header>
<section> <section>
<div> <div>
<h2>experience</h2> <h2>experience</h2>
<ul> <ul>
<li> <li>
<a target="_blank" href="https://drw.com">drw</a>&mdash;summer 2025 <a target="_blank" href="https://drw.com">drw</a>&mdash;summer 2025
</li> </li>
<li> <li>
<a target="_blank" href="https://ramp.com">ramp</a>&mdash;spring 2025 <a target="_blank" href="https://ramp.com">ramp</a>&mdash;spring
</li> 2025
<li> </li>
<a target="_blank" href="https://usa.visa.com">visa</a>&mdash;summer <li>
2024 <a target="_blank" href="https://usa.visa.com">visa</a>&mdash;summer
</li> 2024
<li> </li>
<a target="_blank" href="https://trbcap.com">trb capital</a <li>
>&mdash;summer 2024 <a target="_blank" href="https://trbcap.com">trb capital</a
</li> >&mdash;summer 2024
<li> </li>
<a target="_blank" href="https://www.nthventure.com">nth venture</a <li>
>&mdash;spring 2023 <a target="_blank" href="https://www.nthventure.com">nth venture</a
</li> >&mdash;spring 2023
<li> </li>
<a target="_blank" href="https://gotransverse.com">gotransverse</a <li>
>&mdash;summer 2022 <a target="_blank" href="https://gotransverse.com">gotransverse</a
</li> >&mdash;summer 2022
</ul> </li>
</div> </ul>
</div>
<div> <div>
<h2>contact</h2> <h2>contact</h2>
<ul> <ul>
<li><a target="_blank" href="mailto:br@barrettruth.com">email</a></li> <li><a target="_blank" href="mailto:br@barrettruth.com">email</a></li>
<li> <li>
<a target="_blank" href="https://github.com/barrettruth">github</a> <a target="_blank" href="https://github.com/barrettruth">github</a>
</li> </li>
<li> <li>
<a target="_blank" href="/resume.pdf" target="_blank">resume</a> <a target="_blank" href="/resume.pdf" target="_blank">resume</a>
</li> </li>
<li> <li>
<a target="_blank" href="/transcript.pdf" target="_blank" <a target="_blank" href="/transcript.pdf" target="_blank"
>transcript</a> >transcript</a
</li> >
</ul> </li>
</div> </ul>
</section> </div>
</section>
</div>
</BaseLayout> </BaseLayout>