More detailed composition page.

pages/groovy/com/jessebrault/site/composition/CompositionPage.groovy

@@ -4,6 +4,8 @@ import com.jessebrault.site.util.TitleMaker
 import com.jessebrault.ssg.view.WvcPageView
 import jakarta.inject.Inject
 
+import java.time.format.DateTimeFormatter
+
 class CompositionPage extends WvcPageView {
 
     Composition composition
@@ -18,4 +20,8 @@ class CompositionPage extends WvcPageView {
         this.titleMaker.makeTitle(pageTitle)
     }
 
+    String getCompositionYear() {
+        composition.date.format(DateTimeFormatter.ofPattern('yyyy'))
+    }
+
 }

pages/resources/com/jessebrault/site/composition/CompositionPageTemplate.wvc

@@ -5,6 +5,15 @@ import com.jessebrault.site.StandardPage
 ---
 <StandardPage title={title}>
     <article>
-        <h1>$composition.title</h1>
+        <section class="composition-info">
+            <h1>$composition.title</h1>
+            <WhenNotNull item={composition.subTitle} render={<h2>$it</h2>} />
+            <WhenNotNull item={composition.version} render={<p class="version">$it</p>} />
+            <p class="year">$compositionYear</p>
+            <p class="instrumentation">$composition.instrumentation</p>
+        </section>
+        <section class="composition-text">
+            ${composition.text.render()}
+        </section>
     </article>
 </StandardPage>