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

feat: format

Browse source
This commit is contained in:
Barrett Ruth 2025-05-22 16:12:05 -05:00
parent b0df7bebb0
commit da030f3dc1
30 changed files with 603 additions and 348 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/layouts/BaseLayout.astro
View file

@ -1,6 +1,6 @@
---
import Header from '../components/Header.astro';
import Footer from '../components/Footer.astro';
import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";
interface Props {
title: string;
@ -9,15 +9,15 @@ interface Props {
bodyClass?: string;
}
const {
title,
description = "Barrett Ruth's personal website",
const {
title,
description = "Barrett Ruth's personal website",
useKatex = false,
bodyClass = "graph-background"
bodyClass = "graph-background",
} = Astro.props;
---
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
@ -37,4 +37,4 @@ const {
<Footer />
<slot name="scripts" />
</body>
</html>
</html>

52
src/layouts/PostLayout.astro
View file

@ -1,6 +1,6 @@
---
import BaseLayout from './BaseLayout.astro';
import path from 'path';
import BaseLayout from "./BaseLayout.astro";
import { getTopicColor } from "../utils/colors.js";
interface Props {
frontmatter: {
@ -12,51 +12,41 @@ interface Props {
}
const { frontmatter, post } = Astro.props;
const {
title,
description,
useKatex = false,
} = frontmatter;
const { title, description, useKatex = false } = frontmatter;
const filePath = post?.id || '';
const category = filePath.split('/')[0];
function getTopicColor(category: string) {
switch (category) {
case 'algorithms':
return '#d50032';
case 'software':
return '#0073e6';
case 'operating-systems':
return '#009975';
case 'meditations':
return '#6a0dad';
default:
return '#000000';
}
}
const filePath = post?.id || "";
const category = filePath.split("/")[0];
const topicColor = getTopicColor(category);
---
<BaseLayout title={title} description={description} useKatex={useKatex}>
<slot name="head" slot="head">
<link rel="stylesheet" href="/styles/post.css" />
<link rel="stylesheet" href="/styles/mdx.css" />
{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" />
)}
<link rel="stylesheet" href="/styles/posts.css" />
{
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"
/>
)
}
</slot>
<div class="post-container" style={`--topic-color: ${topicColor};`}>
<header class="post-header">
<h1 class="post-title">{title}</h1>
<!-- Date removed from title as requested -->
{frontmatter.date && <p class="post-meta">{frontmatter.date}</p>}
</header>
<article class="post-article">
<slot />
</article>
</div>
<slot name="scripts" slot="scripts">
<script src="/scripts/dateHeadings.js" is:inline></script>
</slot>
</BaseLayout>