diff --git a/docs/pybullet_quickstart_guide/PlainPreview/Article.md.html b/docs/pybullet_quickstart_guide/PlainPreview/Article.md.html
new file mode 100644
index 000000000..a46f9227e
--- /dev/null
+++ b/docs/pybullet_quickstart_guide/PlainPreview/Article.md.html
@@ -0,0 +1,10 @@
+
+Hello Markdeep!
+
+- Hello
+- lists!
+
+Hello MathJax:
+\[f(0)=\frac{1}{2\cdot\pi\cdot i}\cdot \oint_{|z|=1} \frac{f(z)}{z} \textrm{d}z\]
+
+
diff --git a/docs/pybullet_quickstart_guide/PlainPreview/BuildMarkdeepUtility.py b/docs/pybullet_quickstart_guide/PlainPreview/BuildMarkdeepUtility.py
new file mode 100644
index 000000000..16793346e
--- /dev/null
+++ b/docs/pybullet_quickstart_guide/PlainPreview/BuildMarkdeepUtility.py
@@ -0,0 +1,43 @@
+import re
+
+if(__name__=="__main__"):
+ # Assemble the script which embeds the Markdeep page into the preview blog
+ PreviewBlogPage=open("PreviewBlogPage.htm","rb").read().decode("utf-8");
+ HeadMatch=re.search("(.*?)",PreviewBlogPage,re.DOTALL);
+ HeadAttributes=HeadMatch.group(1);
+ FullDocumentHead=HeadMatch.group(2);
+ BodyMatch=re.search("(.*?)",PreviewBlogPage,re.DOTALL);
+ BodyAttributes=BodyMatch.group(1);
+ FullPreviewBody=BodyMatch.group(2);
+ ArticleHTMLCodeMacro="$(ARTICLE_HTML_CODE)";
+ iArticleHTMLCodeMacro=FullPreviewBody.find(ArticleHTMLCodeMacro);
+ DocumentBodyPrefix=FullPreviewBody[0:iArticleHTMLCodeMacro];
+ DocumentBodySuffix=FullPreviewBody[iArticleHTMLCodeMacro+len(ArticleHTMLCodeMacro):];
+ FullPrepareHTMLCode=open("PrepareHTML.js","rb").read().decode("utf-8");
+ ReplacementList=[
+ ("$(FULL_DOCUMENT_HEAD)",FullDocumentHead),
+ ("$(DOCUMENT_BODY_PREFIX)",DocumentBodyPrefix),
+ ("$(DOCUMENT_BODY_SUFFIX)",DocumentBodySuffix)
+ ];
+ for Macro,Replacement in ReplacementList:
+ FullPrepareHTMLCode=FullPrepareHTMLCode.replace(Macro,Replacement.replace("\r\n","\\r\\n\\\r\n").replace("'","\\'"));
+ # Generate code which sets body and head attributes appropriately
+ for Element,AttributeCode in [("head",HeadAttributes),("body",BodyAttributes)]:
+ FullPrepareHTMLCode+="\r\n// Setting "+Element+" attributes\r\n";
+ for Match in re.finditer("(\\w+)=\\\"(.*?)\\\"",AttributeCode):
+ FullPrepareHTMLCode+="document."+Element+".setAttribute(\""+Match.group(1)+"\",\""+Match.group(2)+"\");\r\n";
+ open("PrepareHTML.full.js","wb").write(FullPrepareHTMLCode.encode("utf-8"));
+
+ # Concatenate all the scripts together
+ SourceFileList=[
+ "PrepareHTML.full.js",
+ "SetMarkdeepMode.js",
+ "markdeep.min.js",
+ "DisplayMarkdeepOutput.js",
+ "InvokeMathJax.js"
+ ];
+ OutputCode="\r\n\r\n".join(["// "+SourceFile+"\r\n\r\n"+open(SourceFile,"rb").read().decode("utf-8") for SourceFile in SourceFileList]);
+ OutputFile=open("MarkdeepUtility.js","wb");
+ OutputFile.write(OutputCode.encode("utf-8"));
+ OutputFile.close();
+ print("Done.");
diff --git a/docs/pybullet_quickstart_guide/PlainPreview/DisplayMarkdeepOutput.js b/docs/pybullet_quickstart_guide/PlainPreview/DisplayMarkdeepOutput.js
new file mode 100644
index 000000000..9549abf40
--- /dev/null
+++ b/docs/pybullet_quickstart_guide/PlainPreview/DisplayMarkdeepOutput.js
@@ -0,0 +1,6 @@
+BodyHTML=document.body.innerHTML;
+BeginTag="";
+EndTag="";
+BodyHTML=BodyHTML.slice(BodyHTML.indexOf(BeginTag)+BeginTag.length,BodyHTML.lastIndexOf(EndTag));
+document.getElementById("BodyDisplayBox").textContent=BodyHTML;
+document.head.innerHTML=FullDocumentHead;
diff --git a/docs/pybullet_quickstart_guide/PlainPreview/InvokeMathJax.js b/docs/pybullet_quickstart_guide/PlainPreview/InvokeMathJax.js
new file mode 100644
index 000000000..ab400c11a
--- /dev/null
+++ b/docs/pybullet_quickstart_guide/PlainPreview/InvokeMathJax.js
@@ -0,0 +1,4 @@
+var MathjaxScript=document.createElement("script");
+MathjaxScript.type="text/javascript";
+MathjaxScript.src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML";
+document.head.appendChild(MathjaxScript);
diff --git a/docs/pybullet_quickstart_guide/PlainPreview/MarkdeepUtility.js b/docs/pybullet_quickstart_guide/PlainPreview/MarkdeepUtility.js
new file mode 100644
index 000000000..76eb5def1
--- /dev/null
+++ b/docs/pybullet_quickstart_guide/PlainPreview/MarkdeepUtility.js
@@ -0,0 +1,152 @@
+// PrepareHTML.full.js
+
+/** Converts <>&" to their HTML escape sequences */
+function escapeHTMLEntities(str) {
+ return String(str).replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"');
+}
+
+
+/** Restores the original source string's '<' and '>' as entered in
+ the document, before the browser processed it as HTML. There is no
+ way in an HTML document to distinguish an entity that was entered
+ as an entity.*/
+function unescapeHTMLEntities(str) {
+ // Process & last so that we don't recursively unescape
+ // escaped escape sequences.
+ return str.
+ replace(//g, '>').
+ replace(/"/g, '"').
+ replace(/'/g, "'").
+ replace(/–/g, '--').
+ replace(/—/g, '---').
+ replace(/&/g, '&');
+}
+
+
+/**
+ \param node A node from an HTML DOM
+
+ \return A String that is a very good reconstruction of what the
+ original source looked like before the browser tried to correct
+ it to legal HTML.
+ */
+function nodeToMarkdeepSource(node, leaveEscapes) {
+ var source = node.innerHTML;
+
+ // Markdown uses