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

added favourite tracks to albums page

Browse Source
This commit is contained in:
denizk0461
2025-08-26 18:21:05 +02:00
parent 8f7d1c3f8d
commit 31ecdc9600
11 changed files with 398 additions and 401 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/lib/footer.svelte
View File

@@ -16,9 +16,10 @@
<footer>
<SeparatorLine noMargin />
<div class="content-container">
<div class="content-box center-box">
<p>〔 2023–2025 〕<i>denizk0461</i></p>
<p>〔 2023–2025 〕denizk0461</p>
</div>
<div class="content-box">
<h6>Content</h6>

375
src/lib/likedalbums.ts
View File

@@ -1,375 +0,0 @@
export interface AlbumEntry {
artist: string;
title: string;
year: number;
img: string;
description: string[];
};
export const albums: Map<string, AlbumEntry> = new Map<string, AlbumEntry>([
[
"acloudyskye_wdyw", {
artist: "acloudyskye",
title: "What Do You Want!",
year: 2022,
img: "acloudyskye_02_wdyw.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"acloudyskye_tmbsh", {
artist: "acloudyskye",
title: "There Must Be Something Here",
year: 2024,
img: "acloudyskye_03_tmbsh.webp",
description: [
"test 1",
"test 2",
"test 3",
],
},
],
[
"acloudyskye_twbtlt", {
artist: "acloudyskye",
title: "This Won't Be The Last Time",
year: 2025,
img: "acloudyskye_04_twbtlt.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"avicii_true", {
artist: "Avicii",
title: "True",
year: 2013,
img: "avicii_01_true.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"avicii_trueaba", {
artist: "Avicii",
title: "True (Avicii by Avicii)",
year: 2014,
img: "avicii_02_trueaba.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"avicii_avici01", {
artist: "Avicii",
title: "Avīci (01)",
year: 2017,
img: "avicii_04_avici01.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"benboehmer_breathing", {
artist: "Ben Böhmer",
title: "Breathing",
year: 2019,
img: "benboehmer_01_breathing.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"bitbird_ct3", {
artist: "bitbird artists",
title: "create together vol. 3",
year: 2022,
img: "bitbird_ct3.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"bitbird_gf4", {
artist: "bitbird artists",
title: "Gouldian Finch 4",
year: 2021,
img: "bitbird_gf4.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"brakence_hypochondriac", {
artist: "brakence",
title: "hypochondriac",
year: 2022,
img: "brakence_04_hypochondriac.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"duskus_healersvol1", {
artist: "Duskus",
title: "Healers Vol. 1",
year: 2023,
img: "duskus_02_healersvol1.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"fromtheheart_thiok", {
artist: "FROMTHEHEART",
title: '"things happen, it\'s ok!"',
year: 2020,
img: "fromtheheart_thiok.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"gabbystart_alex", {
artist: "gabby start",
title: "alex",
year: 2022,
img: "gabbystart_02_alex.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"illenium_ashes", {
artist: "ILLENIUM",
title: "Ashes",
year: 2016,
img: "illenium_01_ashes.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"illenium_awake", {
artist: "ILLENIUM",
title: "Awake",
year: 2017,
img: "illenium_02_awake.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"illenium_ascend", {
artist: "ILLENIUM",
title: "ASCEND",
year: 2019,
img: "illenium_03_ascend.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"janeremover_teenweek", {
artist: "Jane Remover",
title: "Teen Week",
year: 2021,
img: "janeremover_01_teenweek.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"janeremover_frailty", {
artist: "Jane Remover",
title: "Frailty",
year: 2021,
img: "janeremover_02_frailty.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"janeremover_censusdesignated", {
artist: "Jane Remover",
title: "Census Designated",
year: 2023,
img: "janeremover_03_censusdesignated.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"janeremover_revengeseekerz", {
artist: "Jane Remover",
title: "Revengeseekerz",
year: 2025,
img: "janeremover_04_revengeseekerz.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"jaron_ihtsc", {
artist: "Jaron",
title: "it's hard to see color [When You're So Impossibly Far Away*]",
year: 2022,
img: "jaron_02_ihtsc.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"jaron_lightyears", {
artist: "Jaron",
title: "LIGHTYEARS",
year: 2024,
img: "jaron_03_lightyears.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"kasbo_pwdk", {
artist: "Kasbo",
title: "Places We Don't Know",
year: 2018,
img: "kasbo_01_pwdk.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"kasbo_tmoap", {
artist: "Kasbo",
title: "The Making of a Paracosm",
year: 2020,
img: "kasbo_02_tmoap.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"kaskade_christmas", {
artist: "Kaskade",
title: "Kaskade Christmas Deluxe",
year: 2018,
img: "kaskade_christmas.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"kmoe_k1", {
artist: "kmoe",
title: "K1",
year: 2025,
img: "kmoe_01_k1.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"knapsack_futura", {
artist: "Knapsack",
title: "futura",
year: 2018,
img: "knapsack_02_futura.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
[
"knapsack_stem", {
artist: "Knapsack",
title: "Stem",
year: 2025,
img: "knapsack_04_stem.webp",
description: [
"test 1",
"test 2",
"test 3",
],
}
],
]);

2
src/routes/+page.svelte
View File

@@ -6,7 +6,7 @@
import LinkList from "$lib/link-list.svelte";
import { quotes, type Quote } from "./quotes";
import { posts } from "$lib/devlog-posts";
import { posts } from "./projects/projectn5/devlog/devlog-posts";
var lastIndex = -1;
let meImg: string = $state("common/me/a.webp");

60
src/routes/garden/music/+page.svelte
View File

@@ -1,14 +1,16 @@
<script lang="ts">
import BannerTitleAlt from "$lib/banner-title-alt.svelte";
import Content from "$lib/content.svelte";
import { albums, type AlbumEntry } from "$lib/likedalbums";
import { albums, type AlbumEntry } from "./likedalbums";
let highlightedAlbum: AlbumEntry = $state({
"artist": "",
"description": [],
"img": "",
"title": "",
"year": 0,
artist: "",
description: [],
img: "",
title: "",
year: 0,
favouriteTrack: "",
lastUpdated: "",
});
let albumClicked = function(key: string) {
@@ -17,13 +19,13 @@
</script>
<svelte:head>
<title>My Liked Music | denizk0461</title>
<title>Music I Like | denizk0461</title>
</svelte:head>
<BannerTitleAlt
title="My Liked Music"
title="Music I Like"
banner="/projects/banner.webp"
subtitle="A look into my music taste"
subtitle="A look into my auditory taste"
/>
<Content>
@@ -38,16 +40,21 @@
</div>
</Content>
{#snippet albumShowcase({
album,
}: {
album: AlbumEntry;
})}
<img class="album-showcase-img" alt="Album art for {album.artist} – {album.title}">
{#snippet albumShowcase({ album }: { album: AlbumEntry; })}
<div class="album-container">
<img class="album-showcase-img" src="{album.img}" alt="Album art for {album.artist} – {album.title}">
<div class="album-text-container">
<h2 class="album-showcase-title">{album.artist} – {album.title}</h2>
{#if album.description.length == 0}
<p class="album-showcase-paragraph">nothing here yet</p>
{:else}
{#each album.description as paragraph}
<p class="album-showcase-paragraph">{paragraph}</p>
{/each}
{/if}
<p class="album-showcase-fav"><i>Favourite track:</i> <b>{album.favouriteTrack}</b></p>
</div>
</div>
{/snippet}
{#snippet albumButton({
@@ -75,7 +82,8 @@
}
.album-showcase-img {
width: 20%;
margin: 16px;
}
.album-showcase-title {
@@ -86,6 +94,16 @@
}
.album-showcase-fav {
background-color: var(--color-highlight);
padding: 2px 6px;
font-family: var(--font-mono);
color: var(--color-text-dark);
font-size: 1.1rem;
width: fit-content;
font-weight: 500;
}
.album-button-container {
display: flex;
flex-direction: row;
@@ -112,4 +130,14 @@
padding: 2px;
box-sizing: border-box;
}
.album-container {
display: flex;
flex-flow: row;
justify-content: flex-start;
}
.album-text-container {
width: 80%;
}
</style>

338
src/routes/garden/music/likedalbums.ts Normal file
View File

@@ -0,0 +1,338 @@
export interface AlbumEntry {
artist: string;
title: string;
year: number;
favouriteTrack: string;
lastUpdated: string;
img: string;
description: string[];
};
export const albums: Map<string, AlbumEntry> = new Map<string, AlbumEntry>([
[
"acloudyskye_wdyw", {
artist: "acloudyskye",
title: "What Do You Want!",
year: 2022,
favouriteTrack: "Curses",
lastUpdated: "",
img: "acloudyskye_02_wdyw.webp",
description: [
],
}
],
[
"acloudyskye_tmbsh", {
artist: "acloudyskye",
title: "There Must Be Something Here",
year: 2024,
favouriteTrack: "Relay",
lastUpdated: "",
img: "acloudyskye_03_tmbsh.webp",
description: [
],
},
],
[
"acloudyskye_twbtlt", {
artist: "acloudyskye",
title: "This Won't Be The Last Time",
year: 2025,
favouriteTrack: "Float",
lastUpdated: "",
img: "acloudyskye_04_twbtlt.webp",
description: [
],
}
],
[
"avicii_true", {
artist: "Avicii",
title: "True",
year: 2013,
favouriteTrack: "Wake Me Up",
lastUpdated: "",
img: "avicii_01_true.webp",
description: [
],
}
],
[
"avicii_trueaba", {
artist: "Avicii",
title: "True (Avicii by Avicii)",
year: 2014,
favouriteTrack: "Wake Me Up (Avicii by Avicii)",
lastUpdated: "",
img: "avicii_02_trueaba.webp",
description: [
],
}
],
[
"avicii_avici01", {
artist: "Avicii",
title: "Avīci (01)",
year: 2017,
favouriteTrack: "",
lastUpdated: "",
img: "avicii_04_avici01.webp",
description: [
],
}
],
[
"benboehmer_breathing", {
artist: "Ben Böhmer",
title: "Breathing",
year: 2019,
favouriteTrack: "",
lastUpdated: "",
img: "benboehmer_01_breathing.webp",
description: [
],
}
],
[
"bitbird_ct3", {
artist: "bitbird artists",
title: "create together vol. 3",
year: 2022,
favouriteTrack: "too hard to pick one!",
lastUpdated: "",
img: "bitbird_ct3.webp",
description: [
],
}
],
[
"bitbird_gf4", {
artist: "bitbird artists",
title: "Gouldian Finch 4",
year: 2021,
favouriteTrack: "too hard to pick one!",
lastUpdated: "",
img: "bitbird_gf4.webp",
description: [
],
}
],
[
"brakence_hypochondriac", {
artist: "brakence",
title: "hypochondriac",
year: 2022,
favouriteTrack: "5g",
lastUpdated: "",
img: "brakence_04_hypochondriac.webp",
description: [
],
}
],
[
"duskus_healersvol1", {
artist: "Duskus",
title: "Healers Vol. 1",
year: 2023,
favouriteTrack: "Hope",
lastUpdated: "",
img: "duskus_02_healersvol1.webp",
description: [
],
}
],
[
"fromtheheart_thiok", {
artist: "FROMTHEHEART",
title: '"things happen, it\'s ok!"',
year: 2020,
favouriteTrack: "",
lastUpdated: "",
img: "fromtheheart_thiok.webp",
description: [
],
}
],
[
"gabbystart_alex", {
artist: "gabby start",
title: "alex",
year: 2022,
favouriteTrack: "The air traffic control tower",
lastUpdated: "",
img: "gabbystart_02_alex.webp",
description: [
],
}
],
[
"illenium_awake", {
artist: "ILLENIUM",
title: "Awake",
year: 2017,
favouriteTrack: "Feel Good",
lastUpdated: "",
img: "illenium_02_awake.webp",
description: [
],
}
],
[
"illenium_ascend", {
artist: "ILLENIUM",
title: "ASCEND",
year: 2019,
favouriteTrack: "Hold On",
lastUpdated: "",
img: "illenium_03_ascend.webp",
description: [
],
}
],
[
"janeremover_teenweek", {
artist: "Jane Remover",
title: "Teen Week",
year: 2021,
favouriteTrack: "homeswitcher",
lastUpdated: "",
img: "janeremover_01_teenweek.webp",
description: [
],
}
],
[
"janeremover_frailty", {
artist: "Jane Remover",
title: "Frailty",
year: 2021,
favouriteTrack: "your clothes",
lastUpdated: "",
img: "janeremover_02_frailty.webp",
description: [
],
}
],
[
"janeremover_censusdesignated", {
artist: "Jane Remover",
title: "Census Designated",
year: 2023,
favouriteTrack: "Video",
lastUpdated: "2025-08-26",
img: "janeremover_03_censusdesignated.webp",
description: [
"I like when artists change up their sound, even if it stays far away from their previous work, because it often means that they are pursuing a new style out of their own inspiration. This is why I particularly love Census Designated. Not only is it something Jane evidently wanted to make out of her own motivation to do so instead of trying to please someone else, but it also introduced me to shoegaze."
],
}
],
[
"janeremover_revengeseekerz", {
artist: "Jane Remover",
title: "Revengeseekerz",
year: 2025,
favouriteTrack: "Experimental Skin",
lastUpdated: "",
img: "janeremover_04_revengeseekerz.webp",
description: [
],
}
],
[
"jaron_ihtsc", {
artist: "Jaron",
title: "it's hard to see color [When You're So Impossibly Far Away*]",
year: 2022,
favouriteTrack: "de4th\\__* Spirit",
lastUpdated: "",
img: "jaron_02_ihtsc.webp",
description: [
],
}
],
[
"jaron_lightyears", {
artist: "Jaron",
title: "LIGHTYEARS",
year: 2024,
favouriteTrack: "ICARUS",
lastUpdated: "",
img: "jaron_03_lightyears.webp",
description: [
],
}
],
[
"kasbo_pwdk", {
artist: "Kasbo",
title: "Places We Don't Know",
year: 2018,
favouriteTrack: "Your Tempo",
lastUpdated: "",
img: "kasbo_01_pwdk.webp",
description: [
],
}
],
[
"kasbo_tmoap", {
artist: "Kasbo",
title: "The Making of a Paracosm",
year: 2020,
favouriteTrack: "Talk Slow",
lastUpdated: "",
img: "kasbo_02_tmoap.webp",
description: [
],
}
],
[
"kaskade_christmas", {
artist: "Kaskade",
title: "Kaskade Christmas Deluxe",
year: 2018,
favouriteTrack: "God Rest Ye",
lastUpdated: "",
img: "kaskade_christmas.webp",
description: [
],
}
],
[
"kmoe_k1", {
artist: "kmoe",
title: "K1",
year: 2025,
favouriteTrack: "Don't be like mouse",
lastUpdated: "",
img: "kmoe_01_k1.webp",
description: [
],
}
],
[
"knapsack_futura", {
artist: "Knapsack",
title: "futura",
year: 2018,
favouriteTrack: "Teenage Cloud Anthem",
lastUpdated: "",
img: "knapsack_02_futura.webp",
description: [
],
}
],
[
"knapsack_stem", {
artist: "Knapsack",
title: "Stem",
year: 2025,
favouriteTrack: "U n Me",
lastUpdated: "",
img: "knapsack_04_stem.webp",
description: [
],
}
],
]);

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

@@ -1,8 +1,8 @@
<script lang="ts">
import BannerTitleAlt from "$lib/banner-title-alt.svelte";
import TableOfContents from "$lib/table-of-contents.svelte";
import type { Project } from '$lib/projects';
import { projects } from '$lib/projects';
import type { Project } from './projects';
import { projects } from './projects';
import LinkList from "$lib/link-list.svelte";
import ContentSidebar from "$lib/content-sidebar.svelte";

4
src/routes/projects/projectn5/devlog/+page.svelte
View File

@@ -1,8 +1,8 @@
<script lang="ts">
import BannerTitleAlt from "$lib/banner-title-alt.svelte";
import ContentSidebar from "$lib/content-sidebar.svelte";
import type { DevlogPost } from "$lib/devlog-posts";
import { posts } from "$lib/devlog-posts";
import type { DevlogPost } from "./devlog-posts";
import { posts } from "./devlog-posts";
import { onMount } from 'svelte';
interface DevlogLiveEntry {

0
src/lib/devlog-posts.ts → src/routes/projects/projectn5/devlog/devlog-posts.ts
View File

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

5
src/routes/quotes.ts
View File

@@ -20,4 +20,9 @@ export let quotes: Quote[] = [
author: "Avicii & Salem Al Fakir",
source: "Silhouettes",
},
{
content: "Just hold on tight!",
author: "acloudyskye",
source: "Curses",
},
];

BIN
static/garden/music/illenium_01_ashes.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 66 KiB