Fix tutorial previews

docs/src/html.rs

@@ -276,15 +276,20 @@ fn code_block(resolver: &dyn Resolver, lang: &str, text: &str) -> Html {
 
     let mut parts = lang.split(':');
     let lang = parts.next().unwrap_or(lang);
+
     let mut zoom: Option<[Abs; 4]> = None;
+    let mut single = false;
     if let Some(args) = parts.next() {
-        zoom = args
+        single = true;
-            .split(',')
+        if !args.contains("single") {
-            .take(4)
+            zoom = args
-            .map(|s| Abs::pt(s.parse().unwrap()))
+                .split(',')
-            .collect::<Vec<_>>()
+                .take(4)
-            .try_into()
+                .map(|s| Abs::pt(s.parse().unwrap()))
-            .ok();
+                .collect::<Vec<_>>()
+                .try_into()
+                .ok();
+        }
     }
 
     if !matches!(lang, "example" | "typ") {
@@ -312,6 +317,10 @@ fn code_block(resolver: &dyn Resolver, lang: &str, text: &str) -> Html {
         *frames[0].size_mut() = Size::new(w, h);
     }
 
+    if single {
+        frames.truncate(1);
+    }
+
     resolver.example(highlighted, &frames)
 }
 

docs/src/tutorial/3-advanced.md

@@ -202,7 +202,7 @@ Another tweak could be to save the paper title in a variable, so that we do not
 have to type it twice, for header and title. We can do that with the `{let}`
 keyword:
 
-```example
+```example:single
 #let title = [
   A fluid dynamic model
   for glacier flow
@@ -274,7 +274,7 @@ the document as a parameter. We have called the parameter `rest` here, but you
 are free to choose any name. The function can then do anything with this
 content. In our case, it passes it on to the `columns` function.
 
-```example
+```example:single
 >>> #let title = [
 >>>   A fluid dynamic model
 >>>   for glacier flow

docs/src/tutorial/4-template.md

@@ -125,7 +125,10 @@ previous chapter.
   columns(2, doc)
 }
 
-#show: doc => conf([Paper title], doc)
+#show: doc => conf(
+  [Paper title],
+  doc,
+)
 
 = Introduction
 #lorem(90)
@@ -256,7 +259,7 @@ adding an import before the show rule. Name the function that you want to import
 from another file between the `{import}` and `{from}` keywords and specify the
 path of the file after the `{from}` keyword.
 
-```example
+```example:single
 >>> #let conf(
 >>>   title: none,
 >>>   authors: (),

library/src/layout/page.rs

@@ -119,7 +119,7 @@ impl PageNode {
 
     /// How many columns the page has.
     ///
-    /// ```example
+    /// ```example:single
     /// #set page(columns: 2, height: 4.8cm)
     /// Climate change is one of the most
     /// pressing issues of our time, with
@@ -341,9 +341,9 @@ impl Debug for PageNode {
 }
 
 /// # Page Break
-/// A page break.
+/// A manual page break.
 ///
-/// A manually forced page break. It must not be used inside any containers.
+/// Must not be used inside any containers.
 ///
 /// ## Example
 /// ```example