Intentional indentation and newlines

config/examples/strapless.html

@@ -53,23 +53,18 @@
         </form>
         <pre><code id="example-source" class="language-markup">&lt;!DOCTYPE html&gt;
 &lt;html&gt;
-&lt;head&gt;
+  &lt;head&gt;
-&lt;title&gt;{{ title }}&lt;/title&gt;
+    &lt;title&gt;{{ title }}&lt;/title&gt;
-&lt;link rel="stylesheet" href="http://openlayers.org/en/v{{ olVersion }}/css/ol.css" type="text/css"&gt;
+    &lt;link rel="stylesheet" href="http://openlayers.org/en/v{{ olVersion }}/css/ol.css" type="text/css"&gt;
-&lt;script src="http://openlayers.org/en/v{{ olVersion }}/build/ol.js"&gt;&lt;/script&gt;
+    &lt;script src="http://openlayers.org/en/v{{ olVersion }}/build/ol.js"&gt;&lt;/script&gt;{{#if extraHead.remote}}
-{{ extraHead.remote }}
+{{ indent extraHead.remote spaces=4 }}{{/if}}{{#if css.source}}
-{{#if css.source}}
+    &lt;style&gt;
-&lt;style&gt;
+{{ indent css.source spaces=6 }}    &lt;/style&gt;{{/if}}
-{{ css.source }}
+  &lt;/head&gt;
-&lt;/style&gt;
+  &lt;body&gt;
-{{/if}}
+{{ indent contents spaces=4 }}    &lt;script&gt;
-&lt;/head&gt;
+{{ indent js.source spaces=6 }}    &lt;/script&gt;
-&lt;body&gt;
+  &lt;/body&gt;
-{{ contents }}
-&lt;script&gt;
-{{ js.source }}
-&lt;/script&gt;
-&lt;/body&gt;
 &lt;/html&gt;</code></pre>
       </div>
     </div>

tasks/build-examples.js

@@ -233,6 +233,16 @@ function main(callback) {
         helpers: {
           md: function(str) {
             return new handlebars.SafeString(marked(str));
+          },
+          indent: function(text, options) {
+            if (!text) {
+              return text;
+            }
+            var count = options.hash.spaces || 2;
+            var spaces = new Array(count + 1).join(' ');
+            return text.split('\n').map(function(line) {
+              return line ? spaces + line : '';
+            }).join('\n');
           }
         }
       }))