itsfinniii/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix return for the LastProjects

Browse Source
This commit is contained in:
itsfinniii
2026-04-12 20:13:08 +02:00
parent 8bc95d0f50
commit 2374a6bd22
2 changed files with 16 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
astro/src/components/web/LastProjects.astro
View File

@@ -46,20 +46,22 @@ const size = calculateSizeClasses(projects.amount, lastProjects.length);
{ lastProjects.map((project) => { { lastProjects.map((project) => {
const imageSize = getImageSize(project.searchEngine.thumbnail.width, project.searchEngine.thumbnail.height, 0.5); const imageSize = getImageSize(project.searchEngine.thumbnail.width, project.searchEngine.thumbnail.height, 0.5);
<a href={getProjectRoute(settings.project, project)} class={`${size} flex flex-col gap-2`}> return (
<Image <a href={getProjectRoute(settings.project, project)} class={`${size} flex flex-col gap-2`}>
src={getImageUrl(project.searchEngine.thumbnail.url)} <Image
alt={project.title} src={getImageUrl(project.searchEngine.thumbnail.url)}
class="flex rounded-2xl shadow-md w-full" alt={project.title}
width={imageSize.width} class="flex rounded-2xl shadow-md w-full"
height={imageSize.height} width={imageSize.width}
/> height={imageSize.height}
<h4 class="font-semibold text-[28px]">{project.title}</h4> />
<div class="flex flex-row items-center gap-1.5 text-neutral-900 text-sm"> <h4 class="font-semibold text-[28px]">{project.title}</h4>
<CalendarIcon width={20} height={20} /> <div class="flex flex-row items-center gap-1.5 text-neutral-900 text-sm">
<div>{project.date}</div> <CalendarIcon width={20} height={20} />
</div> <div>{project.date}</div>
</a> </div>
</a>
)
}) } }) }
</div> </div>
</div> </div>

1
astro/src/content/projects/projects.ts
View File

@@ -5,7 +5,6 @@ import getProjects from '@/graphql/projects/getProjects.graphql';
import getProjectPost from '@/graphql/projects/getProject.graphql'; import getProjectPost from '@/graphql/projects/getProject.graphql';
import getLastProjectsQuery from '@/graphql/projects/getLastProjects.graphql'; import getLastProjectsQuery from '@/graphql/projects/getLastProjects.graphql';
import { getImageSize } from "@/lib/images"; import { getImageSize } from "@/lib/images";
import ParserBlock from "markdown-it/lib/parser_block.mjs";
export async function getAllProjects(settings: GlobalSettings): Promise<ProjectPost[]> { export async function getAllProjects(settings: GlobalSettings): Promise<ProjectPost[]> {
const client = await createDirectusConnection(); const client = await createDirectusConnection();