From b6a7f7828ab52b08c1979d24c60a1048d1be00a3 Mon Sep 17 00:00:00 2001
From: Nicolas Mattia <nicolas@nmattia.com>
Date: Fri, 31 Oct 2025 18:40:48 +0100
Subject: [PATCH] Fix up styling

---
 .github/workflows/publish.yml |  3 ++-
 src/bin/cyoa/main.css         | 10 ++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 src/bin/cyoa/main.css

diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 45065a2..5cd7aa9 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -36,6 +36,7 @@ jobs:
           # from the archive
           cp ./src/bin/cyoa/ghostwriter.html "$tweego_dir"/ghostwriter.html
           cp ./src/bin/cyoa/main.js "$tweego_dir"/main.js
+          cp ./src/bin/cyoa/main.css "$tweego_dir"/main.css
           cd "$tweego_dir"
           curl -LO https://github.com/tmedwards/tweego/releases/download/v2.1.1/tweego-2.1.1-linux-x64.zip
           unzip ./tweego-2.1.1-linux-x64.zip
@@ -44,7 +45,7 @@ jobs:
           mkdir -p "$dist_dir"
           # the file lists a format (3.2+) that is newer than what tweego knows about, which makes it fail.
           # So here we reassure it it's ok to use what it knows as "harlowe 3" instead.
-          ./tweego --format=harlowe-3 ./ghostwriter.html ./main.js > "$dist_dir"/index.html
+          ./tweego --format=harlowe-3 ./ghostwriter.html ./main.js ./main.css > "$dist_dir"/index.html
 
       - name: Upload pages artifact
         uses: actions/upload-pages-artifact@v3
diff --git a/src/bin/cyoa/main.css b/src/bin/cyoa/main.css
new file mode 100644
index 0000000..4f9f0da
--- /dev/null
+++ b/src/bin/cyoa/main.css
@@ -0,0 +1,10 @@
+body {
+    background-color: black;
+}
+
+tw-story {
+    max-width: 900px;
+    margin: auto;
+    padding: 1em; /* override default styles */
+    padding-top: 2em;
+}