docs: add translations nav, update styles, links

This commit is contained in:
Mrugesh Mohapatra
2020-10-01 05:44:32 +05:30
parent 41c8472015
commit 94ba6cdd0d
5 changed files with 62 additions and 15 deletions

View File

@ -77,8 +77,9 @@ Follow the guidelines carefully and open a pull request.
**Feel free to ask for help in:** **Feel free to ask for help in:**
- The "Contributors" category of [our community forum](https://forum.freecodecamp.org/c/contributors). - The `Contributors` category of [our community forum](https://forum.freecodecamp.org/c/contributors).
- Our public contributors [chat room on Gitter](https://gitter.im/FreeCodeCamp/Contributors). - The public `Contributors` [chat room on Gitter](https://gitter.im/FreeCodeCamp/Contributors).
- The `#Contributors` channel on [our Discord community server](https://discord.gg/pFspAhS).
We are excited to help you contribute to any of the topics that you would like to work on. Feel free to ask us questions on the related issue threads, and we will be glad to clarify. Make sure you search for your query before posting a new one. We are excited to help you contribute to any of the topics that you would like to work on. Feel free to ask us questions on the related issue threads, and we will be glad to clarify. Make sure you search for your query before posting a new one.

View File

@ -0,0 +1,29 @@
- Translations
- [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

@ -33,3 +33,4 @@
- [**GitHub**](https://github.com/freecodecamp/freecodecamp) - [**GitHub**](https://github.com/freecodecamp/freecodecamp)
- [**Discourse Forum**](https://freecodecamp.org/forum/c/contributors) - [**Discourse Forum**](https://freecodecamp.org/forum/c/contributors)
- [**Gitter Chat**](https://gitter.im/FreeCodeCamp/Contributors) - [**Gitter Chat**](https://gitter.im/FreeCodeCamp/Contributors)
- [**Discord Server**](https://discord.gg/pFspAhS)

View File

@ -28,6 +28,7 @@ body {
top: 0px; top: 0px;
display: flex; display: flex;
justify-content: center; justify-content: center;
z-index: 100;
} }
.universal-nav img { .universal-nav img {
@ -35,13 +36,19 @@ body {
height: 24px; height: 24px;
} }
.app-nav > a { /****** Translations Nav ****/
margin: 0; /* The app nav is used only when loadNavBar is set to true */
padding: 0; .app-nav.no-badge {
margin-top: 50px;
margin-right: calc(100px + 1.5rem);
font-size: 1.25rem;
} }
.app-nav.no-badge { @media screen and (max-width: 768px) {
margin-right: 0px; body .app-nav.no-badge {
margin-top: 50px;
margin-right: calc(1.5rem);
}
} }
/****** Cover Page ******/ /****** Cover Page ******/
@ -228,7 +235,6 @@ body .sidebar-toggle span:nth-child(3) {
body .sidebar-toggle { body .sidebar-toggle {
left: 1rem; left: 1rem;
} }
body.close .sidebar-toggle { body.close .sidebar-toggle {
left: calc(300px + 1.5rem); left: calc(300px + 1.5rem);
} }

View File

@ -36,25 +36,28 @@
</head> </head>
<body> <body class='close'>
<nav class='universal-nav'> <!-- Navigation (we are using a div, instead of nav to avoid conflict with docsify's 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>
</nav> </div>
<!-- App with its own nav, search and sidebar -->
<div id="app"></div> <div id="app"></div>
<script> <script>
window.$docsify = { window.$docsify = {
// Main Config
homepage: 'index.md', homepage: 'index.md',
loadSidebar: true,
autoHeader: true,
// common aliases // common aliases
alias: { alias: {
}, },
// break the caching // break the caching
requestHeaders: { requestHeaders: {
'cache-control': 'no-cache' 'cache-control': 'no-cache'
@ -64,11 +67,17 @@
coverpage: true, coverpage: true,
onlyCover: true, onlyCover: true,
// Navigation // Navigation
autoHeader: true,
auto2top: true, auto2top: true,
loadSidebar: true,
maxLevel: 2, maxLevel: 2,
subMaxLevel: 2, subMaxLevel: 2,
// loadNavbar: true,
loadNavbar: true,
topMargin: 90,
// Plugins // Plugins
@ -120,6 +129,7 @@
<script src="https://cdn.jsdelivr.net/npm/docsify-copy-code@2"></script> <script src="https://cdn.jsdelivr.net/npm/docsify-copy-code@2"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/plugins/search.js"></script> <script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/plugins/search.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify-plugin-flexible-alerts@1"></script> <script src="https://cdn.jsdelivr.net/npm/docsify-plugin-flexible-alerts@1"></script>
<script src="https://unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script> <script src="https://unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
<script src="https://unpkg.com/docsify-remote-markdown/dist/docsify-remote-markdown.min.js"></script> <script src="https://unpkg.com/docsify-remote-markdown/dist/docsify-remote-markdown.min.js"></script>