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

Merge pull request #35 from barrett-ruth/feat/death

Browse source 
death
This commit is contained in:
Barrett Ruth 2025-12-27 16:21:08 -06:00 • committed by GitHub
commit d8e13262c3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 80 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

0
newfile.txt
View file

BIN
public/death/death.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 294 KiB

1
src/content/config.ts
View file

@ -16,6 +16,7 @@ export const collections = {
software: defineCollection({ type: "content", schema: base }), software: defineCollection({ type: "content", schema: base }),
meditations: defineCollection({ type: "content", schema: base }), meditations: defineCollection({ type: "content", schema: base }),
"autonomous-racing": defineCollection({ type: "content", schema: base }), "autonomous-racing": defineCollection({ type: "content", schema: base }),
death: defineCollection({ type: "content", schema: base }),
git: defineCollection({ type: "content", schema: base }), git: defineCollection({ type: "content", schema: base }),
gists: defineCollection({ type: "content", schema: base }), gists: defineCollection({ type: "content", schema: base }),

5
src/layouts/BaseLayout.astro
View file

@ -6,6 +6,7 @@ const {
title, title,
description = "Barrett Ruth's website", description = "Barrett Ruth's website",
bodyClass = "graph-background", bodyClass = "graph-background",
useHeader = true,
} = Astro.props; } = Astro.props;
--- ---
@ -33,7 +34,7 @@ const {
<slot name="head" /> <slot name="head" />
</head> </head>
<body class={bodyClass}> <body class={bodyClass}>
<Header /> {useHeader && <Header />}
<main class="main"> <main class="main">
<slot /> <slot />
</main> </main>
@ -51,6 +52,8 @@ const {
return "#3d8a44"; return "#3d8a44";
case "git": case "git":
return "#cc5500"; return "#cc5500";
case "death":
return "#000000";
default: default:
return getComputedStyle(document.documentElement) return getComputedStyle(document.documentElement)
.getPropertyValue("--text") .getPropertyValue("--text")

3
src/pages/[category]/index.astro
View file

@ -41,6 +41,9 @@ posts.sort(sortItem);
>autonomous-racing</a >autonomous-racing</a
> >
</li> </li>
<li class="topic death">
<a href="/death" data-topic="death">death</a>
</li>
</ul> </ul>
<div class="posts" id="posts"> <div class="posts" id="posts">

64
src/pages/death.astro Normal file
View file

@ -0,0 +1,64 @@
---
import BaseLayout from "../layouts/BaseLayout.astro";
const title = "my father";
---
<BaseLayout title={title} useHeader={false}>
<div class="death-container">
<img id="death-image" src="/death/death.webp" alt="Philip Matthew Ruth" />
<div id="tribute-text" class="tribute">
rip philip matthew ruth<br />
february 8, 1967 – c. december 2, 2025
</div>
<div class="credit">
gary wray<br />
<em>waiting in line</em>, 2021
</div>
</div>
<style>
html,
body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
overflow: hidden;
background: black;
}
.death-container {
position: relative;
width: 100vw;
height: 100vh;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tribute {
position: fixed;
bottom: 1.5rem;
right: 1.5rem;
font-size: 3em;
z-index: 10;
text-align: right;
}
.credit {
position: fixed;
bottom: 1.5rem;
left: 1.5rem;
z-index: 10;
font-size: 2em;
text-align: left;
}
</style>
</BaseLayout>

3
src/pages/index.astro
View file

@ -57,6 +57,9 @@ for (const c of CATS) {
>autonomous racing</a >autonomous racing</a
> >
</li> </li>
<li class="topic death">
<a href="/death.html" data-topic="death">death</a>
</li>
</ul> </ul>
<div class="posts" id="posts"></div> <div class="posts" id="posts"></div>
</div> </div>

4
src/types.ts
View file

@ -6,7 +6,8 @@ export type CollectionKey =
| "meditations" | "meditations"
| "autonomous-racing" | "autonomous-racing"
| "git" | "git"
| "gists"; | "gists"
| "death";
export type PostCollection = Exclude<CollectionKey, "git" | "gists">; export type PostCollection = Exclude<CollectionKey, "git" | "gists">;
export type AnyCollectionEntry = export type AnyCollectionEntry =
@ -14,5 +15,6 @@ export type AnyCollectionEntry =
| CollectionEntry<"software"> | CollectionEntry<"software">
| CollectionEntry<"meditations"> | CollectionEntry<"meditations">
| CollectionEntry<"autonomous-racing"> | CollectionEntry<"autonomous-racing">
| CollectionEntry<"death">
| CollectionEntry<"git"> | CollectionEntry<"git">
| CollectionEntry<"gists">; | CollectionEntry<"gists">;

2
src/utils/colors.js
View file

@ -10,6 +10,8 @@ export function getTopicColor(topicName) {
return "#3d8a44"; return "#3d8a44";
case "git": case "git":
return "#cc5500"; return "#cc5500";
case "death":
return "#000000";
default: default:
return null; return null;
} }