sidski/kjelsrud.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🐛 Fixed helmet not showing unique page-title

Browse source 
Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
This commit is contained in:
Sid 2025-06-19 20:33:00 +02:00
parent d496e960e7
commit 2970e3043c
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
14 changed files with 29 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/BlogContainer.astro
View file

@ -3,12 +3,18 @@ import BaseHead from '../components/BaseHead.astro';
import BlogHeader from '../components/BlogHeader.astro';
import Footer from '../components/Footer.astro';
import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
interface Props {
title: string;
description: string;
}
const { title, description } = Astro.props;
---
<!DOCTYPE html>
<html lang="en">
<head>
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
<BaseHead title={SITE_TITLE + " | " + title} description={description} />
</head>
<body>
<section class="mx-auto max-w-3xl px-4 sm:px-6 xl:max-w-2xl xl:px-0">

10
src/components/SectionContainer.astro
View file

@ -3,13 +3,19 @@ import BaseHead from '../components/BaseHead.astro';
import Header from '../components/Header.astro';
import Footer from '../components/Footer.astro';
import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
interface Props {
title: string;
description: string;
}
const { title, description } = Astro.props;
---
<!DOCTYPE html>
<html lang="en">
<head>
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
</head>
<BaseHead title={SITE_TITLE + " | " + title} description={description} />
</head>
<body>
<section class="mx-auto max-w-3xl px-4 sm:px-6 xl:max-w-2xl xl:px-0">
<div class="flex flex-col h-screen">

2
src/layouts/BlogPost.astro
View file

@ -7,7 +7,7 @@ type Props = CollectionEntry<'blog'>['data'];
const { title, description, pubDate } = Astro.props;
---
<BlogContainer>
<BlogContainer title={title} description={description}>
<main class="flex flex-col flex-1 mb-auto break-words mt-4">
<article class="flex flex-col gap-1">
<h1 class="text-4xl font-extrabold">{title}</h1>

2
src/layouts/Gallery.astro
View file

@ -3,7 +3,7 @@ import SectionContainer from '../components/SectionContainer.astro';
const {frontmatter} = Astro.props;
---
<SectionContainer>
<SectionContainer title={"gallery: " + frontmatter.title} description={frontmatter.description}>
<main class="flex flex-col flex-1 mb-auto break-words mt-4">
<article>
<h1 class="text-3xl font-extrabold">[ gallery: {frontmatter.title} ]</h1>

2
src/layouts/Layout.astro
View file

@ -3,7 +3,7 @@ import SectionContainer from '../components/SectionContainer.astro';
const {frontmatter} = Astro.props;
---
<SectionContainer>
<SectionContainer title={frontmatter.title} description={frontmatter.description}>
<main class="flex flex-col flex-1 mb-auto break-words mt-4">
<article>
<h1 class="text-3xl font-bold">[ {frontmatter.title} ]</h1>

2
src/pages/appearances.astro
View file

@ -3,7 +3,7 @@ import SectionContainer from "../components/SectionContainer.astro";
import appearances from "../data/appearances.json";
---
<SectionContainer>
<SectionContainer title="appearances" description="where i’ve shared insights or participated">
<main class="flex flex-col flex-1 gap-2 mt-4">
<h1 class="text-3xl font-extrabold">[ Appearances ]</h1>
<div class="blog">

2
src/pages/blog/index.astro
View file

@ -20,7 +20,7 @@ const postsByYear = posts.reduce((acc:any, post) => {
// Sort the years
const sortedYears = Object.keys(postsByYear).sort((a:any, b:any) => b - a);
---
<SectionContainer>
<SectionContainer title="blog" description="">
<main class="flex flex-col gap-4 mt-4">
<h1 class="text-3xl font-extrabold">[ Blog ]</h1>
<a href="/rss.xml">💥 Subscribe via RSS</a>

2
src/pages/cv.astro
View file

@ -3,7 +3,7 @@ import SectionContainer from "../components/SectionContainer.astro";
import resume from "../data/resume.json";
---
<SectionContainer>
<SectionContainer title="cv" description="my resume">
<main class="flex flex-col gap-2 mt-4 cv">
<h1 class="text-3xl font-extrabold">{resume.basics.name}</h1>

2
src/pages/guestbook.astro
View file

@ -2,7 +2,7 @@
import SectionContainer from '../components/SectionContainer.astro';
---
<SectionContainer>
<SectionContainer title="guestbook" description="my websites guestbook">
<main>
<iframe src="https://guestbooks.meadow.cafe/guestbook/593" width="100%" height="1500" frameborder="0"></iframe>
</main>

2
src/pages/logs/bookshelf.astro
View file

@ -36,7 +36,7 @@ const booksByYear = booksRead.reduce((acc, book) => {
const sortedYears = Object.keys(booksByYear).sort((a: any, b: any) => b - a);
---
<SectionContainer>
<SectionContainer title="bookshelf" description="stuff i read">
<main class="flex flex-col flex-1 gap-4 mt-4">
<h1 class="text-3xl font-extrabold">[ Bookshelf ]</h1>
<h2 class="text-xl font-semibold">on the shelf</h2>

2
src/pages/logs/watchlist.astro
View file

@ -31,7 +31,7 @@ const tvByYear = watched.reduce((acc, tv) => {
const sortedYears = Object.keys(tvByYear).sort((a: any, b: any) => b - a);
---
<SectionContainer>
<SectionContainer title="watchlist" description="stuff i watch">
<main class="flex flex-col flex-1 gap-4 mt-4">
<h1 class="text-3xl font-extrabold">[ Watchlist ]</h1>

5
src/pages/quotes.astro
View file

@ -1,10 +1,9 @@
---
import SectionContainer from '../components/SectionContainer.astro';
import quotes from '../data/quotes.json'
const today = new Date();
---
<SectionContainer>
<main class="flex flex-col gap-4 mt-4">
<SectionContainer title="quotes" description="my favorite quotes">
<main class="flex flex-col gap-4 mt-4">
<h1 class="text-3xl font-extrabold">[ Quotes ]</h1>
<section>
<ul>

5
src/pages/todo.md
View file

@ -1,16 +1,15 @@
---
title: "TODOs"
title: "todo list"
description: ""
layout: "../layouts/Layout.astro"
---
> _Last update: June 02, 2025_
> _Last update: June 19, 2025_
List of changes and new features I plan for this website.
- Add log-page for wine/gin I like and have tried
- Add page dedicated to work I'm proud of
- Fix helmet to show individual site-titles instead of the same one
- Add `/concerts`-page (like [Kyrre](https://kyrremann.no/concert-vitae/) & [Wand3r](https://wand3r.net/concerts/))
- Add changelog to website using `git cliff -o CHANGELOG.md`
- Redo [/gallery](/gallery) (CLS error - concrete height for images, compressed thumbnails instead of real one, hover start preload + zoom a bit out, spinner for loading?) or rewrite it to something like [rizaldys ig clone](https://ig.rizaldy.club/)

2
src/pages/vinyl.astro
View file

@ -26,7 +26,7 @@ const vinylData = Object.keys(vinylByAlbumTitle).map(albumTitle => {
});
---
<SectionContainer>
<SectionContainer title="vinyl" description="my vinyl collection">
<main class="flex flex-col gap-4 mt-4">
<h1 class="text-3xl font-extrabold">[ Vinyl collection ]</h1>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-6">