trafficlunar/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: don't rely on api for most projects' data

Browse source
This commit is contained in:
trafficlunar 2025-09-27 14:12:19 +01:00
parent 658bc3b5e6
commit d13017ed71
1 changed files with 46 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
src/components/Projects.svelte
View file

@ -6,7 +6,7 @@
owner: string;
name: string;
description: string;
stars: number;
stargazers_count: number;
language: string;
url: string;
color?: string;
@ -28,22 +28,46 @@
Svelte: "bg-[#ff3e00]",
};
const additionalData: Record<string, { websiteUrl?: string; year?: number; image?: string }> = {
const additionalData: Record<string, Partial<Project>> = {
"tomodachi-share": {
owner: "trafficlunar",
description: "Discover and share Mii residents for your Tomodachi Life island!",
url: "https://github.com/trafficlunar/tomodachi-share",
websiteUrl: "https://tomodachishare.com",
year: 2025,
image: "/projects/tomodachi-share.png",
},
blockmatic: {
owner: "trafficlunar",
description: "Online pixel art editor for Minecraft (with support for images!)",
url: "https://github.com/trafficlunar/blockmatic",
websiteUrl: "https://blockmatic.trafficlunar.net",
year: 2024,
image: "/projects/blockmatic.png",
},
"options-profiles": {
owner: "trafficlunar",
description: "A Minecraft mod that lets you load and save your options from in-game",
url: "https://github.com/trafficlunar/options-profiles",
websiteUrl: "https://modrinth.com/mod/options-profiles",
year: 2023,
image: "/projects/options-profiles.png",
},
website: {
owner: "trafficlunar",
description: "You're on it right now! My personal website (also hosted on nekoweb!)",
url: "https://github.com/trafficlunar/website",
},
api: {
owner: "trafficlunar",
description: "Backend for my website and small projects",
url: "https://github.com/trafficlunar/api",
},
"computer-statistics": {
owner: "trafficlunar",
description: "A very simple application to send computer statistics (CPU, RAM, keyboard presses, etc.) to my API",
url: "https://github.com/trafficlunar/computer-statistics",
},
};
let leftColumn: Project[] = $state([]);
@ -70,35 +94,25 @@
});
</script>
{#snippet projectColumn(data: Project[])}
<div class="flex flex-col gap-4">
{#each data as project}
<ProjectCard
name={project.name}
description={project.description}
sourceUrl={project.url}
stars={project.stargazers_count}
color={project.color}
language={project.language}
websiteUrl={project.websiteUrl}
year={project.year}
image={project.image}
/>
{/each}
</div>
{/snippet}
<div class="grid grid-cols-2 gap-4 max-sm:grid-cols-1">
<div class="flex flex-col gap-4">
{#each leftColumn as project}
<ProjectCard
name={project.name}
description={project.description}
sourceUrl={project.url}
stars={project.stars}
color={project.color}
language={project.language}
websiteUrl={project.websiteUrl}
year={project.year}
image={project.image}
/>
{/each}
</div>
<div class="flex flex-col gap-4">
{#each rightColumn as project}
<ProjectCard
name={project.name}
description={project.description}
sourceUrl={project.url}
stars={project.stars}
color={project.color}
language={project.language}
websiteUrl={project.websiteUrl}
year={project.year}
image={project.image}
/>
{/each}
</div>
{@render projectColumn(leftColumn)}
{@render projectColumn(rightColumn)}
</div>