powercoder23
diff --git a/‎_src/app/docs/src/TypeDocumentation.js
+29-11 b/‎_src/app/docs/src/TypeDocumentation.js
+29-11
diff --git a/‎_src/app/docs/src/style.less
+1-17 b/‎_src/app/docs/src/style.less
+1-17
diff --git a/‎docs/bundle.css
+1-1 b/‎docs/bundle.css
+1-1
diff --git a/‎docs/bundle.js
+28-10 b/‎docs/bundle.js
+28-10
@@ -126,7 +126,7 @@ var TypeDoc = React.createClass({
     var memberName = this.props.memberName;
     var memberGroups = this.props.memberGroups;
 
-    var doc = def.doc;
+    var doc = def.doc || {};
     var call = def.call;
     var functions = Seq(def.module).filter(t => !t.interface && !t.module);
     var types = Seq(def.module).filter(t => t.interface || t.module);
@@ -136,18 +136,36 @@ var TypeDoc = React.createClass({
     return (
       <div>
         <h1 className="typeHeader">
-          {interfaceDef ?
-            <code>
-            <InterfaceDef name={name} def={interfaceDef} /></code> :
-            name
-          }
+          {name}
         </h1>
+        {doc.synopsis && <MarkDown className="synopsis" contents={doc.synopsis} />}
+        <code className="codeBlock memberSignature">
+          <InterfaceDef name={name} def={interfaceDef} />
+        </code>
+
+        {doc.notes && doc.notes.map((note, i) =>
+          <section key={i}>
+            <h4 className="infoHeader">
+              {note.name}
+            </h4>
+            {
+              note.name === 'alias' ?
+                <CallSigDef name={note.body} /> :
+              note.body
+            }
+          </section>
+        )}
 
-        {doc && <section className="doc">
-          <MarkDown contents={doc.synopsis} />
-          {doc.description && <MarkDown contents={doc.description} />}
-          {doc.notes && <p>{doc.notes}</p>}
-        </section>}
+        {doc.description &&
+          <section>
+            <h4 className="infoHeader">
+              {doc.description.substr(0, 5) === '<code' ?
+                'Example' :
+                'Discussion'}
+            </h4>
+            <MarkDown className="discussion" contents={doc.description} />
+          </section>
+        }
 
         {call &&
           <section>
 
@@ -124,28 +124,12 @@
   background-color: rgba(112, 170, 220, 0.2);
 }
 
-.typeTable th {
-  font-family: Menlo, monospace;
-  font-weight: normal;
-  padding: 0 4ch 0 12px;
-  text-align: left;
-}
-
-.typeTable td {
-  max-width: 70ch;
-}
-
-.typeTable th,
-.typeTable td {
-  padding-bottom: 1em;
-  vertical-align: top;
-}
-
 .typeHeader {
   color: #555;
   font-size: 1.5em;
   font-weight: normal;
   margin: 1rem 0;
+  font-weight: bold;
 }
 
 .interfaceMember {
 
@@ -960,7 +960,7 @@ var TypeDoc = React.createClass({displayName: 'TypeDoc',
     var memberName = this.props.memberName;
     var memberGroups = this.props.memberGroups;
 
-    var doc = def.doc;
+    var doc = def.doc || {};
     var call = def.call;
     var functions = Seq(def.module).filter(function(t)  {return !t.interface && !t.module;});
     var types = Seq(def.module).filter(function(t)  {return t.interface || t.module;});
@@ -970,19 +970,37 @@ var TypeDoc = React.createClass({displayName: 'TypeDoc',
     return (
       React.createElement("div", null, 
         React.createElement("h1", {className: "typeHeader"}, 
-          interfaceDef ?
-            React.createElement("code", null, 
-            React.createElement(InterfaceDef, {name: name, def: interfaceDef})) :
-            name
-          
+          name
+        ), 
+        doc.synopsis && React.createElement(MarkDown, {className: "synopsis", contents: doc.synopsis}), 
+        React.createElement("code", {className: "codeBlock memberSignature"}, 
+          React.createElement(InterfaceDef, {name: name, def: interfaceDef})
         ), 
 
-        doc && React.createElement("section", {className: "doc"}, 
-          React.createElement(MarkDown, {contents: doc.synopsis}), 
-          doc.description && React.createElement(MarkDown, {contents: doc.description}), 
-          doc.notes && React.createElement("p", null, doc.notes)
+        doc.notes && doc.notes.map(function(note, i) 
+          {return React.createElement("section", {key: i}, 
+            React.createElement("h4", {className: "infoHeader"}, 
+              note.name
+            ), 
+            
+              note.name === 'alias' ?
+                React.createElement(CallSigDef, {name: note.body}) :
+              note.body
+            
+          );}
         ), 
 
+        doc.description &&
+          React.createElement("section", null, 
+            React.createElement("h4", {className: "infoHeader"}, 
+              doc.description.substr(0, 5) === '<code' ?
+                'Example' :
+                'Discussion'
+            ), 
+            React.createElement(MarkDown, {className: "discussion", contents: doc.description})
+          ), 
+        
+
         call &&
           React.createElement("section", null, 
             React.createElement("h4", {className: "groupTitle"}, "Construction"),