add pages for my music

app/[slug]/page.js

@@ -13,6 +13,7 @@ import Pre from '@/markdownComponents/Pre/Pre'
 import Table from '@/markdownComponents/Table/Table'
 import YouTube from '@/components/YouTube/YouTube'
 import Bookmark from '@/components/Bookmark/Bookmark'
+import IFrame from '@/markdownComponents/IFrame/IFrame'
 import Sigil from '@/components/Sigil/Sigil'
 import Video from '@/components/Video/Video'
 import Ink from '@/components/Ink/Ink'
@@ -41,8 +42,6 @@ export async function generateStaticParams() {
 export default async function PostPage({ params: { slug }, searchParams }) {
     let { default: PostContent, meta, info } = await getPost(slug)
 
-    console.log(meta)
-
     let components = {
         h1: H1,
         h2: H2,
@@ -58,6 +57,7 @@ export default async function PostPage({ params: { slug }, searchParams }) {
         table: Table,
         Table: Table,
 
+        IFrame,
         Image,
         GameRecommendationList,
         TTRPGList,

markdownComponents/Code/Code.module.scss

@@ -1,7 +1,7 @@
 .code {
     border: 2px solid var(--color-foreground);
-    padding-left: 10px;
-    padding-right: 10px;
+    padding-left: var(--spacing-small);
+    padding-right: var(--spacing-small);
     font-weight: 300;
     font-family: var(--font-body);
 }

markdownComponents/IFrame/IFrame.js

@@ -0,0 +1,7 @@
+import styles from './IFrame.module.scss'
+
+export default function IFrame(props) {
+    return <div className={ styles.container }>
+        <iframe {...props} />
+    </div>
+}

markdownComponents/IFrame/IFrame.module.scss

@@ -0,0 +1,4 @@
+.container {
+    padding-left: var(--spacing-medium);
+    padding-right: var(--spacing-medium);
+}

posts/desert-of-vice-ladderhead.mdx

@@ -0,0 +1,16 @@
+export const meta = {
+    title: 'Desert of Vice & Ladderhead',
+    tags: ['music', 'games'],
+}
+
+**Desert of Vice** and **Ladderhead** are surreal, narrative-focused text adventure games by Karolis Dikcius, for which I was lucky enough to have to opportunity to compose the soundtracks. They are available on PC ([Desert of Vice](https://store.steampowered.com/app/796370/Desert_of_Vice/), [Ladderhead](https://store.steampowered.com/app/1047800/Ladderhead/)) as well as mobile.
+
+<Image src="https://cdn.akamai.steamstatic.com/steam/apps/796370/capsule_616x353.jpg" />
+
+The soundtrack for **Desert of Vice** is available on Spotify and other music platforms.
+
+<IFrame style={{ borderRadius: '12px' }} src="https://open.spotify.com/embed/album/6wqjxUbapFDYK1GKFdJTWd?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy" />
+
+The soundtrack for **Ladderhead** is not available online (yet!).
+
+I also contributed to Dikcius' third game, **Strange Aeons**, which uses in parts a constructed language generation library I wrote called [yod](https://github.com/cesque/yod).

posts/my-music.mdx

@@ -0,0 +1,24 @@
+export const meta = {
+    title: 'My music',
+    tags: ['music'],
+}
+
+I produce and release music under my usual name *Cesque*. Mostly this broadly falls under the electronic music umbrella, but I also mess around with other genres, especially video-game-inspired music using chiptune or soundfonts.
+
+A lot of my music is available on [Spotify](https://open.spotify.com/artist/7t0L8hVXCaAbv5AiCoCrD5?si=DaZ4b8adRFG2woctkiWyNg):
+
+<IFrame style={{ borderRadius: '12px' }} src="https://open.spotify.com/embed/album/5RylOUPF4pPcM780GfP7SU?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy" />
+
+<IFrame style={{ borderRadius: '12px' }} src="https://open.spotify.com/embed/track/3CBX5AXOyO7un9VMHd8XvL?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy" />
+
+---
+
+My Spotify also contains 2 EPs in a series where I stick to using only recreations of the Korg Triton workstation synthesizer to create tracks inspired by such things as video game music, Jake Kaufman's [Kwakfest 1-hour MIDI competition](https://www.youtube.com/watch?v=2hmwXThnqi0), and the [Animusic](https://www.youtube.com/watch?v=ZPwbjO9cbLE) series of animated music videos.
+
+<IFrame style={{ borderRadius: '12px' }} src="https://open.spotify.com/embed/album/6KKkezbSZdNWADg0U3xhEr?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy" />
+
+<IFrame style={{ borderRadius: '12px' }} src="https://open.spotify.com/embed/album/4APxQya7c3KtCN5X7EdsEC?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy" />
+
+---
+
+Finally, it also contains the soundtrack to the video game [Desert of Vice](https://store.steampowered.com/app/796370/Desert_of_Vice/), for which I was lucky enough to be able to compose the soundtrack. There is a little more information about that in my [post about my soundtrack composition](/desert-of-vice-ladderhead).