add disqus formatting comment

threejs/lessons/langinfo.hanson

@@ -5,8 +5,24 @@
   title: 'three.js fundamentals',
   description: 'Learn Three.js',
   link: 'http://threejsfundamentals.org/',
-  commentSectionHeader: '<div>Questions? <a href="http://stackoverflow.com/questions/tagged/three.js">Ask on stackoverflow</a>.</div>\n        <div><a href="https://github.com/gfxfundamentals/threejsfundamentals/issues/new?assignees=&labels=suggested+topic&template=suggest-topic.md&title=%5BSUGGESTION%5D">Suggestion</a>? <a href="https://github.com/gfxfundamentals/threejsfundamentals/issues/new?assignees=&labels=&template=request.md&title=">Request</a>? <a href="https://github.com/gfxfundamentals/threejsfundamentals/issues/new?assignees=&labels=bug+%2F+issue&template=bug-issue-report.md&title=">Issue</a>? <a href="https://github.com/gfxfundamentals/threejsfundamentals/issues/new?assignees=&labels=bug+%2F+issue&template=bug-issue-report.md&title=">Bug</a>?</div>',
-  missing: "Sorry this article has not been translated yet. [Translations Welcome](https://github.com/gfxfundamentals/threejsfundamentals)! 😄\n\n[Here's the original English article for now]({{{origLink}}}).",
+  commentSectionHeader: `
+    <div>Questions? <a href="http://stackoverflow.com/questions/tagged/three.js">Ask on stackoverflow</a>.</div>
+    <div>
+       <a href="https://github.com/gfxfundamentals/threejsfundamentals/issues/new?assignees=&labels=suggested+topic&template=suggest-topic.md&title=%5BSUGGESTION%5D">Suggestion</a>?
+       <a href="https://github.com/gfxfundamentals/threejsfundamentals/issues/new?assignees=&labels=&template=request.md&title=">Request</a>?
+       <a href="https://github.com/gfxfundamentals/threejsfundamentals/issues/new?assignees=&labels=bug+%2F+issue&template=bug-issue-report.md&title=">Issue</a>?
+       <a href="https://github.com/gfxfundamentals/threejsfundamentals/issues/new?assignees=&labels=bug+%2F+issue&template=bug-issue-report.md&title=">Bug</a>?
+    </div>
+    <div class="lesson-comment-notes">
+       Use <b>&lt;pre&gt;&lt;code&gt;</b>code goes here<b>&lt;/code&gt;&lt;/pre&gt;</b> for code blocks
+    </div>
+  `,
+  missing: `
+     Sorry this article has not been translated yet. 
+     [Translations Welcome](https://github.com/gfxfundamentals/threejsfundamentals)! 😄
+     
+     [Here's the original English article for now]({{{origLink}}}).
+  `,
   toc: 'Table of Contents',
   categoryMapping: {
     'basics': 'Basics',

threejs/lessons/resources/lesson.css

@@ -87,6 +87,12 @@ div[data-diagram] {
   border: 1px solid black;
 }
 
+.lesson-comment-notes {
+  padding: 1em;
+  margin: 1em;
+  background: #DDD;
+  color: red;
+}
 
 .threejs_navbar>div,
 .lesson-title,
@@ -556,5 +562,8 @@ pre.prettyprint.lighttheme .fun { color: #900; }  /* function name */
   div.threejs_bottombar code {
     background-color: #348;
   }
+  .lesson-comment-notes {
+    background: #222;
+  }
 }