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

added all content to projects page

Browse Source
This commit is contained in:
denizk0461
2025-04-01 21:30:20 +02:00
parent 25df78ba9c
commit 125923a265
23 changed files with 207 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,13 +1,32 @@
<script lang="ts">
import BannerTitle from "$lib/banner-title.svelte";
import Header from "$lib/header.svelte";
import type { Project, Link } from './projects';
import type { Project } from './projects';
import { projects } from './projects';
let getActiveProjects = function(projects: Project[], isActive: boolean): Project[] {
var result: Project[] = [];
projects.forEach(project => {
if (project.isActive == isActive) {
result.push(project);
}
});
return result;
}
</script>
<Header />
{#each projects as project}
{@render projectSummary({ project })}
<BannerTitle title="My Disordered Projects" banner="projects/banner.webp" />
<h2>Active Projects</h2>
{#each getActiveProjects(projects, true) as activeProject}
{@render projectSummary({ project: activeProject })}
{/each}
<h2>Past Projects</h2>
{#each getActiveProjects(projects, false) as pastProject}
{@render projectSummary({ project: pastProject })}
{/each}
{#snippet projectSummary({
@@ -17,6 +36,15 @@
})}
<div>
<h3 id="{project.id}">{project.title}</h3>
{#if project.subtitle}
<p class="subtitle">» {project.subtitle}</p>
{/if}
{#if project.banner}
<img class="banner" src="{project.banner}">
{/if}
{#if project.icon}
<img class="icon" src="{project.icon}">
{/if}
{#each project.paragraphs as paragraph}
<p>{@html paragraph}</p>
{/each}
@@ -26,4 +54,26 @@
{/each}
</ul>
</div>
{/snippet}
{/snippet}
<style>
.subtitle {
color: var(--color-highlight);
font-weight: 700;
font-style: italic;
margin-top: 0;
}
.banner {
width: 80%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.icon {
float: left;
margin: 16px 16px 16px 0;
width: 20%;
}
</style>

71
src/routes/projects/projects.ts
View File

@@ -1,7 +1,8 @@
export interface Project {
id: string;
bannerImg: string;
iconImg: string;
isActive: boolean; // whether the project is currently active (true) or a past project (false)
banner: string;
icon: string;
title: string;
subtitle: string;
paragraphs: string[];
@@ -16,8 +17,9 @@ export interface Link {
export const projects: Project[] = [
{
id: "projectn5",
bannerImg: "",
iconImg: "",
isActive: true,
banner: "/projects/projectn5/banner.webp",
icon: "",
title: "Project N5",
subtitle: "",
paragraphs: [
@@ -33,8 +35,9 @@ export const projects: Project[] = [
},
{
id: "projektike",
bannerImg: "",
iconImg: "",
isActive: true,
banner: "/projects/projektike/banner.webp",
icon: "",
title: "Projektike",
subtitle: "Wizard Game",
paragraphs: [
@@ -49,8 +52,9 @@ export const projects: Project[] = [
},
{
id: "daisyfm",
bannerImg: "",
iconImg: "",
isActive: false,
banner: "/projects/daisyfm/banner.webp",
icon: "",
title: "Daisy",
subtitle: "Electro-Smith Daisy-based FM synth",
paragraphs: [
@@ -73,8 +77,9 @@ export const projects: Project[] = [
},
{
id: "swordsnstuff",
bannerImg: "",
iconImg: "",
isActive: false,
banner: "/projects/swordsnstuff/banner.webp",
icon: "",
title: "Swords & Stuff",
subtitle: "Unity 2D RPG",
paragraphs: [
@@ -90,9 +95,10 @@ export const projects: Project[] = [
],
},
{
id: "",
bannerImg: "",
iconImg: "",
id: "tads",
isActive: false,
banner: "/projects/tads/banner.webp",
icon: "/projects/tads/icon.webp",
title: "Totally Accurate Dating Simulator",
subtitle: "HTML Text Adventure",
paragraphs: [
@@ -111,8 +117,9 @@ export const projects: Project[] = [
},
{
id: "weserplaner",
bannerImg: "",
iconImg: "",
isActive: false,
banner: "/projects/weserplaner/banner.webp",
icon: "/projects/weserplaner/icon.webp",
title: "WeserPlaner",
subtitle: "University Timetable & Canteen Info App",
paragraphs: [
@@ -133,8 +140,9 @@ export const projects: Project[] = [
},
{
id: "textbasic",
bannerImg: "",
iconImg: "",
isActive: false,
banner: "",
icon: "/projects/textbasic/icon.webp",
title: "Text Basic",
subtitle: "Extremely Basic Text Widget App",
paragraphs: [
@@ -154,8 +162,9 @@ export const projects: Project[] = [
},
{
id: "dreamworld",
bannerImg: "",
iconImg: "",
isActive: false,
banner: "",
icon: "/projects/dreamworld/icon.webp",
title: "Dreamworld",
subtitle: "My First Album",
paragraphs: [
@@ -177,10 +186,11 @@ export const projects: Project[] = [
},
{
id: "anewbeginning",
bannerImg: "",
iconImg: "",
isActive: false,
banner: "",
icon: "/projects/anewbeginning/icon.webp",
title: "A New Beginning",
subtitle: "????",
subtitle: "",
paragraphs: [
"<b>A New Beginning</b> is an EP I wrote back in 2018 in an effort to change up my production style. Originally, this EP was released as <i>A New Beginning (3-Track)</i>, featuring A New Beginning as <i>Nowy Początek</i> and <i>Farewell</i> in two different versions, one being an instrumental titled <i>Trzymajcie Się</i>, and the other one being a bootleg of Kelly Clarkson's <i>Behind These Hazel Eyes</i> called <i>Behind These Hazel Eyes (D4rkn355 'Farewell' Bootleg)</i>! For copyright reasons, the bootleg never made it onto Spotify.",
"This EP, to me, represents the start of a deviation in tone, production quality, and musical style from my previous works. While it was only a start, I am quite proud of the works I produced.",
@@ -198,8 +208,9 @@ export const projects: Project[] = [
},
{
id: "qwark",
bannerImg: "",
iconImg: "",
isActive: false,
banner: "",
icon: "/projects/qwark/icon.webp",
title: "Qwark Grade Log",
subtitle: "Grade Logging App",
paragraphs: [
@@ -215,9 +226,10 @@ export const projects: Project[] = [
],
},
{
id: "avh-plan",
bannerImg: "",
iconImg: "",
id: "avhplan",
isActive: false,
banner: "",
icon: "/projects/avhplan/icon.webp",
title: "AvH-Vertretungsplan",
subtitle: "Substitution Plan App",
paragraphs: [
@@ -235,8 +247,9 @@ export const projects: Project[] = [
},
{
id: "soundcloud",
bannerImg: "",
iconImg: "",
isActive: false,
banner: "",
icon: "/projects/soundcloud/icon.webp",
title: "Soundcloud",
subtitle: "Demo Dump & Archive",
paragraphs: [