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

Make images the correct size by resizing them

Browse Source
This commit is contained in:
itsfinniii
2026-04-04 20:28:47 +02:00
parent 47e50a3ba4
commit 5c161b8381
6 changed files with 145 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,6 +4,8 @@ import { print } from "graphql";
import getProjects from '@/graphql/projects/getProjects.graphql';
import getProjectPost from '@/graphql/projects/getProject.graphql';
import getLastProjectsQuery from '@/graphql/projects/getLastProjects.graphql';
import { getImageSize } from "@/lib/images";
import ParserBlock from "markdown-it/lib/parser_block.mjs";
export async function getAllProjects(settings: GlobalSettings): Promise<ProjectPost[]> {
const client = await createDirectusConnection();
@@ -24,6 +26,9 @@ export async function getAllProjects(settings: GlobalSettings): Promise<ProjectP
projectRecord["search_engine"][0]["thumbnail"]["created_on"]
];
const projectThumbnailImage =
getImageSize(projectRecord["search_engine"][0]["thumbnail"]["width"], projectRecord["search_engine"][0]["thumbnail"]["height"], 0.756)
const project: ProjectPost = {
exists: true,
type: "ProjectPost",
@@ -41,8 +46,8 @@ export async function getAllProjects(settings: GlobalSettings): Promise<ProjectP
priority: projectRecord["search_engine"][0]["priority"],
thumbnail: {
url: projectRecord["search_engine"][0]["thumbnail"]["filename_disk"],
height: projectRecord["search_engine"][0]["thumbnail"]["height"],
width: projectRecord["search_engine"][0]["thumbnail"]["width"]
width: projectThumbnailImage.width,
height: projectThumbnailImage.height
}
},
tags: []
@@ -94,6 +99,9 @@ export async function getProject(settings: GlobalSettings, route: string): Promi
projectRecord["search_engine"][0]["thumbnail"]["created_on"]
];
const projectThumbnailImage =
getImageSize(projectRecord["search_engine"][0]["thumbnail"]["width"], projectRecord["search_engine"][0]["thumbnail"]["height"], 0.756)
const project: ProjectPost = {
type: "ProjectPost",
exists: true,
@@ -112,8 +120,8 @@ export async function getProject(settings: GlobalSettings, route: string): Promi
priority: projectRecord["search_engine"][0]["priority"],
thumbnail: {
url: projectRecord["search_engine"][0]["thumbnail"]["filename_disk"],
height: projectRecord["search_engine"][0]["thumbnail"]["height"],
width: projectRecord["search_engine"][0]["thumbnail"]["width"]
width: projectThumbnailImage.width,
height: projectThumbnailImage.height
}
},
tags: []
@@ -162,6 +170,9 @@ export async function getLastProjects(amount: number): Promise<ProjectPost[]> {
projectRecord["search_engine"][0]["thumbnail"]["created_on"]
];
const projectThumbnailImage =
getImageSize(projectRecord["search_engine"][0]["thumbnail"]["width"], projectRecord["search_engine"][0]["thumbnail"]["height"], 0.756)
const project: ProjectPost = {
exists: true,
type: "ProjectPost",
@@ -179,8 +190,8 @@ export async function getLastProjects(amount: number): Promise<ProjectPost[]> {
priority: projectRecord["search_engine"][0]["priority"],
thumbnail: {
url: projectRecord["search_engine"][0]["thumbnail"]["filename_disk"],
height: projectRecord["search_engine"][0]["thumbnail"]["height"],
width: projectRecord["search_engine"][0]["thumbnail"]["width"]
width: projectThumbnailImage.width,
height: projectThumbnailImage.height
}
},
tags: []
@@ -235,6 +246,9 @@ export async function getAllPaginatedProjects(settings: GlobalSettings, page: nu
projectRecord["search_engine"][0]["thumbnail"]["created_on"]
];
const projectThumbnailImage =
getImageSize(projectRecord["search_engine"][0]["thumbnail"]["width"], projectRecord["search_engine"][0]["thumbnail"]["height"], 0.756)
const project: ProjectPost = {
exists: true,
type: "ProjectPost",
@@ -252,8 +266,8 @@ export async function getAllPaginatedProjects(settings: GlobalSettings, page: nu
priority: projectRecord["search_engine"][0]["priority"],
thumbnail: {
url: projectRecord["search_engine"][0]["thumbnail"]["filename_disk"],
height: projectRecord["search_engine"][0]["thumbnail"]["height"],
width: projectRecord["search_engine"][0]["thumbnail"]["width"]
width: projectThumbnailImage.width,
height: projectThumbnailImage.height
}
},
tags: []