Auto-generate more code samples, plus other fixes and improvements

_basics/introduction.md

@@ -19,7 +19,7 @@ Liquid code can be categorized into [**objects**](#objects), [**tags**](#tags),
 
 <p class="code-label">Output</p>
 ```text
-Introduction
+{{ page.title }}
 ```
 
 In this case, Liquid is rendering the content of an object called `page.title`, and that object contains the text `Introduction`.
@@ -79,5 +79,5 @@ Multiple filters can be used on one output. They are applied from left to right.
 
 <p class="code-label">Output</p>
 ```text
-Hello Adam!
+{{ "adam!" | capitalize | prepend: "Hello " }}
 ```