Showing Content

Client/WebServer/css/docs.css

@@ -97,4 +97,15 @@
   .docs-tooltip:hover .docs-tooltiptext {
     visibility: visible;
     opacity: 1;
-  }
+  }
+
+/* Headers */
+
+h2 {font-weight:700; font-size:170%; margin-top: 60px; padding-bottom: 5px;}
+h3 {font-weight:500; font-size:150%; margin-top: 30px;}
+h4 {font-weight:400; font-size:150%; margin-top: 30px;}
+h5 {font-weight:400; font-size:140%; margin-top: 30px; font-style:italic;}
+h6 {font-weight:400; font-size:130%; margin-top: 30px; font-style:italic;}
+h7 {font-weight:400; font-size:120%; margin-top: 30px; font-style:italic;}
+
+/* Line on main headings spanning across the screen */

Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js

@@ -68,6 +68,11 @@ function newSuperalgosDocSpace() {
 
         function buildNodeHtmlPage() {
             let HTML = ''
+
+            /* Title */
+            HTML = HTML + '<div><h1 class="docs-font-large" id="' + node.type.toLowerCase().replace(' ', '-') + '" > ' + node.type + '</h1></div>'
+
+            /* We start with the Definition Table */
             if (nodeDocsDefinition.definition !== undefined) {
                 HTML = HTML + '<table class="docs-definitionTable">'
                 HTML = HTML + '<tr>'
@@ -81,6 +86,14 @@ function newSuperalgosDocSpace() {
                 HTML = HTML + '</table>'
             }
 
+            /* Here we add the contend defined for this node */
+            if (nodeDocsDefinition.content !== undefined) {
+                for (let i = 0; i < nodeDocsDefinition.content.length; i++) {
+                    let paragraph = nodeDocsDefinition.content[i]
+                    HTML = HTML + '<p>' + paragraph + '</p>'
+                }
+            }
+
             let docsAppDiv = document.getElementById('docsDiv')
             docsAppDiv.innerHTML = HTML