fix(docs): add i18n to nav, and other tweaks
This commit is contained in:
Mrugesh Mohapatra
committed by
Mrugesh Mohapatra
Mrugesh Mohapatra
parent
2e8b0366dc
commit
86a1da59ff
@ -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)
|
|
||||||
|
|||||||
@ -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
36
docs/_translations.md
Normal 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>
|
||||||
@ -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%
|
||||||
|
|||||||
@ -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
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user