removed garden
This commit is contained in:
@@ -7,8 +7,6 @@
|
|||||||
<span>»</span>
|
<span>»</span>
|
||||||
<a href="/projects">Projects</a>
|
<a href="/projects">Projects</a>
|
||||||
<span> // </span>
|
<span> // </span>
|
||||||
<a href="/garden">Garden</a>
|
|
||||||
<span> // </span>
|
|
||||||
<a href="/about">About</a>
|
<a href="/about">About</a>
|
||||||
<span>«</span>
|
<span>«</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,18 +0,0 @@
|
|||||||
<script lang="ts">
|
|
||||||
import BannerTitleAlt from "$lib/banner-title-alt.svelte";
|
|
||||||
import Content from "$lib/content.svelte";
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<svelte:head>
|
|
||||||
<title>Digital Garden | denizk0461</title>
|
|
||||||
</svelte:head>
|
|
||||||
|
|
||||||
<BannerTitleAlt
|
|
||||||
title="Digital Garden"
|
|
||||||
banner="/projects/banner.webp"
|
|
||||||
subtitle="smell the flowers!"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<Content>
|
|
||||||
<p>work in progress! and due to be remade.</p>
|
|
||||||
</Content>
|
|
||||||
@@ -1,143 +0,0 @@
|
|||||||
<script lang="ts">
|
|
||||||
import BannerTitleAlt from "$lib/banner-title-alt.svelte";
|
|
||||||
import Content from "$lib/content.svelte";
|
|
||||||
import { albums, type AlbumEntry } from "./likedalbums";
|
|
||||||
|
|
||||||
let highlightedAlbum: AlbumEntry = $state({
|
|
||||||
artist: "",
|
|
||||||
description: [],
|
|
||||||
img: "",
|
|
||||||
title: "",
|
|
||||||
year: 0,
|
|
||||||
favouriteTrack: "",
|
|
||||||
lastUpdated: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
let albumClicked = function(key: string) {
|
|
||||||
highlightedAlbum = albums.get(key)!;
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<svelte:head>
|
|
||||||
<title>Music I Like | denizk0461</title>
|
|
||||||
</svelte:head>
|
|
||||||
|
|
||||||
<BannerTitleAlt
|
|
||||||
title="Music I Like"
|
|
||||||
banner="/projects/banner.webp"
|
|
||||||
subtitle="A look into my auditory taste"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<Content>
|
|
||||||
<div class="album-button-container">
|
|
||||||
{#each albums.entries() as [key, album]}
|
|
||||||
{@render albumButton({ key, album })}
|
|
||||||
{/each}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="album-showcase">
|
|
||||||
{@render albumShowcase({ album: highlightedAlbum })}
|
|
||||||
</div>
|
|
||||||
</Content>
|
|
||||||
|
|
||||||
{#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({
|
|
||||||
key,
|
|
||||||
album,
|
|
||||||
}: {
|
|
||||||
key: string;
|
|
||||||
album: AlbumEntry;
|
|
||||||
})}
|
|
||||||
<div class="album-button">
|
|
||||||
<input
|
|
||||||
class="album-button-img"
|
|
||||||
type="image"
|
|
||||||
src="{album.img}"
|
|
||||||
alt="Album art for {album.artist} – {album.title}"
|
|
||||||
onclick={() => albumClicked(key)}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
{/snippet}
|
|
||||||
|
|
||||||
<style>
|
|
||||||
/* album showcase */
|
|
||||||
.album-showcase {
|
|
||||||
/* display: none; */
|
|
||||||
}
|
|
||||||
|
|
||||||
.album-showcase-img {
|
|
||||||
width: 20%;
|
|
||||||
margin: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.album-showcase-title {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.album-showcase-paragraph {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.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;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* album buttons */
|
|
||||||
.album-button {
|
|
||||||
width: calc(100%/12);
|
|
||||||
line-height: 0;
|
|
||||||
transition: 0.06s ease-in-out scale, 0.1s ease-in-out filter;
|
|
||||||
scale: 1.0;
|
|
||||||
z-index: 1;
|
|
||||||
filter: saturate(0.2) brightness(0.7);
|
|
||||||
}
|
|
||||||
.album-button:hover {
|
|
||||||
scale: 1.25;
|
|
||||||
z-index: 20;
|
|
||||||
filter: saturate(1.0) brightness(1.0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.album-button-img {
|
|
||||||
width: 100%;
|
|
||||||
padding: 2px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.album-container {
|
|
||||||
display: flex;
|
|
||||||
flex-flow: row;
|
|
||||||
justify-content: flex-start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.album-text-container {
|
|
||||||
width: 80%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,338 +0,0 @@
|
|||||||
|
|
||||||
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: [
|
|
||||||
],
|
|
||||||
}
|
|
||||||
],
|
|
||||||
]);
|
|
||||||
Reference in New Issue
Block a user