fixed synonyms visibility and index page link

Author: Sarah-okolo

content/includes/index.njk

@@ -33,35 +33,35 @@
 {%- endmacro -%}
 
 {%- block content -%}
-    {% if title -%}
-      <h1>{{ title }}</h1>
-    {%- endif %}
+  {% if title -%}
+    <h1>{{ title }}</h1>
+  {%- endif %}
 
-    {%- block synonyms -%}
-      {%- if synonyms | length -%}
-        <h2 id="synonyms">Synonyms</h2>
-        <ul>
-          {% for synonym in synonyms -%}
-            <li><code>{{ synonym }}</code></li>
-          {%- endfor %}
-        </ul>
-      {%- endif -%}
-    {%- endblock -%}
-      
-    {{ content | safe }}
-
-    {%- if related | length -%}
-      {%- set relatedLinks = related | relatedList(collections) -%}
-      <h2 id="related-links">Related links</h2>
+  {%- block synonyms -%}
+    {%- if synonyms | length -%}
+      <h2 id="synonyms">Synonyms</h2>
       <ul>
-        {%- for relatedLink in relatedLinks -%}
-          <li><a href="{{ relatedLink.path }}">{{ relatedLink.title }}</a></li>
-        {%- endfor -%}
+        {% for synonym in synonyms -%}
+          <li><code>{{ synonym }}</code></li>
+        {%- endfor %}
       </ul>
     {%- endif -%}
+  {%- endblock -%}
+    
+  {{ content | safe }}
+
+  {%- if related | length -%}
+    {%- set relatedLinks = related | relatedList(collections) -%}
+    <h2 id="related-links">Related links</h2>
+    <ul>
+      {%- for relatedLink in relatedLinks -%}
+        <li><a href="{{ relatedLink.path }}">{{ relatedLink.title }}</a></li>
+      {%- endfor -%}
+    </ul>
+  {%- endif -%}
 
-    <!-- Additional content, GitHub ribbon -->
-    <p>
-      <a href="https://github.com/jsdoc/jsdoc" class="github-ribbon">Fork me on<br>GitHub</a>
-    </p>
+  <!-- Additional content, GitHub ribbon -->
+  <p>
+    <a href="https://github.com/jsdoc/jsdoc" class="github-ribbon">Fork me on<br>GitHub</a>
+  </p>
 {% endblock %}

content/index.md

@@ -5,7 +5,7 @@ layout: index.njk
 ---
 
 
-JSDoc 3 is an API documentation generator for JavaScript, similar to Javadoc or phpDocumentor. You
+JSDoc 3 is an API documentation generator for JavaScript, similar to [Javadoc](https://docs.oracle.com/javase/8/docs/technotes/tools/windows/javadoc.html) or [phpDocumentor](https://www.phpdoc.org/). You
 add documentation comments directly to your source code, right alongside the code itself. The JSDoc
 tool will scan your source code and generate an HTML documentation website for you.
 

lib/nav-sidebar.js

@@ -10,6 +10,8 @@ const navLinks = document.querySelectorAll('.nav-sidebar a'); // Select all link
 const article = document.querySelector('.article-content');
 
 
+navLinks[0].href = '/'; // Sets the first link in the nav menu to the index page
+
 navLinks.forEach(link => {
   const linkPath = new URL(link.href).pathname;
   // Check if the link path matches the current page path

styles/usejsdoc.css

@@ -22,6 +22,8 @@ body {
     font-size: var(--F-size);
     color: var(--text-color);
     position: relative;
+    overflow-x: hidden;
+
 }
 
 header {
@@ -103,7 +105,8 @@ footer {
 }
 
 a {
-    color: var(--tomorrow-blue)
+    color: var(--tomorrow-blue);
+    text-decoration: none;
 }
 
 h1, h2, h3, h4, h5, h6 {