merged projects and games pages and restructured projects

This commit is contained in:
2025-08-17 15:10:09 +02:00
parent 077d8a7cf8
commit ac251d6420
5 changed files with 39 additions and 109 deletions

View File

@@ -54,13 +54,6 @@
img: "projects/project-mix.webp",
link: "projects",
},
{
title: "Games",
subtitle: "some small games I've made that are available online",
fullWidth: false,
img: "common/hypertext.webp",
link: "games",
},
{
title: "Files",
subtitle: "find things I've put for download on my <a href='https://github.com/9001/copyparty'>copyparty</a> instance",

View File

@@ -1,59 +0,0 @@
<script lang="ts">
import BannerTitleAlt from "$lib/banner-title-alt.svelte";
import ContentSidebar from "$lib/content-sidebar.svelte";
import TableOfContents from "$lib/table-of-contents.svelte";
import LinkList from "$lib/link-list.svelte";
import type { Project } from '$lib/projects';
import { games } from '$lib/projects';
</script>
<svelte:head>
<title>Games | denizk0461</title>
</svelte:head>
<BannerTitleAlt
title="Games"
banner="/projects/banner.webp"
subtitle="Just some small game projects"
/>
<ContentSidebar>
<TableOfContents slot="side-left" />
<div slot="main">
<p>Here you'll find all the game projects I've put online!</p>
{#each games as game}
{@render gameSummary({ game: game })}
{/each}
</div>
</ContentSidebar>
{#snippet gameSummary({
game
}: {
game: Project;
})}
<div>
<h3 id="{game.id}">{game.title}</h3>
{#if game.subtitle}
<p class="project-subtitle">» {game.subtitle}</p>
{/if}
{#if game.banner}
<div class="project-banner-container">
<img class="project-banner" src="{game.banner}">
{#if game.date}
<p class="project-date project-date-embed">{game.date}</p>
{/if}
</div>
{/if}
{#if game.icon}
<img class="project-icon" src="{game.icon}">
{/if}
{#each game.paragraphs as paragraph}
<p>{@html paragraph}</p>
{/each}
<LinkList entries={game.links} />
</div>
{/snippet}

View File

@@ -30,14 +30,29 @@
<Content>
<TableOfContents disableStickyScrolling={true} />
<h2>Active Projects</h2>
{#each getActiveProjects(projects, true) as activeProject}
{@render projectSummary({ project: activeProject })}
<h2 id="games">Games</h2>
{#each projects as project}
{#if project.type == "game"}
{@render projectSummary({ project: project })}
{/if}
{/each}
<h2>Past Projects</h2>
{#each getActiveProjects(projects, false) as pastProject}
{@render projectSummary({ project: pastProject })}
<h2 id="hardware">Hardware</h2>
{#each projects as project}
{#if project.type == "hardware"}
{@render projectSummary({ project: project })}
{/if}
{/each}
<h2 id="apps">Apps</h2>
{#each projects as project}
{#if project.type == "app"}
{@render projectSummary({ project: project })}
{/if}
{/each}
<h2 id="music">Music</h2>
{#each projects as project}
{#if project.type == "music"}
{@render projectSummary({ project: project })}
{/if}
{/each}
</Content>