Section Style added

Client/WebServer/css/docs.css

@@ -244,7 +244,11 @@ color: #808080;
 margin:20px 0px 20px 0px;
 border-left: 5px solid #fd6a33;
 padding-left: 10px;
+}
 
+.docs-section {
+font-size:120%;
+padding: 200px;
 }
 
 .docs-note-circle:before {

Client/WebServer/index.html

@@ -126,6 +126,7 @@
         <li class="menu-item" onClick="window.contextMenu.toHierarchy()">Hierarchy Style</li>
         <li class="menu-item" onClick="window.contextMenu.toWebPageLink()">Web Page Link Style</li>
         <li class="menu-item" onClick="window.contextMenu.toYouTubeVideo()">YouTube Video Style</li>
+        <li class="menu-item" onClick="window.contextMenu.toSection()">Section Style</li>
         <li class="menu-item" onClick="window.contextMenu.toGif()">Gif Style</li>
         <li class="menu-item" onClick="window.contextMenu.toPng()">Png Style</li>
         <li class="menu-item" onClick="window.contextMenu.toAnchor()">Anchor</li>

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

@@ -98,6 +98,7 @@ function newSuperalgosDocSpace() {
                 toAnchor: toAnchor,
                 toBlock: toBlock,
                 toInclude: toInclude,
+                toSection: toSection,
                 copyLink: copyLink,
                 toWebPageLink: toWebPageLink,
                 toYouTubeVideo: toYouTubeVideo
@@ -247,6 +248,13 @@ function newSuperalgosDocSpace() {
                 renderDocumentPage()
             }
 
+            function toSection() {
+                let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
+                docSchemaParagraph.style = 'Section'
+                contextMenuForceOutClick()
+                renderDocumentPage()
+            }
+
             function toList() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'List'
@@ -708,6 +716,9 @@ function newSuperalgosDocSpace() {
         if (paragraphNode.id.indexOf('-anchor') >= 0) {
             selectedParagraphData = paragraphNode.innerText.trim()
         }
+        if (paragraphNode.id.indexOf('-section') >= 0) {
+            selectedParagraphData = paragraphNode.innerText.trim()
+        }
         if (paragraphNode.id.indexOf('-block') >= 0) {
             selectedParagraphData = paragraphNode.innerText.trim()
         }
@@ -1502,6 +1513,10 @@ function newSuperalgosDocSpace() {
                             documentPoints = documentPoints + thisPhraseCount * 6
                             break
                         }
+                        case 'section': {
+                            documentPoints = documentPoints + thisPhraseCount * 8
+                            break
+                        }
                         case 'table': {
                             documentPoints = documentPoints + thisPhraseCount * 3
                             break
@@ -2940,6 +2955,17 @@ function newSuperalgosDocSpace() {
                         innerHTML = innerHTML + addWarningIfTranslationIsOutdated(paragraph)
                         break
                     }
+                    case 'Section': {
+                        styleClass = 'class="docs-section"'
+                        prefix = ''
+                        role = ''
+                        key = key + '-section'
+                        innerHTML = getTextBasedOnLanguage(paragraph)
+                        innerHTML = addToolTips(innerHTML)
+                        innerHTML = addItalics(innerHTML)
+                        innerHTML = innerHTML + addWarningIfTranslationIsOutdated(paragraph)
+                        break
+                    }
                     case 'List': {
                         styleClass = ''
                         prefix = '<li>'