Merge pull request #12 from Archaeology-ABM/main

merge other changes in Website

_data/menu.yml

@@ -1,14 +1,14 @@
 - title: Home
-  link: /
+  link: /NASSA-hub/
 
 - title: About us
-  link: /about-us/
+  link: /NASSA-hub/about-us.html
 
 - title: Blog
-  link: /blog/
+  link: /NASSA-hub/blog.html
 
 - title: Guide for submissions
-  link: /guide-for-submissions/
+  link: /NASSA-hub/guide-for-submissions.html
 
 - title: Publications
-  link: /publications/
+  link: /NASSA-hub/publications.html

_layouts/post.html

@@ -31,6 +31,18 @@
         width: 100%;
       }
     }
+
+    nav ul {
+      display: flex;
+      list-style: none;
+    }
+    nav ul li {
+      margin-right: 10px;
+      text-decoration: none;
+    }
+    nav ul li a {
+      color: #03989E;
+    }
     </style>
   </head>
 
@@ -68,10 +80,11 @@ <h2 id="project_tagline">{{ site.description | default: site.github.project_tagl
           {% endif %}
 
           <nav>
-            <a href="{{ site.url }}">Home</a>
-            <a href="{{ site.url }}/about-us.html">About Us</a>
-            <a href="{{ site.url }}/publications.html">Publications</a>
-            <a href="{{ site.url }}/blog.html">Blog</a>
+            <ul>
+              {% for item in site.data.menu %}
+              <li><a href="{{item.link}}">{{item.title}}</a></li>
+              {% endfor %}
+            </ul>
           </nav> 
         </header>
     </div>

guide-for-submissions.md

@@ -159,7 +159,7 @@ Finally, you can "publish" the branch by following the highlighted suggestion in
     </p>
   </div>
   <div class="column">
-    <img src="/assets/module.png" alt="diagram of module elements" width="100%" style="border: 0; mix-blend-mode: multiply; box-shadow: none !important;">
+    <img src="assets/module.png" alt="diagram of module elements" width="100%" style="border: 0; mix-blend-mode: multiply; box-shadow: none !important;">
   </div>
 </div>
 
@@ -186,7 +186,7 @@ The module directory must be named with the **module's unique identifier**, foll
     </ol>
   </div>
   <div class="column">
-    <img src="/assets/module-root-name.png" alt="diagram of module root directory name" width="100%" style="border: 0; mix-blend-mode: multiply; box-shadow: none !important;">
+    <img src="assets/module-root-name.png" alt="diagram of module root directory name" width="100%" style="border: 0; mix-blend-mode: multiply; box-shadow: none !important;">
   </div>
 </div>