fez5587/Superalgos
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Footer WIP

Browse Source
This commit is contained in:
Julian Molina committed 2020-12-31 19:06:26 +01:00
1 parent 8d3009440c
commit 44f6467ecb
2 files changed
+96 -47
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Client/WebServer/css/docs.css
+42 -28
View File
@@ -25,9 +25,9 @@ margin: 20 25 20 30px;
font: 400 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #e6eaea;
background-color: #365558;
line-height: 150%;
border-top: 3px solid #0295aa;
margin: 0px;
line-height: 160%;
border-top: 5px solid #0295aa;
margin: 150px 0 0 0;
padding: 50 25 20 30px;
}
@@ -371,22 +371,53 @@ background: white;
width: 100%;
}
/* Footer */
.docs-node-html-footer-table {
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 8px;
}
.docs-footer-row {
text-decoration: none; /*I added this dummy property because this can not be empty. */
/* DELETE candidate
margin-right: -15px;
margin-left: -15px;
*/
padding: 40px 0;
display: table-row;
}
.docs-footer-cell {
padding: 20 15px;
display: table-cell;
width: 33%;
}
#docs-footer h4 {
font-size: 120%;
font-weight: 300;
}
#docs-footer a:hover {
text-decoration: none;
color: #ff8c29 !important;
cursor: pointer;
}
#docs-footer a:link,
#docs-footer a:visited,
#docs-footer a:active {
text-decoration: none;
color: #ffd1a9;
}
/* DELETE candidate
.docs-footer-body {
position: relative;
min-height: 1px;
/* DELETE candidate
padding-right: 15px;
padding-left: 15px;
*/
}
*/
/* Links */
a:link.docs-plain-link {
@@ -416,25 +447,8 @@ text-decoration: none;
padding-left: 3px;
}
a:link.docs-footer-link {
text-decoration: none;
color: #ffd1a9;
}
a:visited.docs-footer-link {
text-decoration: none;
color: #ffd1a9;
}
a:hover.docs-footer-link {
text-decoration: underline;
color: #ff8c29;
}
a:active.docs-footer-link {
text-decoration: none;
color: #ff8c29;
}
/* Tags */
@@ -690,7 +704,7 @@ width: 100%;
.docs-search-results-header-tabs-container > input:checked + label {
color: #0295aa;
padding-bottom: 2px;
border-bottom: 3px solid #0295aa;
border-bottom: 5px solid #0295aa;
}
/* Search Results Page Content */
Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js
+54 -19
View File
@@ -20,40 +20,75 @@ function newSuperalgosDocsFooter() {
let HTML = ''
HTML = HTML + '<div class="docs-node-html-footer-container">' // Container Starts
HTML = HTML + '<div id="docs-footer" class="docs-node-html-footer-container">' // Container Starts
HTML = HTML + '<div class="docs-node-html-footer-table">'
HTML = HTML + '<div class="docs-footer-row">'
HTML = HTML + '<div class="docs-footer-cell">'
HTML = HTML + '<div onClick="UI.projects.superalgos.spaces.docsSpace.scrollToElement(\'docs-space-div\')" class="docs-plain-link"><kbd class=docs-kbd>BACK TO TOP ↑</kbd></div>'
HTML = HTML + '<div onClick="UI.projects.superalgos.spaces.docsSpace.scrollToElement(\'docs-space-div\')"><kbd class=docs-kbd>BACK TO TOP ↑</kbd></div>'
HTML = HTML + '</div>'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-node-html-footer-table">'
HTML = HTML + '<div class="docs-footer-row">'
HTML = HTML + '<div class="docs-footer-cell">'
HTML = HTML + 'You are currently reading the Docs in ' + languageLabel + '. To read the Docs in your language, follow one of these links:'
HTML = HTML + '<h4>Multi-language Docs</h4>'
HTML = HTML + 'We produce the original documentation in English and you get the content in your preferred language only when translations are available. When not, you get the default content, in English.'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-footer-cell">'
HTML = HTML + '<h4>Choose Your Language</h4>'
HTML = HTML + 'The current preferred language is <strong>' + languageLabel + '</strong>. Switch to:'
HTML = HTML + '<ul>'
HTML = HTML + '<li><a onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'EN\')" class="docs-footer-link">English</a> — The collection of articles is complete in this language.</li>'
HTML = HTML + '<li><a onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'ES\')" class="docs-footer-link">Spanish</a> — Work in progress. You are invited to contribute translating content.</li>'
HTML = HTML + '<li><a onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'RU\')" class="docs-footer-link">Russian</a> — Work in progress. You are invited to contribute translating content.</li>'
HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'EN\')">English</a></li>'
HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'ES\')">Spanish</a></li>'
HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'RU\')">Russian</a></li>'
HTML = HTML + '</ul>'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-footer-cell">'
HTML = HTML + '<h4>Contribute Translations</h4>'
HTML = HTML + '<strong>1. </strong>Switch to your language.<br/>'
HTML = HTML + '<strong>2. </strong>Edit any English paragraph with your translation.<br/>'
HTML = HTML + '<strong>3. </strong>Type <code class="docs-code">docs.save</code> in the search / command box.<br/>'
HTML = HTML + '<strong>4. </strong>Update your fork and submit a PR.<br/>'
HTML = HTML + '</ol>'
HTML = HTML + '</div>'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-footer-row">'
HTML = HTML + '<div class="docs-footer-cell">'
HTML = HTML + '<h4>Join the Conversation</h4>'
HTML = HTML + '<ul>'
HTML = HTML + '<li><a href="https://t.me/superalgoscommunity" target="_blank">Community Group</a></li>'
HTML = HTML + '<li><a href="https://t.me/superalgossupport" target="_blank">Technical Support Group</a></li>'
HTML = HTML + '<li><a href="https://t.me/superalgosdevelop" target="_blank">Developers Group</a></li>'
HTML = HTML + '<li><a href="https://t.me/superalgosuxui" target="_blank">UX/UI Design Group</a></li>'
HTML = HTML + '</ul>'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-footer-cell">'
HTML = HTML + '<h4>In Your Language</h4>'
HTML = HTML + '<ul>'
HTML = HTML + '<li><a href="https://t.me/superalgos_es" target="_blank">Hablemos en Español!</a></li>'
HTML = HTML + '<li><a href="https://t.me/superalgos_ru" target="_blank">Говорим по русски!</a></li>'
HTML = HTML + '</ul>'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-footer-cell">'
HTML = HTML + '<h4>Other Resources</h4>'
HTML = HTML + '<ul>'
HTML = HTML + '<li><a href="https://t.me/superalgos" target="_blank">Official Announcements</a></li>'
HTML = HTML + '<li><a href="https://superalgos.org" target="_blank">Features and Functionality</a></li>'
HTML = HTML + '<li><a href="https://github.com/Superalgos/Superalgos" target="_blank">Main Repository</a></li>'
HTML = HTML + '</ul>'
HTML = HTML + '</div>'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-footer-row">'
HTML = HTML + '<div class="docs-footer-cell">'
HTML = HTML + 'Other resources:'
HTML = HTML + '<ul>'
HTML = HTML + '<li><a href="https://superalgos.org/" target="_blank" class="docs-footer-link">Superalgos Project</a> — Learn more about the project.</li>'
HTML = HTML + '<li><a href="https://t.me/superalgoscommunity" rel="nofollow" target="_blank" class="docs-footer-link">Community Group</a> — Lets talk Superalgos!</li>'
HTML = HTML + '<li><a href="https://t.me/superalgossupport" rel="nofollow" target="_blank" class="docs-footer-link">Support Group</a> — Need help using the <code >master</code> branch?</li>'
HTML = HTML + '<li><a href="https://t.me/superalgosdevelop" rel="nofollow" target="_blank" class="docs-footer-link">Develop Group</a> — Come test the <code class="docs-code">develop</code> branch!</li>'
HTML = HTML + '<li><a href="https://t.me/superalgosuxui" rel="nofollow" target="_blank" class="docs-footer-link">UX/UI Design Group</a> — Help us improve the GIU!</li>'
HTML = HTML + '<li><a href="https://t.me/superalgos_es" rel="nofollow" target="_blank" class="docs-footer-link">Grupo en Español</a> — Hablemos en español!</li>'
HTML = HTML + '<li><a href="https://t.me/superalgos" rel="nofollow" target="_blank" class="docs-footer-link">Superalgos Announcements</a> — Be the first to know about new releases, hotfixes, and important issues.</li>'
HTML = HTML + '</ul>'
HTML = HTML + '<img src="Images/superalgos-logo-white.png" width="200 px">'
HTML = HTML + '</div>'
HTML = HTML + '</div>'
HTML = HTML + '</div>' // Container Ends