diff --git a/.gitignore b/.gitignore
index 704e960..7629330 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,6 +4,7 @@ test/tlex
 test/tdom
 test/tserialization
 test/tjson
+test/tparser
 test/yamlTestSuite
 test/tquickstart
 test/*.exe
@@ -22,3 +23,4 @@ doc/rstPreproc
 doc/tmp.rst
 doc/**/code
 yaml-dev-kit
+nimsuggest.log
diff --git a/config.nims b/config.nims
index 57572d2..5e34367 100644
--- a/config.nims
+++ b/config.nims
@@ -48,7 +48,8 @@ task documentation, "Generate documentation":
     exec r"nim rst2html -o:../docout/api.html tmp.rst"
     exec r"./rstPreproc -o:tmp.rst serialization.txt"
     exec r"nim rst2html -o:../docout/serialization.html tmp.rst"
-    exec "cp docutils.css style.css testing.html processing.svg ../docout"
+    exec r"nim rst2html -o:../docout/testing.html testing.txt"
+    exec "cp docutils.css style.css processing.svg ../docout"
   exec r"nim doc2 -o:docout/yaml.html --docSeeSrcUrl:https://github.com/flyx/NimYAML/blob/`git log -n 1 --format=%H` yaml"
   for file in listFiles("yaml"):
     let packageName = file[5..^5]
diff --git a/doc/style.css b/doc/style.css
index 3be9e52..ec7d977 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -108,6 +108,11 @@ dt a:before {
     visibility: hidden;
 }
 
+#testingground {
+    margin-left: -50px;
+    margin-right: -50px;
+}
+
 #testingground textarea {
   width: 100%;
   height: 100%;
diff --git a/doc/testing.html b/doc/testing.txt
similarity index 75%
rename from doc/testing.html
rename to doc/testing.txt
index 99ac2b8..a6a3b01 100644
--- a/doc/testing.html
+++ b/doc/testing.txt
@@ -1,32 +1,11 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <title>NimYAML - Testing Ground</title>
+==============
+Testing Ground
+==============
 
-  <link href="docutils.css" rel="stylesheet" type="text/css"/>
-  <link href="style.css" rel="stylesheet" type="text/css"/>
-  
-  <link href='http://fonts.googleapis.com/css?family=Raleway:400,600,900' rel='stylesheet' type='text/css'/>
-  <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600' rel='stylesheet' type='text/css'/>
-</head>
-<body>
-  <header>
-    <a class="pagetitle" href="index.html">NimYAML</a>
-    <a href="index.html">Home</a>
-    <a href="testing.html">Testing Ground</a>
-    <span>Docs:</span>
-    <a href="api.html">Overview</a>
-    <a href="serialization.html">Serialization</a>
-    <a href="yaml.html">Module yaml</a>
-  </header>
-  <article id="documentId">
-    <div class="container">
-      <h1 class="title">Testing Ground</h1>
-      <p>Input is being processed on the fly by a friendly web service and
-         Output is updated as you type.</p>
-    </div>
-  </article>
+Input is being processed on the fly by a friendly web service and output is
+updated as you type.
+
+.. raw:: html
   <section id="testingground">
     <table style="width: 100%; table-layout: fixed">
       <thead>
@@ -39,16 +18,16 @@
         <tr>
           <td style="width: 50%; height: 550px; vertical-align: top;">
             <textarea id="yaml-input" style="width: 100%; height: 100%">
-- test some
-- {YAML: here}
-- foo: bar
-  ? [1, 2, 3]
-  : !!str "string"
-- 
-  ? &amp;a anchor
-  : !!bool yes
-  ? reference to anchor
-  : *a</textarea>
+  - test some
+  - {YAML: here}
+  - foo: bar
+    ? [1, 2, 3]
+    : !!str "string"
+  -
+    ? &amp;a anchor
+    : !!bool yes
+    ? reference to anchor
+    : *a</textarea>
           </td>
           <td style="width: 50%; vertical-align: top; height: 550px; padding-left: 10px">
             <div style="width:100%; height:100%; overflow: scroll">
@@ -139,5 +118,3 @@
     }
     parse();
   </script>
-</body>
-</html>
