From 96c46c19b4e23a84f23ccf03e3d91229d72c2a0c Mon Sep 17 00:00:00 2001
From: Tony Garnock-Jones <tonygarnockjones@gmail.com>
Date: Mon, 24 Sep 2018 16:45:39 +0100
Subject: [PATCH] Split out CSS; attempt to get section numbering (grrr!)

---
 syndicate/mc/Makefile     |  2 +-
 syndicate/mc/preserve.css | 44 +++++++++++++++++++++++++++++++++++++++
 syndicate/mc/preserve.md  | 21 +------------------
 3 files changed, 46 insertions(+), 21 deletions(-)
 create mode 100644 syndicate/mc/preserve.css

diff --git a/syndicate/mc/Makefile b/syndicate/mc/Makefile
index f780498..b7f6a8d 100644
--- a/syndicate/mc/Makefile
+++ b/syndicate/mc/Makefile
@@ -1,2 +1,2 @@
-preserve.pdf: preserve.md
+preserve.pdf: preserve.md preserve.css
 	google-chrome --headless --disable-gpu --print-to-pdf=$@ http://localhost:4000/preserve.html
diff --git a/syndicate/mc/preserve.css b/syndicate/mc/preserve.css
new file mode 100644
index 0000000..90dbaad
--- /dev/null
+++ b/syndicate/mc/preserve.css
@@ -0,0 +1,44 @@
+body {
+  font-family: palatino, "Palatino Linotype", "Palatino LT STD", "URW Palladio L", "TeX Gyre Pagella", serif;
+}
+@media screen {
+  body { padding-top: 2rem; max-width: 40em; margin: auto; font-size: 120%; }
+  hr { display: none; }
+}
+@media print {
+  @page { margin: 4rem 0rem 4.333rem 0rem; }
+  body { margin-left: 4.5rem; margin-right: 4.5rem; }
+  h1, h2 { page-break-before: always; margin-top: 0; }
+  h1:first-of-type, h2:first-of-type { page-break-before: auto; }
+  hr+* { page-break-before: always; margin-top: 0; }
+  hr { display: none; }
+}
+h1, h2, h3, h4, h5, h6 { margin-left: -1rem; color: #4f81bd; }
+h2 { border-bottom: solid #4f81bd 1px; }
+pre, code { background-color: #eee; font-family: "DejaVu Sans Mono", monospace; }
+code { font-size: 75%; }
+pre { padding: 0.33rem; }
+
+body {
+  counter-reset: section 0 subsection 0;
+}
+h2::before, h3::before {
+    text-align: right;
+    display: inline-block;
+    position: relative;
+    right: 2.33em;
+    font-size: 75%;
+    text-align: right;
+    width: 2em;
+    margin-right: -2em;
+    height: 0;
+}
+h2::before {
+    counter-reset: subsection 0;
+    counter-increment: section;
+    content: counter(section) ". ";
+}
+h3::before {
+    counter-increment: subsection;
+    content: counter(section) "." counter(subsection) ". ";
+}
diff --git a/syndicate/mc/preserve.md b/syndicate/mc/preserve.md
index 7c035df..ab3bde8 100644
--- a/syndicate/mc/preserve.md
+++ b/syndicate/mc/preserve.md
@@ -1,26 +1,7 @@
 ---
 ---
 <title>Preserves: an Expressive Data Language</title>
-<style>
-body { font-family: palatino, "Palatino Linotype", "Palatino LT STD", "URW Palladio L", "TeX Gyre Pagella", serif; }
-@media screen {
-  body { padding-top: 2rem; max-width: 40em; margin: auto; font-size: 120%; }
-  hr { display: none; }
-}
-@media print {
-  @page { margin: 4rem 4rem 4.333rem 3rem; }
-  body { margin-left: 2rem; margin-right 2rem; }
-  h1, h2 { page-break-before: always; margin-top: 0; }
-  h1:first-of-type, h2:first-of-type { page-break-before: auto; }
-  hr+* { page-break-before: always; margin-top: 0; }
-  hr { display: none; }
-}
-h1, h2, h3, h4, h5, h6 { margin-left: -1rem; color: #4f81bd; }
-h2 { border-bottom: solid #4f81bd 1px; }
-pre, code { background-color: #eee; font-family: "DejaVu Sans Mono", monospace; }
-code { font-size: 75%; }
-pre { padding: 0.33rem; }
-</style>
+<link rel="stylesheet" href="preserve.css">
 
 # Preserves: an Expressive Data Language