From 94ba6cdd0dd03514daef76abc4f8299ec87f1a7a Mon Sep 17 00:00:00 2001
From: Mrugesh Mohapatra <me@raisedadead.com>
Date: Thu, 1 Oct 2020 05:44:32 +0530
Subject: [PATCH] docs: add translations nav, update styles, links

---
 docs/FAQ.md      |  5 +++--
 docs/_navbar.md  | 29 +++++++++++++++++++++++++++++
 docs/_sidebar.md |  1 +
 docs/_theme.css  | 18 ++++++++++++------
 docs/index.html  | 24 +++++++++++++++++-------
 5 files changed, 62 insertions(+), 15 deletions(-)

diff --git a/docs/FAQ.md b/docs/FAQ.md
index 920d403bf87..36d2702a216 100644
--- a/docs/FAQ.md
+++ b/docs/FAQ.md
@@ -77,8 +77,9 @@ Follow the guidelines carefully and open a pull request.
 
 **Feel free to ask for help in:**
 
-- 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 `Contributors` category of [our community forum](https://forum.freecodecamp.org/c/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.
 
diff --git a/docs/_navbar.md b/docs/_navbar.md
index e69de29bb2d..cfd9fc27bfa 100644
--- a/docs/_navbar.md
+++ b/docs/_navbar.md
@@ -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)
diff --git a/docs/_sidebar.md b/docs/_sidebar.md
index 49efa30ca1f..0acb0f9d992 100644
--- a/docs/_sidebar.md
+++ b/docs/_sidebar.md
@@ -33,3 +33,4 @@
   - [**GitHub**](https://github.com/freecodecamp/freecodecamp)
   - [**Discourse Forum**](https://freecodecamp.org/forum/c/contributors)
   - [**Gitter Chat**](https://gitter.im/FreeCodeCamp/Contributors)
+  - [**Discord Server**](https://discord.gg/pFspAhS)
diff --git a/docs/_theme.css b/docs/_theme.css
index 0f8444014da..4741f11e971 100644
--- a/docs/_theme.css
+++ b/docs/_theme.css
@@ -28,6 +28,7 @@ body {
   top: 0px;
   display: flex;
   justify-content: center;
+  z-index: 100;
 }
 
 .universal-nav img {
@@ -35,13 +36,19 @@ body {
   height: 24px;
 }
 
-.app-nav > a {
-  margin: 0;
-  padding: 0;
+/****** Translations Nav ****/
+/* The app nav is used only when loadNavBar is set to true */
+.app-nav.no-badge {
+  margin-top: 50px;
+  margin-right: calc(100px + 1.5rem);
+  font-size: 1.25rem;
 }
 
-.app-nav.no-badge {
-  margin-right: 0px;
+@media screen and (max-width: 768px) {
+  body .app-nav.no-badge {
+    margin-top: 50px;
+    margin-right: calc(1.5rem);
+  }
 }
 
 /****** Cover Page ******/
@@ -228,7 +235,6 @@ body .sidebar-toggle span:nth-child(3) {
   body .sidebar-toggle {
     left: 1rem;
   }
-
   body.close .sidebar-toggle {
     left: calc(300px + 1.5rem);
   }
diff --git a/docs/index.html b/docs/index.html
index 15df610c35c..44e0a84151d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -36,25 +36,28 @@
 
 </head>
 
-<body>
-  <nav class='universal-nav'>
+<body class='close'>
+  <!-- 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="/">
       <img alt="freeCodeCamp.org" src="images/branding/primary_logo.svg">
     </a>
-  </nav>
+  </div>
+
+  <!-- App with its own nav, search and sidebar -->
   <div id="app"></div>
   <script>
     window.$docsify = {
-      // Main Config
+
       homepage: 'index.md',
-      loadSidebar: true,
-      autoHeader: true,
+
 
       // common aliases
       alias: {
 
       },
 
+
       // break the caching
       requestHeaders: {
         'cache-control': 'no-cache'
@@ -64,11 +67,17 @@
       coverpage: true,
       onlyCover: true,
 
+
       // Navigation
+      autoHeader: true,
       auto2top: true,
+
+      loadSidebar: true,
       maxLevel: 2,
       subMaxLevel: 2,
-      // loadNavbar: true,
+
+      loadNavbar: true,
+      topMargin: 90,
 
 
       // 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@4/lib/plugins/search.js"></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-remote-markdown/dist/docsify-remote-markdown.min.js"></script>