Add external links to navigation bar

_config.yml

@@ -17,21 +17,22 @@ navbar-links:
   Home: "index"
   ESMValTool:
     - About: "about"
-    - Documentation: "documentation"
     - Gallery: "gallery"
     - References: "references"
     - Roadmap: "roadmap"
-    - Tutorials: "tutorials"
     - License: "esmvaltool_license"
   Team:
     - CMIP6 contributions: "cmip6"
     - Development Team: "team"
     - Meetings: "meetings"
     - Presentations: "presentations"
     - Publications: "publications"
-  Documentation: "https://docs.esmvaltool.org/en/latest/"
   Download: "download"
 
+navbar-extlinks:
+  Documentation: "https://docs.esmvaltool.org/"
+  Tutorial: "https://tutorial.esmvaltool.org/"
+
 # --- Logo --- #
 
 # Image to show in the navigation bar - works best with a square image

_includes/nav.html

@@ -30,6 +30,11 @@
           </li>
         {%- endif -%}
       {%- endfor -%}
+      {%- for link in site.navbar-extlinks -%}
+          <li class="nav-item">
+            <a class="nav-link" href="{{link[1]}}"> {{link[0]}} <i class="fas fa-external-link-alt"></i></a>
+          </li>
+      {%- endfor -%}
       {% if site.post_search %}
         <li class="nav-item">
           <a class="nav-link" id="nav-search-link" href="#" title="Search">