give the music theory book its page, with the cover

assets/css/custom.css

@@ -109,3 +109,25 @@ html.dark blockquote {
 				margin-right: 30px;
 			}
 	}
+
+	/* book pages: cover beside the details, stacked on narrow screens */
+	.book {
+		display: flex;
+		gap: 2rem;
+		align-items: flex-start;
+	}
+	.book .book-cover {
+		width: 240px;
+		max-width: 100%;
+		margin: 0;
+		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
+	}
+	.book .book-info p:first-child {
+		margin-top: 0;
+	}
+	@media only screen and (max-width: 600px) {
+		.book {
+			flex-direction: column;
+			align-items: center;
+		}
+	}

content/books/_index.md

@@ -1,6 +1,11 @@
 ---
 title: "Books"
-draft: true
+groupByYear: false
+cascade:
+  showDate: false
+  showReadingTime: false
+  showWordCount: false
+  showAuthor: false
 ---
 
 Books I'm writing, with a page each for samples, errata, and companion material.

content/books/the-algorithmic-foundations-of-music-theory/_index.md

@@ -1,8 +1,18 @@
 ---
 title: "The Algorithmic Foundations of Music Theory"
-draft: true
+description: "Pitch, rhythm and harmony, from first principles."
+layout: "book"
 authors:
  - "gilles"
 ---
 
-A book in progress.
+<div class="book">
+<img class="book-cover" src="cover.png" alt="Cover of The Algorithmic Foundations of Music Theory, by Gilles Chehade">
+<div class="book-info">
+
+*Pitch, rhythm and harmony, from first principles.*
+
+Published December 2026.
+
+</div>
+</div>

layouts/books/book.html

@@ -0,0 +1,26 @@
+{{/* A book's landing page: the theme's list header and content, without
+     the "no articles" note, and a plain list of sub-pages when there are any. */}}
+{{ define "main" }}
+  <header>
+    {{ if site.Params.list.showBreadcrumbs | default false }}
+      {{ partial "breadcrumbs.html" . }}
+    {{ end }}
+    <h1 class="mt-5 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
+      {{ .Title | emojify }}
+    </h1>
+  </header>
+
+  <section class="mt-6 prose max-w-full dark:prose-invert mb-10">
+    <div class="min-w-0 max-w-prose w-full">
+      {{ .Content }}
+    </div>
+
+    {{ with .Pages.ByWeight }}
+      <ul>
+        {{ range . }}
+          <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+        {{ end }}
+      </ul>
+    {{ end }}
+  </section>
+{{ end }}