finished guide for adding tabs

ucla-imls-open-sci · Sep 1, 2023 · a4af721 · a4af721
1 parent 4942ff1
commit a4af721
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/docs/website-guide/add-images.md b/docs/website-guide/add-images.md
@@ -33,9 +33,3 @@ nav_order: 2
 
 
 
-
-**You have successfully added an image to the github pages repository. Congratulations!** 🎉🎉
-
-
-
-
diff --git a/docs/website-guide/add-tab.md b/docs/website-guide/add-tab.md
@@ -5,12 +5,24 @@ parent: Website Guide
 nav_order: 3
 ---
 
-# How to add tabs to the website? 
+# Adding tabs
 
 1. Go to `_data/navigation.yml` file: 
 
+![nav folder]({{ site.baseurl }}/assets/img/website-guide/add-tab-1.png)
+
+
+2. Edit and specify the title and section of the tab you wish to add. 
+
+    For example, this line: 
+
+    ![nav tab code]({{ site.baseurl }}/assets/img/website-guide/add-tab-2.png)
+
+    results in the following display on the website: 
+
+    ![tab display]({{ site.baseurl }}/assets/img/website-guide/add-tab-3.png)
+
 
-**You have successfully added a tab to the github pages repository. Congratulations!** 🎉🎉