caperren/caperren-com
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Improved tagging
All checks were successful
Build and Test / determine_version (push) Successful in 6s
Details
Build and Test / test (push) Successful in 2s
Details
Build and Test / build_and_push (push) Successful in 39s
Details

Browse Source
This commit is contained in:
Corwin Perren
2025-03-08 01:14:48 -08:00
parent 9050faa239
commit 462b08911d
8 changed files with 43 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/layouts/BaseLayout.astro
View File

@@ -1,15 +1,17 @@
---
const pageTitle = Astro.props.title || "Corwin Perren";
const pageTitle = Astro.props.title ? `${Astro.props.title} - Corwin Perren`: "Corwin Perren";
---
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<meta charset="utf-8"/>
<link rel="icon" type="image/png" href="/favicon.png"/>
<meta name="viewport" content="width=device-width"/>
<meta name="generator" content={Astro.generator}/>
<title>{pageTitle}</title>
</head>
<body class="container mx-auto">
<h1>{pageTitle}</h1>
<slot/>
</body>
</html>

22
src/layouts/Layout.astro
View File

@@ -1,22 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>Corwin Perren</title>
</head>
<body>
<slot />
</body>
</html>
<style>
html,
body {
margin: 0;
width: 100%;
height: 100%;
}
</style>

17
src/pages/hobby/[id].astro
View File

@@ -1,17 +1,18 @@
---
import { getCollection, render } from 'astro:content';
import {getCollection, render} from 'astro:content';
import BaseLayout from "../../layouts/BaseLayout.astro";
// 1. Generate a new path for every collection entry
export async function getStaticPaths() {
const hobbies = await getCollection('hobbies');
return hobbies.map(hobby => ({
params: { id: hobby.id },
props: { hobby: hobby },
params: {id: hobby.id},
props: {hobby: hobby, title: hobby.id},
}));
}
// 2. For your template, you can get the entry directly from the prop
const { hobby } = Astro.props;
const { Content } = await render(hobby);
const {hobby} = Astro.props;
const {Content} = await render(hobby);
---
<h1>{hobby.id}</h1>
<Content />
<BaseLayout title={hobby.id}>
<Content/>
</BaseLayout>

33
src/pages/index.astro
View File

@@ -1,23 +1,27 @@
---
import { getCollection } from 'astro:content';
import {getCollection} from 'astro:content';
import BaseLayout from "../layouts/BaseLayout.astro";
const projects = await getCollection('projects');
const hobbies = await getCollection('hobbies');
---
<h1>My Projects</h1>
<ul>
{projects.map(project => (
<li><a href={`/project/${project.id}`}>{project.id}</a></li>
))}
</ul>
<BaseLayout>
<h1>My Projects</h1>
<ul>
{projects.map(project => (
<li><a href={`/project/${project.id}`}>{project.id}</a></li>
))}
</ul>
<h1>My Hobbies</h1>
<ul>
{hobbies.map(project => (
<li><a href={`/hobby/${project.id}`}>{project.id}</a></li>
))}
</ul>
</BaseLayout>
<h1>My Hobbies</h1>
<ul>
{hobbies.map(project => (
<li><a href={`/hobby/${project.id}`}>{project.id}</a></li>
))}
</ul>
<!--import BaseLayout from "../layouts/BaseLayout.astro";-->
<!--import { getCollection, render } from 'astro:content';-->
<!--import type { CollectionEntry } from 'astro:content';-->
@@ -46,4 +50,3 @@ const hobbies = await getCollection('hobbies');
<!--&lt;!&ndash; <div class="prose">&ndash;&gt;-->
<!--&lt;!&ndash; &lt;!&ndash;<Content />&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!--</BaseLayout>-->

17
src/pages/project/[id].astro
View File

@@ -1,17 +1,18 @@
---
import { getCollection, render } from 'astro:content';
import {getCollection, render} from 'astro:content';
import BaseLayout from "../../layouts/BaseLayout.astro";
// 1. Generate a new path for every collection entry
export async function getStaticPaths() {
const projects = await getCollection('projects');
return projects.map(project => ({
params: { id: project.id },
props: { project: project },
params: {id: project.id},
props: {project: project},
}));
}
// 2. For your template, you can get the entry directly from the prop
const { project } = Astro.props;
const { Content } = await render(project);
const {project} = Astro.props;
const {Content} = await render(project);
---
<h1>{project.id}</h1>
<Content />
<BaseLayout title={project.id}>
<Content/>
</BaseLayout>