fix(docs): add i18n to nav, and other tweaks

This commit is contained in:
Mrugesh Mohapatra
2020-10-02 04:07:20 +05:30
committed by Mrugesh Mohapatra
parent 2e8b0366dc
commit 86a1da59ff
5 changed files with 70 additions and 46 deletions

View File

@ -1,29 +1 @@
- Translations - [Translations](_translations.md)
- [English](/index.md)
- [Afrikaans](/i18n/Afrikaans/index.md)
- [Arabic](/i18n/Arabic/index.md)
- [Catalan](/i18n/Catalan/index.md)
- [Chinese](/i18n/Chinese/index.md)
- [Czech](/i18n/Czech/index.md)
- [Danish](/i18n/Danish/index.md)
- [Dutch](/i18n/Dutch/index.md)
- [Finnish](/i18n/Finnish/index.md)
- [French](/i18n/French/index.md)
- [German](/i18n/German/index.md)
- [Greek](/i18n/Greek/index.md)
- [Hebrew](/i18n/Hebrew/index.md)
- [Hindi](/i18n/Hindi/index.md)
- [Hungarian](/i18n/Hungarian/index.md)
- [Italian](/i18n/Italian/index.md)
- [Japanese](/i18n/Japanese/index.md)
- [Korean](/i18n/Korean/index.md)
- [Norwegian](/i18n/Norwegian/index.md)
- [Polish](/i18n/Polish/index.md)
- [Portuguese](/i18n/Portuguese/index.md)
- [Romanian](/i18n/Romanian/index.md)
- [Russian](/i18n/Russian/index.md)
- [Serbian](/i18n/Serbian/index.md)
- [Swedish](/i18n/Swedish/index.md)
- [Turkish](/i18n/Turkish/index.md)
- [Ukrainian](/i18n/Ukrainian/index.md)
- [Vietnamese](/i18n/Vietnamese/index.md)

View File

@ -17,7 +17,7 @@ body {
text-decoration: none !important; text-decoration: none !important;
} }
/****** Universal Nav ****/ /****** Nav ****/
.universal-nav { .universal-nav {
margin: 0px; margin: 0px;
@ -31,23 +31,28 @@ body {
z-index: 100; z-index: 100;
} }
.universal-nav a.translations-link {
color: #ffffff;
position: fixed;
right: 50px;
line-height: 24px;
font-size: 16px;
margin: 6px 0;
padding: 0 0;
}
.universal-nav img { .universal-nav img {
margin: 7px 0px; margin: 7px 0px;
height: 24px; height: 24px;
} }
/****** Translations Nav ****/ .app-nav {
/* The app nav is used only when loadNavBar is set to true */ visibility: hidden;
.app-nav.no-badge {
margin-top: 50px;
margin-right: calc(100px + 1.5rem);
font-size: 1.25rem;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
body .app-nav.no-badge { .universal-nav a.translations-link {
margin-top: 50px; visibility: hidden;
margin-right: calc(1.5rem);
} }
} }

36
docs/_translations.md Normal file
View File

@ -0,0 +1,36 @@
## Read these guides in other languages
<div style='columns: 3; -webkit-columns: 3; -moz-columns: 3;' >
- [English](/index.md)
- [Afrikaans](/i18n/Afrikaans/index.md)
- [Arabic](/i18n/Arabic/index.md)
- [Catalan](/i18n/Catalan/index.md)
- [Chinese](/i18n/Chinese/index.md)
- [Czech](/i18n/Czech/index.md)
- [Danish](/i18n/Danish/index.md)
- [Dutch](/i18n/Dutch/index.md)
- [Finnish](/i18n/Finnish/index.md)
- [French](/i18n/French/index.md)
- [German](/i18n/German/index.md)
- [Greek](/i18n/Greek/index.md)
- [Hebrew](/i18n/Hebrew/index.md)
- [Hindi](/i18n/Hindi/index.md)
- [Hungarian](/i18n/Hungarian/index.md)
- [Italian](/i18n/Italian/index.md)
- [Japanese](/i18n/Japanese/index.md)
- [Korean](/i18n/Korean/index.md)
- [Norwegian](/i18n/Norwegian/index.md)
- [Polish](/i18n/Polish/index.md)
- [Portuguese](/i18n/Portuguese/index.md)
- [Romanian](/i18n/Romanian/index.md)
- [Russian](/i18n/Russian/index.md)
- [Serbian](/i18n/Serbian/index.md)
- [Swedish](/i18n/Swedish/index.md)
- [Turkish](/i18n/Turkish/index.md)
- [Ukrainian](/i18n/Ukrainian/index.md)
- [Vietnamese](/i18n/Vietnamese/index.md)
</div>
Interested in updating the translations? Visit: <https://translate.freecodecamp.org>

View File

@ -19,6 +19,7 @@ files:
ignore: ignore:
- _coverpage.md - _coverpage.md
- _navbar.md - _navbar.md
- _translations.md
- README.md - README.md
- source: /flight-manuals/*.md - source: /flight-manuals/*.md
translation: /i18n/%language%/flight-manuals/%original_file_name% translation: /i18n/%language%/flight-manuals/%original_file_name%

View File

@ -36,12 +36,15 @@
</head> </head>
<body class='close'> <body class="close">
<!-- Navigation (we are using a div, instead of nav to avoid conflict with docsify's nav) --> <!-- Navigation (we are using a div, instead of nav to avoid conflict with docsify's nav) -->
<div class='universal-nav'> <div class='universal-nav'>
<a class="app-name-link" data-nosearch="" href="/"> <a class="app-name-link" data-nosearch="" href="/">
<img alt="freeCodeCamp.org" src="images/branding/primary_logo.svg"> <img alt="freeCodeCamp.org" src="images/branding/primary_logo.svg">
</a> </a>
<a class="translations-link" data-nosearch="" href="/#/_translations">
Translations
</a>
</div> </div>
<!-- App with its own nav, search and sidebar --> <!-- App with its own nav, search and sidebar -->
@ -51,10 +54,10 @@
homepage: 'index.md', homepage: 'index.md',
relativePath: true,
// common aliases // common aliases
alias: { alias: {
'.*/_navbar.md': '/_navbar.md'
}, },
@ -76,9 +79,11 @@
maxLevel: 2, maxLevel: 2,
subMaxLevel: 2, subMaxLevel: 2,
loadNavbar: false, //disabled for the sidebar introduced by activating i18n
topMargin: 90, topMargin: 90,
// we do not use the built in navbar other then in mobile view
loadNavbar: true,
mergeNavbar: true,
// Plugins // Plugins
search: { search: {
@ -92,7 +97,7 @@
}, },
pagination: { pagination: {
crossChapter: false crossChapter: true
}, },
remoteMarkdown: { remoteMarkdown: {
@ -102,14 +107,19 @@
plugins: [ plugins: [
function (hook, vm) { function (hook, vm) {
hook.beforeEach(function (html) { hook.beforeEach(function (html) {
if (vm.route.file === '_translations.md') return html;
var url = var url =
'https://github.com/freeCodeCamp/freeCodeCamp/blob/master/docs/' + 'https://github.com/freeCodeCamp/freeCodeCamp/blob/master/docs/' +
vm.route.file; vm.route.file;
var editHtml = '[<i class="far fa-edit"></i> Edit this guide on GitHub](' + url + ')';
var editLink = '[<i class="far fa-edit"></i> Edit this guide on GitHub](' + url + ')';
return ( return (
html + html +
'\n----\n' + '\n----\n' +
editHtml editLink
); );
}); });
} }