minor bits and print styles

content/patterns/coding/demo-embedding.md

@@ -43,6 +43,8 @@ The options for the `show` parameter are:
 * console
 * output
 
+(Note that, under some circumstances, the `html` pane is added whether you select it or not.)
+
 {{% jsBin id="juwowaq" show="css,output" %}}
 
 

content/patterns/installation.md

@@ -32,7 +32,7 @@ It is likely you already have Node and NPM installed on your system. If so, you
 
 {{<cmd>}}git clone https://github.com/[your username]/infusion.git{{</cmd>}}
 
-If the command line is not your thing, fork  [github.com/heydon/inclusive-pattern-library](https://github.com/heydon/inclusive-pattern-library) and choose **Open in Desktop** from **Clone or download** (see figure 1, below).
+If the command line is not your thing, fork  [github.com/heydon/infusion](https://github.com/heydon/infusion) and choose **Open in Desktop** from **Clone or download** (see figure 1, below).
 
 {{% figure caption="The Github web interface" %}}
 ![The open in desktop option, revealed when clicking clone or download](/images/open_in_desktop.png)

docs/css/styles.css

@@ -883,3 +883,49 @@ h1 svg {
   }
 
 }
+
+@media print {
+
+  .intro-and-nav, [role="contentinfo"] {
+    display: none;
+  }
+
+  .main-and-footer {
+    margin-left: 0;
+  }
+
+  a {
+    border: 0;
+  }
+
+  a::after {
+    content:" (" attr(href) ")";
+    word-break: break-word;
+  }
+
+  nav a::after, .tags a::after {
+    content: '';
+  }
+
+  .cmd {
+    background: #fff;
+    color: #111;
+  }
+
+  pre code {
+    white-space: pre-wrap !important;
+  }
+
+  .line-numbers .line-numbers-rows {
+    display: none;
+  }
+
+  .line-numbers code {
+    padding-left: 0;
+  }
+
+  main * {
+    page-break-inside: avoid;
+  }
+
+}

docs/patterns/coding/demo-embedding/index.html

@@ -365,6 +365,8 @@
 <li>output</li>
 </ul>
 
+<p>(Note that, under some circumstances, the <code>html</code> pane is added whether you select it or not.)</p>
+
 
   <iframe src="https://jsbin.com/juwowaq/embed?css%2coutput" title="JS Bin demo" height="300" width="100%"></iframe>
 

docs/patterns/installation/index.html

@@ -339,7 +339,7 @@
 <pre class="cmd"><code>git clone https://github.com/[your username]/infusion.git</code></pre>
 
 
-<p>If the command line is not your thing, fork  <a href="https://github.com/heydon/inclusive-pattern-library">github.com/heydon/inclusive-pattern-library</a> and choose <strong>Open in Desktop</strong> from <strong>Clone or download</strong> (see figure 1, below).</p>
+<p>If the command line is not your thing, fork  <a href="https://github.com/heydon/infusion">github.com/heydon/infusion</a> and choose <strong>Open in Desktop</strong> from <strong>Clone or download</strong> (see figure 1, below).</p>
 
 
 <figure role="group" aria-describedby="caption-4f6ff97ad7397f1735a833534d0e2e4d">

themes/infusion/static/css/styles.css

@@ -883,3 +883,49 @@ h1 svg {
   }
 
 }
+
+@media print {
+
+  .intro-and-nav, [role="contentinfo"] {
+    display: none;
+  }
+
+  .main-and-footer {
+    margin-left: 0;
+  }
+
+  a {
+    border: 0;
+  }
+
+  a::after {
+    content:" (" attr(href) ")";
+    word-break: break-word;
+  }
+
+  nav a::after, .tags a::after {
+    content: '';
+  }
+
+  .cmd {
+    background: #fff;
+    color: #111;
+  }
+
+  pre code {
+    white-space: pre-wrap !important;
+  }
+
+  .line-numbers .line-numbers-rows {
+    display: none;
+  }
+
+  .line-numbers code {
+    padding-left: 0;
+  }
+
+  main * {
+    page-break-inside: avoid;
+  }
+
+}