Add sheet music page, some slight changes

src/assets/menu-primary.ts

@@ -7,6 +7,7 @@ const links: Link[] = [
   { href: "/", label: "Home" },
   { href: "/about/", label: "About" },
   { href: "/projects/", label: "Projects" },
+  { href: "/sheet-music/", label: "Sheet Music" },
   { href: "/contact/", label: "Contact" }
 ];
 

src/components/MDX/H1.astro

@@ -1 +1,5 @@
-<h1 class="font-header text-3xl"><slot /></h1>
+---
+const { class: className, ...attrs } = Astro.props;
+---
+
+<h1 class:list={["font-header text-3xl", className]} {...attrs}><slot /></h1>

src/components/MDX/H2.astro

@@ -1 +1,5 @@
-<h2 class="font-header text-2xl"><slot /></h2>
+---
+const { class: className, ...attrs } = Astro.props;
+---
+
+<h2 class:list={["font-header text-2xl", className]} {...attrs}><slot /></h2>

src/components/MDX/LI.astro

@@ -1,2 +1,5 @@
-<span class="block p-0.5"><span class="text-primary pr-2">•</span><slot /></span
+<li>
->
+  <span class="block p-0.5"
+    ><span class="text-primary pr-2">•</span><slot /></span
+  >
+</li>

src/pages/about.astro

@@ -3,6 +3,7 @@ import aboutImage from "@assets/img/about.jpg";
 import conductingImage from "@assets/img/about/nathan-cummins-composer-orchestrator-conductor-conducting-1.jpg";
 import generalImage from "@assets/img/about/nathan-cummins-composer-orchestrator-conductor-general-1.png";
 import H2 from "@components/MDX/H2.astro";
+import LI from "@components/MDX/LI.astro";
 import Paragraph from "@components/Paragraph.astro";
 import SectionTitle from "@components/SectionTitle.astro";
 import TextLink from "@components/TextLink.astro";
@@ -64,8 +65,8 @@ import { Image } from "astro:assets";
           video games is recognised for its distinctive voice and adaptability.</Paragraph
         >
         <Paragraph>Recent projects include:</Paragraph>
-        <ul class="list-disc pl-4">
+        <ul>
-          <li>
+          <LI>
             <span class="font-bold"
               ><TextLink
                 href="/projects/video-game/dungeons-and-dining-tables/"
@@ -73,16 +74,16 @@ import { Image } from "astro:assets";
                 Dungeons and Dining Tables</TextLink
               >:</span
             > a cosy, highly orchestral score full of warmth and colour.
-          </li>
+          </LI>
-          <li>
+          <LI>
             <span class="font-bold">Roc's Odyssey:</span> an edgy, symphonic metal
             soundtrack blending excitement with orchestral grandeur.
-          </li>
+          </LI>
-          <li>
+          <LI>
             <span class="font-bold">The Lion and the Mouse:</span> a narrative work
             for orchestra (or wind orchestra) that aims to teach children about music
             and the instruments of the orchestra.
-          </li>
+          </LI>
         </ul>
         <Paragraph
           >Nathan thrives on tailoring music to story and gameplay, crafting
@@ -108,19 +109,19 @@ import { Image } from "astro:assets";
           players can deliver their best performance.</Paragraph
         >
         <Paragraph>Recent projects include:</Paragraph>
-        <ul class="list-disc pl-4">
+        <ul>
-          <li>
+          <LI>
             <span class="font-bold">Hollow Knight: Silksong:</span> orchestration
             and typesetting for the score composed by <TextLink
               href="https://composerlarkin.com/">Christopher Larkin</TextLink
             >.
-          </li>
+          </LI>
-          <li>
+          <LI>
             <span class="font-bold">Submerged: Hidden Depths:</span> typesetting
             for the recording score composed by <TextLink
               href="https://jeffvandyck.com/">Jeff van Dyck</TextLink
             >.
-          </li>
+          </LI>
         </ul>
       </div>
     </section>

src/pages/sheet-music.astro

@@ -0,0 +1,82 @@
+---
+import H2 from "@components/MDX/H2.astro";
+import LI from "@components/MDX/LI.astro";
+import Paragraph from "@components/Paragraph.astro";
+import SectionTitle from "@components/SectionTitle.astro";
+import TextLink from "@components/TextLink.astro";
+import MainLayout from "@layouts/MainLayout.astro";
+---
+
+<MainLayout title="Sheet Music">
+  <div class="w-full bg-white py-16 dark:bg-gray-950">
+    <section id="intro">
+      <div class="mx-auto max-w-4xl px-8 text-left">
+        <SectionTitle class="py-8">Sheet Music</SectionTitle>
+        <Paragraph
+          >Sheet music for many of my pieces and orchestrations is available for
+          purchase or rent. If you are interested in sheet music for performance
+          or study, for the moment the simplest method to obtain it is to <TextLink
+            href="/contact/">contact me</TextLink
+          >.</Paragraph
+        >
+        <Paragraph
+          >This page mostly contains scores that I am often asked about or that
+          are from projects that I am involved with as composer. Some other
+          scores (such as the <TextLink
+            href="https://jeffvandyck.bandcamp.com/album/submerged-hidden-depths-original-soundtrack"
+            >recording score for <i>Submerged: Hidden Depths</i></TextLink
+          >
+          composed by <TextLink href="https://jeffvandyck.com/"
+            >Jeff van Dyck</TextLink
+          >, which I engraved) may be available through different means. If you
+          are looking for a piece that is not listed here, please feel free to <TextLink
+            href="/contact/">contact me</TextLink
+          >, it may still be available.</Paragraph
+        >
+      </div>
+    </section>
+    <section id="available">
+      <div class="mx-auto max-w-4xl px-8 text-left">
+        <H2>Orchestra</H2>
+        <Paragraph>The following scores are prepared for performance:</Paragraph
+        >
+        <ul>
+          <LI>
+            <b>The Lion and the Mouse</b>
+            <ul class="ml-4">
+              <LI>2222, 4331, timp, harp, narrator, perc (x3), strings</LI>
+            </ul>
+          </LI>
+          <LI>
+            <b>Lampshade Grove (from Dungeons and Dining Tables)</b>
+            <ul class="ml-4">
+              <LI>2222, 4331, timp, harp, celeste (optional), perc, strings</LI>
+              <LI>2222, 4210, timp, percussion (x1), strings</LI>
+            </ul>
+          </LI>
+        </ul>
+        <H2 class="my-4">Wind Orchestra / Concert Band</H2>
+        <ul>
+          <LI>The Lion and the Mouse</LI>
+          <LI>Lampshade Grove (from Dungeons and Dining Tables)</LI>
+          <LI>The Couch Troll (from Dungeons and Dining Tables)</LI>
+          <LI>Kindlerest (from Dungeons and Dining Tables)</LI>
+          <LI>Gameplay Trailer (from Dungeons and Dining Tables)</LI>
+          <LI>Centenary Fanfare</LI>
+          <LI>Roc's Odyssey (from Roc's Odyssey)</LI>
+          <LI>Vulkan (from Roc's Odyssey)</LI>
+          <LI>Hydra (from Roc's Odyssey)</LI>
+        </ul>
+        <H2 class="my-4">String Quartet</H2>
+        <ul>
+          <LI>String Quartet No. 1</LI>
+          <LI>Aragornaise</LI>
+        </ul>
+        <H2 class="my-4">Choir</H2>
+        <ul>
+          <LI>Odi et Amo (SSAATTBB)</LI>
+        </ul>
+      </div>
+    </section>
+  </div>
+</MainLayout>