html-to-pdf: put the cheat sheet on 2 pages

Author: jvns

assets/sass/print.scss

@@ -23,8 +23,7 @@
   }
 
   footer {
-    padding: 0;
-    margin-top: 0;
+    display: none;
   }
 
   aside, .sidebar-btn, #search-container, #reference-version, #dark-mode-button, .site-source {
@@ -50,7 +49,8 @@
       border: 1px solid black;
       display: block;
       gap: 0;
-      margin-bottom: 0;
+      margin-bottom: 8px;
+      padding: 8px;
 
       .item {
         background: none;
@@ -64,12 +64,14 @@
           background: none;
           line-height: inherit;
           padding: 1px;
+          display: block;
+          margin-bottom: 2px;
         }
       }
     }
     .commit-reference {
       background: none;
-      border-left: 0.5px;
+      border-left: 1px solid black;
 
       dl {
         gap: inherit;
@@ -113,8 +115,9 @@
 
   .cheat-sheet {
     /* Multi-column layout */
-    column-count: 6;
+    column-count: 4;
     column-gap: 1em;
+    margin-top: 20px;
 
     h1 {
       column-span: all;
@@ -136,10 +139,15 @@
         margin-top: 2px;
       }
     }
+
+    /* Manual column break controls */
+    .print-break-before {
+      break-before: column;
+    }
   }
 }
 
 div#main .pdf-link img {
   float: right;
   height: 36px;
-}
+}

content/cheat-sheet/_index.html

@@ -113,7 +113,7 @@ <h3>Commit all unstaged changes:</h3>
     </div>
   </section>
 
-  <section>
+  <section class="print-break-before">
     <h2 id="move-between-branches">Move Between Branches</h2>
     <div class="item">
       <h3>Switch branches:</h3>
@@ -181,7 +181,7 @@ <h3>Show a summary of a diff:</h3>
       <code>git show &lt;commit&gt; --stat</code>
     </div>
   </section>
-  <section class="commit-reference">
+  <section class="commit-reference print-break-before">
     <h2 id="ways-to-refer-to-a-commit">Ways to refer to a commit</h2>
     <p class="intro">
       Every time we say <code>&lt;commit&gt;</code>, you can use any of these:
@@ -236,7 +236,7 @@ <h3>'Stash' all staged and unstaged changes:</h3>
     </div>
   </section>
 
-  <section>
+  <section class="print-break-before">
     <h2 id="edit-history">Edit History</h2>
     <div class="item">
       <h3>"Undo" the most recent commit (keep your working directory the same):</h3>
@@ -285,7 +285,7 @@ <h3>Show who last changed each line of a file:</h3>
     </div>
   </section>
 
-  <section>
+  <section class="print-break-before">
     <h2 id="combine-diverged-branches">Combine Diverged Branches</h2>
     <div class="item">
       <h3>Combine with rebase:</h3>
@@ -695,7 +695,7 @@ <h2 id="add-a-remote">Add a Remote</h2>
     </div>
   </section>
 
-  <section>
+  <section class="print-break-before">
     <h2 id="push-your-changes">Push Your Changes</h2>
     <div class="item">
       <h3>Push the <code>main</code> branch to the remote <code>origin</code>:</h3>
@@ -757,7 +757,7 @@ <h3>See all possible config options:</h3>
     </div>
   </section>
 
-  <section>
+  <section class="print-break-before">
     <h2 id="important-files">Important Files</h2>
     <div class="item">
       <h3>Local git config:</h3>