denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed games page to display project entries; moved games from project page to games

Browse Source
This commit is contained in:
denizk0461
2025-07-25 11:44:06 +02:00
parent 029496d81e
commit f63d9732c6
5 changed files with 110 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/routes/projects/projects.ts → src/lib/projects.ts
View File

@@ -75,46 +75,6 @@ export const projects: Project[] = [
},
],
},
{
id: "swordsnstuff",
isActive: false,
banner: "/projects/swordsnstuff/banner.webp",
icon: "",
title: "Swords & Stuff",
subtitle: "Unity 2D RPG",
paragraphs: [
"<b>Swords & Stuff</b> (working title) was an RPG inspired by Dragon Quest IX. Traverse the world with a party of up to 4 characters, each with their individual equiment, skills, and vocations, and fight monsters to gain experience!",
"This game was my first shot at 2D Unity development, which had proven quite fun, but also a little cumbersome at times. Unfortunately, I will not continue the project in its current form, since even though I don't expect to earn any money from my games, let alone publish them on a commercial platform, Unity's TOS changes in mid-2023 made me reconsider my decision to use the platform and I hence abandoned the project. I used this opportunity to learn to use Godot, which I will use for my future projects.",
"A working, but very early-in-development version of the game is still up on this website. It features a testing overworld in which you can move the cast of four characters: Player1, fraxiom64, proudrat, and Grampa Simpson. The enemies, trolldads, chase you and take you into a battle scene that has a functioning queue, but no damage and health mechanics. You can flee battles. Don't open the inventory – you cannot escape it.",
],
links: [
{
text: "Play <b>Swords & Stuff</b>",
link: "/games/swordsnstuff",
},
],
},
{
id: "tads",
isActive: false,
banner: "/projects/tads/banner.webp",
icon: "/projects/tads/icon.webp",
title: "Totally Accurate Dating Simulator",
subtitle: "HTML Text Adventure",
paragraphs: [
"<b>Totally Accurate Dating Simulator</b> is, as the name suggests, a series of particularly realistic dating simulator experiences. Dive into a world of romance as you meet your matches, intriguing and disappointing. Who will you meet? Will it be someone your type? That's subjective, and the computer will not even slightly attempt to match you with someone suitable. Prepare yourself for matches that are rarely described with \"intriguing\" and much more frequently with \"funny.\" Discover which of the 28 endings will determine your fate, and lower your expectations. Significantly.",
],
links: [
{
text: "Play <b>TADS 1</b>",
link: "/projects/tads/tads1",
},
{
text: "Play <b>TADS 2</b>",
link: "/projects/tads/tads2",
},
],
},
{
id: "weserplaner",
isActive: false,
@@ -268,3 +228,48 @@ export const projects: Project[] = [
],
},
];
export const games: Project[] = [
{
id: "swordsnstuff",
isActive: false,
banner: "/projects/swordsnstuff/banner.webp",
icon: "",
title: "Swords & Stuff",
subtitle: "Unity 2D RPG",
paragraphs: [
"<b>Swords & Stuff</b> (working title) was an RPG inspired by Dragon Quest IX. Traverse the world with a party of up to 4 characters, each with their individual equiment, skills, and vocations, and fight monsters to gain experience!",
"This game was my first shot at 2D Unity development, which had proven quite fun, but also a little cumbersome at times. Unfortunately, I will not continue the project in its current form, since even though I don't expect to earn any money from my games, let alone publish them on a commercial platform, Unity's TOS changes in mid-2023 made me reconsider my decision to use the platform and I hence abandoned the project. I used this opportunity to learn to use Godot, which I will use for my future projects.",
"A working, but very early-in-development version of the game is still up on this website. It features a testing overworld in which you can move the cast of four characters: Player1, fraxiom64, proudrat, and Grampa Simpson. The enemies, trolldads, chase you and take you into a battle scene that has a functioning queue, but no damage and health mechanics. You can flee battles. Don't open the inventory – you cannot escape it.",
],
links: [
{
text: "Play <b>Swords & Stuff</b>",
link: "/games/swordsnstuff",
},
],
},
{
id: "tads",
isActive: false,
banner: "/projects/tads/banner.webp",
icon: "/projects/tads/icon.webp",
title: "Totally Accurate Dating Simulator",
subtitle: "HTML Text Adventure",
paragraphs: [
"<b>Totally Accurate Dating Simulator</b> is, as the name suggests, a series of particularly realistic dating simulator experiences. Dive into a world of romance as you meet your matches, intriguing and disappointing. Who will you meet? Will it be someone your type? That's subjective, and the computer will not even slightly attempt to match you with someone suitable. Prepare yourself for matches that are rarely described with \"intriguing\" and much more frequently with \"funny.\" Discover which of the 28 endings will determine your fate, and lower your expectations. Significantly.",
],
links: [
{
text: "Play <b>TADS 1</b>",
link: "/projects/tads/tads1",
},
{
text: "Play <b>TADS 2</b>",
link: "/projects/tads/tads2",
},
],
},
]

21
src/routes/+layout.svelte
View File

@@ -273,5 +273,26 @@
0% calc(100% - var(--notch-size-small))
);
}
.project-subtitle {
color: var(--color-highlight);
font-weight: 700;
font-style: italic;
margin-top: 0;
font-family: var(--font-mono);
}
.project-banner {
width: 80%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.project-icon {
float: left;
margin: 16px 16px 16px 0;
width: 20%;
}
}
</style>

52
src/routes/games/+page.svelte
View File

@@ -1,7 +1,10 @@
<script lang="ts">
import BannerTitleAlt from "$lib/banner-title-alt.svelte";
import Content from "$lib/content.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>
@@ -14,21 +17,38 @@
subtitle="Just some small game projects"
/>
<Content>
<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>
<p>Do note: the things on here are mostly quick projects, largely unfinished, and possibly not fun.</p>
</ContentSidebar>
<LinkList entries={
[
{
text: "Swords & Stuff – Unity 2D RPG (unfinished)",
link: "swordsnstuff",
},
{
text: "Magician – Online Multiplayer Card Game (not playable)",
link: "magician",
}
]
}></LinkList>
</Content>
{#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}
<img class="project-banner" src="{game.banner}">
{/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}

33
src/routes/projects/+page.svelte
View File

@@ -2,8 +2,8 @@
import BannerTitleAlt from "$lib/banner-title-alt.svelte";
import TableOfContents from "$lib/table-of-contents.svelte";
import Content from "$lib/content.svelte";
import type { Project } from './projects';
import { projects } from './projects';
import type { Project } from '$lib/projects';
import { projects } from '$lib/projects';
import LinkList from "$lib/link-list.svelte";
let getActiveProjects = function(projects: Project[], isActive: boolean): Project[] {
@@ -49,13 +49,13 @@
<div>
<h3 id="{project.id}">{project.title}</h3>
{#if project.subtitle}
<p class="subtitle">» {project.subtitle}</p>
<p class="project-subtitle">» {project.subtitle}</p>
{/if}
{#if project.banner}
<img class="banner" src="{project.banner}">
<img class="project-banner" src="{project.banner}">
{/if}
{#if project.icon}
<img class="icon" src="{project.icon}">
<img class="project-icon" src="{project.icon}">
{/if}
{#each project.paragraphs as paragraph}
<p>{@html paragraph}</p>
@@ -63,26 +63,3 @@
<LinkList entries={project.links} />
</div>
{/snippet}
<style>
.subtitle {
color: var(--color-highlight);
font-weight: 700;
font-style: italic;
margin-top: 0;
font-family: var(--font-mono);
}
.banner {
width: 80%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.icon {
float: left;
margin: 16px 16px 16px 0;
width: 20%;
}
</style>

1
src/routes/projects/projectn5/devlog/2025/0523/+page.svelte
View File

@@ -2,7 +2,6 @@
import BannerTitleAlt from "$lib/banner-title-alt.svelte";
import ContentSidebar from "$lib/content-sidebar.svelte";
import TableOfContents from "$lib/table-of-contents.svelte";
import Video from "$lib/video.svelte";
</script>
<svelte:head>