diff --git a/Client/WebServer/css/docs.css b/Client/WebServer/css/docs.css index 000fbf5c2..717335ec9 100644 --- a/Client/WebServer/css/docs.css +++ b/Client/WebServer/css/docs.css @@ -97,4 +97,15 @@ .docs-tooltip:hover .docs-tooltiptext { visibility: visible; opacity: 1; - } \ No newline at end of file + } + +/* 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 */ diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js index d8c58dde7..6f32af270 100644 --- a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js +++ b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js @@ -68,6 +68,11 @@ function newSuperalgosDocSpace() { function buildNodeHtmlPage() { let HTML = '' + + /* Title */ + HTML = HTML + '

' + node.type + '

' + + /* We start with the Definition Table */ if (nodeDocsDefinition.definition !== undefined) { HTML = HTML + '' HTML = HTML + '' @@ -81,6 +86,14 @@ function newSuperalgosDocSpace() { HTML = HTML + '
' } + /* 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 + '

' + paragraph + '

' + } + } + let docsAppDiv = document.getElementById('docsDiv') docsAppDiv.innerHTML = HTML