merged projects and games pages and restructured projects
This commit is contained in:
@@ -7,8 +7,6 @@
|
||||
<span>»</span>
|
||||
<a href="/projects">Projects</a>
|
||||
<span> // </span>
|
||||
<a href="/games">Games</a>
|
||||
<span> // </span>
|
||||
<a href="/about">About</a>
|
||||
<span>«</span>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
export interface Project {
|
||||
id: string;
|
||||
type: string; // currently used types: game, app, hardware, music
|
||||
isActive: boolean; // whether the project is currently active (true) or a past project (false)
|
||||
banner: string;
|
||||
icon: string;
|
||||
@@ -18,6 +19,7 @@ export interface Link {
|
||||
export const projects: Project[] = [
|
||||
{
|
||||
id: "projectn5",
|
||||
type: "game",
|
||||
isActive: true,
|
||||
banner: "/projects/projectn5/banner.webp",
|
||||
icon: "",
|
||||
@@ -26,7 +28,7 @@ export const projects: Project[] = [
|
||||
subtitle: "",
|
||||
paragraphs: [
|
||||
"I'm currently working on a game developed using Godot, entitled Project N5! It's aiming to be an action-adventure 3D jump & run heavily inspired by games such as <a href='https://en.wikipedia.org/wiki/Ratchet_%26_Clank'>Ratchet & Clank</a>.",
|
||||
"I maintain a development log on this website, feel free to check it out if you're curious!",
|
||||
"I maintain a development log on this website, feel free to check it out if you're curious! Or play some of the old builds available for download below.",
|
||||
],
|
||||
links: [
|
||||
{
|
||||
@@ -45,6 +47,7 @@ export const projects: Project[] = [
|
||||
},
|
||||
{
|
||||
id: "projektike",
|
||||
type: "game",
|
||||
isActive: true,
|
||||
banner: "/projects/projektike/banner.webp",
|
||||
icon: "",
|
||||
@@ -63,6 +66,7 @@ export const projects: Project[] = [
|
||||
},
|
||||
{
|
||||
id: "daisyfm",
|
||||
type: "hardware",
|
||||
isActive: false,
|
||||
banner: "/projects/daisyfm/banner.webp",
|
||||
icon: "",
|
||||
@@ -78,17 +82,18 @@ export const projects: Project[] = [
|
||||
link: "/projects/daisyfm",
|
||||
},
|
||||
{
|
||||
text: "Get the PCB and STL files",
|
||||
text: "Get the <b>PCB and STL files</b>",
|
||||
link: "//files.denizk0461.dev/daisyfm/",
|
||||
},
|
||||
{
|
||||
text: "View the repository",
|
||||
text: "View the code files on <b>Codeberg</b>",
|
||||
link: "https://codeberg.org/denizk0461/daisy-fm-synth",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "weserplaner",
|
||||
type: "app",
|
||||
isActive: false,
|
||||
banner: "/projects/weserplaner/banner.webp",
|
||||
icon: "/projects/weserplaner/icon.webp",
|
||||
@@ -113,6 +118,7 @@ export const projects: Project[] = [
|
||||
},
|
||||
{
|
||||
id: "textbasic",
|
||||
type: "app",
|
||||
isActive: false,
|
||||
banner: "",
|
||||
icon: "/projects/textbasic/icon.webp",
|
||||
@@ -136,6 +142,7 @@ export const projects: Project[] = [
|
||||
},
|
||||
{
|
||||
id: "dreamworld",
|
||||
type: "music",
|
||||
isActive: false,
|
||||
banner: "/projects/dreamworld/banner.webp",
|
||||
icon: "/projects/dreamworld/icon.webp",
|
||||
@@ -165,6 +172,7 @@ export const projects: Project[] = [
|
||||
},
|
||||
{
|
||||
id: "qwark",
|
||||
type: "app",
|
||||
isActive: false,
|
||||
banner: "",
|
||||
icon: "/projects/qwark/icon.webp",
|
||||
@@ -185,6 +193,7 @@ export const projects: Project[] = [
|
||||
},
|
||||
{
|
||||
id: "avhplan",
|
||||
type: "app",
|
||||
isActive: false,
|
||||
banner: "",
|
||||
date: "April 2019 – March 2020",
|
||||
@@ -210,6 +219,7 @@ export const projects: Project[] = [
|
||||
},
|
||||
{
|
||||
id: "anewbeginning",
|
||||
type: "music",
|
||||
isActive: false,
|
||||
banner: "",
|
||||
icon: "/projects/anewbeginning/icon.webp",
|
||||
@@ -237,6 +247,7 @@ export const projects: Project[] = [
|
||||
},
|
||||
{
|
||||
id: "soundcloud",
|
||||
type: "music",
|
||||
isActive: false,
|
||||
banner: "",
|
||||
icon: "/projects/soundcloud/icon.webp",
|
||||
@@ -257,13 +268,9 @@ export const projects: Project[] = [
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
|
||||
export const games: Project[] = [
|
||||
{
|
||||
id: "magician",
|
||||
type: "game",
|
||||
isActive: false,
|
||||
banner: "/projects/magician/banner.webp",
|
||||
icon: "",
|
||||
@@ -280,34 +287,9 @@ export const games: Project[] = [
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "projectn5",
|
||||
isActive: false,
|
||||
banner: "/projects/projectn5/banner.webp",
|
||||
icon: "",
|
||||
date: "September 2023 – June 2025",
|
||||
title: "Project N5",
|
||||
subtitle: "Action-Adventure Jump & Run",
|
||||
paragraphs: [
|
||||
"<b>Project N5</b> is the deprecated version of my current game. The old version is available to play in-browser, plus some downloads of several Windows builds.",
|
||||
],
|
||||
links: [
|
||||
{
|
||||
text: "View the <b>development log</b>",
|
||||
link: "/projects/projectn5/devlog",
|
||||
},
|
||||
{
|
||||
text: "Play <b>Project N5</b> (last build)",
|
||||
link: "//apps.denizk0461.dev/projectn5",
|
||||
},
|
||||
{
|
||||
text: "Download the <b>old Windows builds</b>",
|
||||
link: "//files.denizk0461.dev/projectn5",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "swordsnstuff",
|
||||
type: "game",
|
||||
isActive: false,
|
||||
banner: "/projects/swordsnstuff/banner.webp",
|
||||
icon: "",
|
||||
@@ -328,6 +310,7 @@ export const games: Project[] = [
|
||||
},
|
||||
{
|
||||
id: "tads",
|
||||
type: "game",
|
||||
isActive: false,
|
||||
banner: "/projects/tads/banner.webp",
|
||||
icon: "/projects/tads/icon.webp",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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}
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user