diff --git a/Gemfile.lock b/Gemfile.lock
index 6cc3246..dae02c2 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -12,6 +12,7 @@ GEM
ffi (1.15.5)
forwardable-extended (2.6.0)
google-protobuf (3.24.2-arm64-darwin)
+ google-protobuf (3.24.2-x86_64-darwin)
google-protobuf (3.24.2-x86_64-linux)
http_parser.rb (0.8.0)
i18n (1.14.1)
@@ -72,6 +73,8 @@ GEM
safe_yaml (1.0.5)
sass-embedded (1.66.1-arm64-darwin)
google-protobuf (~> 3.23)
+ sass-embedded (1.66.1-x86_64-darwin)
+ google-protobuf (~> 3.23)
sass-embedded (1.66.1-x86_64-linux-gnu)
google-protobuf (~> 3.23)
terminal-table (3.0.2)
@@ -82,6 +85,7 @@ GEM
PLATFORMS
arm64-darwin-21
arm64-darwin-22
+ x86_64-darwin-21
x86_64-linux
DEPENDENCIES
diff --git a/assets/img/datasquad-website-guide/add-blogs/add-blog-2.png b/assets/img/datasquad-website-guide/add-blogs/add-blog-2.png
new file mode 100644
index 0000000..dd8f252
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-blogs/add-blog-2.png differ
diff --git a/assets/img/datasquad-website-guide/add-blogs/add-blog-3.png b/assets/img/datasquad-website-guide/add-blogs/add-blog-3.png
new file mode 100644
index 0000000..793abd1
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-blogs/add-blog-3.png differ
diff --git a/assets/img/datasquad-website-guide/add-blogs/add-blog-4.png b/assets/img/datasquad-website-guide/add-blogs/add-blog-4.png
new file mode 100644
index 0000000..fc37ee5
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-blogs/add-blog-4.png differ
diff --git a/assets/img/datasquad-website-guide/add-blogs/highlight-1.png b/assets/img/datasquad-website-guide/add-blogs/highlight-1.png
new file mode 100644
index 0000000..b12e282
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-blogs/highlight-1.png differ
diff --git a/assets/img/datasquad-website-guide/add-blogs/highlight-2.png b/assets/img/datasquad-website-guide/add-blogs/highlight-2.png
new file mode 100644
index 0000000..4951268
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-blogs/highlight-2.png differ
diff --git a/assets/img/datasquad-website-guide/add-blogs/highlight-3.png b/assets/img/datasquad-website-guide/add-blogs/highlight-3.png
new file mode 100644
index 0000000..cd5e0d8
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-blogs/highlight-3.png differ
diff --git a/assets/img/datasquad-website-guide/add-link-btn/step1.jpg b/assets/img/datasquad-website-guide/add-link-btn/step1.jpg
new file mode 100644
index 0000000..d837a14
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-link-btn/step1.jpg differ
diff --git a/assets/img/datasquad-website-guide/add-link-btn/step2.jpg b/assets/img/datasquad-website-guide/add-link-btn/step2.jpg
new file mode 100644
index 0000000..bc3c709
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-link-btn/step2.jpg differ
diff --git a/assets/img/datasquad-website-guide/add-link-btn/step3.png b/assets/img/datasquad-website-guide/add-link-btn/step3.png
new file mode 100644
index 0000000..b255e2d
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-link-btn/step3.png differ
diff --git a/assets/img/datasquad-website-guide/add-link-btn/step4.png b/assets/img/datasquad-website-guide/add-link-btn/step4.png
new file mode 100644
index 0000000..059c8a3
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-link-btn/step4.png differ
diff --git a/assets/img/datasquad-website-guide/add-link-btn/step5.png b/assets/img/datasquad-website-guide/add-link-btn/step5.png
new file mode 100644
index 0000000..a2e8afe
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-link-btn/step5.png differ
diff --git a/assets/img/datasquad-website-guide/add-project/step1.png b/assets/img/datasquad-website-guide/add-project/step1.png
new file mode 100644
index 0000000..cdf48f4
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-project/step1.png differ
diff --git a/assets/img/datasquad-website-guide/add-project/step2.png b/assets/img/datasquad-website-guide/add-project/step2.png
new file mode 100644
index 0000000..5564e8b
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-project/step2.png differ
diff --git a/assets/img/datasquad-website-guide/add-project/step3-1.png b/assets/img/datasquad-website-guide/add-project/step3-1.png
new file mode 100644
index 0000000..56e811c
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-project/step3-1.png differ
diff --git a/assets/img/datasquad-website-guide/add-project/step3.png b/assets/img/datasquad-website-guide/add-project/step3.png
new file mode 100644
index 0000000..87920de
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-project/step3.png differ
diff --git a/assets/img/datasquad-website-guide/add-project/step4-1.png b/assets/img/datasquad-website-guide/add-project/step4-1.png
new file mode 100644
index 0000000..83c89be
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-project/step4-1.png differ
diff --git a/assets/img/datasquad-website-guide/add-project/step4-2.png b/assets/img/datasquad-website-guide/add-project/step4-2.png
new file mode 100644
index 0000000..bdc275f
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-project/step4-2.png differ
diff --git a/assets/img/datasquad-website-guide/add-project/step4.png b/assets/img/datasquad-website-guide/add-project/step4.png
new file mode 100644
index 0000000..c65714b
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-project/step4.png differ
diff --git a/assets/img/datasquad-website-guide/add-project/step5-1.png b/assets/img/datasquad-website-guide/add-project/step5-1.png
new file mode 100644
index 0000000..89d8203
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-project/step5-1.png differ
diff --git a/assets/img/datasquad-website-guide/add-project/step5.png b/assets/img/datasquad-website-guide/add-project/step5.png
new file mode 100644
index 0000000..a0b47e3
Binary files /dev/null and b/assets/img/datasquad-website-guide/add-project/step5.png differ
diff --git a/assets/img/datasquad-website-guide/debugging/actions-1.png b/assets/img/datasquad-website-guide/debugging/actions-1.png
new file mode 100644
index 0000000..2910730
Binary files /dev/null and b/assets/img/datasquad-website-guide/debugging/actions-1.png differ
diff --git a/assets/img/datasquad-website-guide/debugging/actions-2.png b/assets/img/datasquad-website-guide/debugging/actions-2.png
new file mode 100644
index 0000000..24f2d16
Binary files /dev/null and b/assets/img/datasquad-website-guide/debugging/actions-2.png differ
diff --git a/assets/img/datasquad-website-guide/debugging/actions-3.png b/assets/img/datasquad-website-guide/debugging/actions-3.png
new file mode 100644
index 0000000..97d2e63
Binary files /dev/null and b/assets/img/datasquad-website-guide/debugging/actions-3.png differ
diff --git a/assets/img/datasquad-website-guide/debugging/actions-4.png b/assets/img/datasquad-website-guide/debugging/actions-4.png
new file mode 100644
index 0000000..933fbb3
Binary files /dev/null and b/assets/img/datasquad-website-guide/debugging/actions-4.png differ
diff --git a/assets/img/datasquad-website-guide/debugging/repo-1.png b/assets/img/datasquad-website-guide/debugging/repo-1.png
new file mode 100644
index 0000000..f3db64c
Binary files /dev/null and b/assets/img/datasquad-website-guide/debugging/repo-1.png differ
diff --git a/assets/img/datasquad-website-guide/debugging/repo-2.png b/assets/img/datasquad-website-guide/debugging/repo-2.png
new file mode 100644
index 0000000..a8dfbe7
Binary files /dev/null and b/assets/img/datasquad-website-guide/debugging/repo-2.png differ
diff --git a/docs/datasquad-website-guide/add-link-btn.md b/docs/datasquad-website-guide/add-link-btn.md
new file mode 100644
index 0000000..8dc5818
--- /dev/null
+++ b/docs/datasquad-website-guide/add-link-btn.md
@@ -0,0 +1,47 @@
+---
+title: Add Button with Link
+layout: default
+parent: DataSquad Website Guide
+nav_order: 2
+
+---
+
+# Adding Button with Link
+1. **In the [Datasquad repository](https://github.com/UCLA-DataSquad/ucla-datasquad.github.io) (or it can be your local repository), navigate to `_data/sitetext.yml` file.**\
+
+
+2. **In the section where you want to add the button, add the following lines:**
+ - I will be referring to your desired section as `[your-desired-section]`. In my case, it will be the `about` section.
+ ```
+ button: [your-button-title]
+ buttonlink: [your-desired-link]
+ ```
+ - Note that I will be adding the button in the `About` section, so I go to the `about` section in `sitetext.yml`, and add the follwing lines:
+ ```
+ button: Here's a button with a link
+ buttonlink: https://github.com/UCLA-DataSquad/ucla-datasquad.github.io
+ ```
+ - what it should look like in the file: \
+ 
+
+3. **Navigate to `_includes/[your-desired-section].html`.**
+
+
+4. **Paste the following lines:**
+
+ ```
+ {% raw %}
+ {%- if site.data.sitetext[site.locale].[your-desired-section].button -%}
+ {{ site.data.sitetext[site.locale].[your-desired-section].button }}
+ {%- endif -%}
+ {% endraw %}
+ ```
+ - Note that in the actual file, you need to change all `[your-desired-section]` to the actual section name where you want the button to be.
+ - The file should look something like this. Notice that all `[your-desired-section]` has been changed to `about`:
+ 
+
+5. **Once you push your changes to the main branch, you should see the button in your desired section:**\
+ - Make sure to click it and check that it links to a correct website!
+ 
+
+6. **Congrats! You added a button to the website! 🎉👏👏👏**
\ No newline at end of file
diff --git a/docs/datasquad-website-guide/add-projects.md b/docs/datasquad-website-guide/add-projects.md
new file mode 100644
index 0000000..fd5db39
--- /dev/null
+++ b/docs/datasquad-website-guide/add-projects.md
@@ -0,0 +1,39 @@
+---
+title: Add Projects
+layout: default
+parent: DataSquad Website Guide
+nav_order: 1
+
+---
+
+# Adding New Projects under "Projects" section
+1. **In the [Datasquad repository](https://github.com/UCLA-DataSquad/ucla-datasquad.github.io) (or it can be your local repository), navigate to `_portfolio` folder.**
+
+
+2. **Create a new `.md` file in the folder and name it appropriately.**
+
+
+3. **Copy the front matter from any of the other project files in `_portfolio` folder.**
+
+
+4. **Paste the front matter into the project file you created.**
+
+
+5. **Edit the front matter so it reflects the content of your project.**
+ - `title`: the title of your project.
+ - `thumbnail`: the path to the thumbnail image of your choice. You can add a new image under `assets/img/portfolio`.
+ - `subtitle`: subtitle that goes under the main title. This is optional.
+ - `alt`: alternate caption for your image.
+ - `image`: path to the image you want to be displayed once the project card is clicked. Usually matches `thumbnail`, but it can also be any other image of your choice.
+
\
+
+
+6. **Add content to your project.**
+
+
+7. **Once you push your changes to the main branch, you should see something like this:**
+
\
+This is what it looks like when you click on the project card:
+
+
+8. **Congrats! You just published your project to the DataSquad Website! 🎉👏👏👏**
\ No newline at end of file
diff --git a/docs/datasquad-website-guide/blogs.md b/docs/datasquad-website-guide/blogs.md
new file mode 100644
index 0000000..3704f3b
--- /dev/null
+++ b/docs/datasquad-website-guide/blogs.md
@@ -0,0 +1,43 @@
+---
+title: Add/Manage Blogs
+layout: default
+parent: DataSquad Website Guide
+---
+
+# Adding Blogs
+
+1. Navigate to the `_posts` directory
+
+2. On the top right corner: Add file -> create new file
+
+ 
+
+ **Note** The naming convention of these .md files is important, and must follow the format: '`YEAR-MONTH-DAY-title.MARKUP`'. The permalinks can be customized for each post, but the date and markup language are determined solely by the file name.
+
+3. Update the title, layout and author of the file
+
+ 
+
+4. Your new blog should now show up on the website after you push and deploy your changes!
+
+ 
+
+# Highlighting Blogs
+
+To highlight a blog, add this section to the top of the post.
+
+
+
+1. You need to have ``` showcase: 1 ```, this will signifiy that you wan the blog highlighted.
+
+2. You need to add the ``` card ``` section. This section is exactly like a project card except for the last two variables. Refer to [Add Projects]({{ site.baseurl }}/docs/datasquad-website-guide/add-blogs/add-projects)
+
+3. ``` intro: ``` This is what is going to be displayed on the blog card. Write a short introduction to the blog here.
+
+4. ``` url: ``` The url should be the date followed by the file name in the following format: ```YYYY/MM/DD/File_name```
+
+After adding this to a blog post, it should appear like the following on the webpage:
+
+
+
+
\ No newline at end of file
diff --git a/docs/datasquad-website-guide/datasquad-website-guide.md b/docs/datasquad-website-guide/datasquad-website-guide.md
new file mode 100644
index 0000000..59e5b00
--- /dev/null
+++ b/docs/datasquad-website-guide/datasquad-website-guide.md
@@ -0,0 +1,10 @@
+---
+title: DataSquad Website Guide
+layout: default
+permalink: /docs/datasquad-website-guide
+has_children: true
+---
+
+Refer to [Add Projects]({{ site.baseurl }}/docs/datasquad-website-guide/add-projects) and
+[Add/Manage Blogs]({{ site.baseurl }}/docs/datasquad-website-guide/blogs) to add projects/blogs.
+If you have any issues with Projects/Blogs loading on the site refer to [Debugging]({{ site.baseurl }}/docs/datasquad-website-guide/debugging)
\ No newline at end of file
diff --git a/docs/datasquad-website-guide/debugging.md b/docs/datasquad-website-guide/debugging.md
new file mode 100644
index 0000000..c2aa75a
--- /dev/null
+++ b/docs/datasquad-website-guide/debugging.md
@@ -0,0 +1,61 @@
+---
+title: Debugging
+layout: default
+parent: DataSquad Website Guide
+---
+
+If you have any issues with either your blog highlight or project card showing up read this documentation.
+
+## Check Github Actions
+First, check for any **Github Action** errors. If there are any errors it may mean that the workflow designed to update
+the site failed. To navigate to the potential source of error follow the steps below:
+
+1. Navigate to **Github Actions** in the [DataSquad Site Repo](https://github.com/UCLA-DataSquad/ucla-datasquad.github.io)
+
+ 
+
+2. Look at the most recent workflows, if there is no workflow with an X then that means everything completed perfectly and you can move on.
+If not it looks like:
+
+ 
+
+3. Click on the failed workflow and look through it and see what failed. If the workflow failed because of jekyll being unable to run
+that means that there is code in your most recent commit that breaks jekyll. Look through the changes you've made and try to identifiy any code
+that may have done so. If you click deeper into the workflow it may tell you what the error is.
+
+ 
+ 
+
+## Check the Repository
+
+Now if your workflow error has a specific about what went wrong with jekyll follow the error message and locate your bug. If your workflow error has
+nothing to do with jekyll or it has no error at all follow the steps below. If you don't care how it works skip to **step 5**
+
+1. **Count the number of files in the _posts folder.**
+
+ The following example has 5 posts.
+
+ 
+
+2. **Check the _includes/modals.html file.**
+
+ Look for the following line of code \
+ {% raw %} `{% assign modified_index = forloop.index | plus: %}`. {% endraw %}
+ You can `ctrl/cmd + f` the following to find it: `assign modified_index`
+
+ 
+
+ Notice how the number after `plus` doesn't align with the number of blog posts. The error exists here and you should change it to the appropriate
+ number of blogs.
+
+3. **Check the _includes/portfolio_grid.html file.**
+
+ Look for the same line of code as _includes/modals.html If there are any discrepancies with the code make that fix.
+
+4. Run Jekyll locally with the `bundle exec jekyll serve` command and see if your blog/project appears.
+
+5. To avoid doing all of that work you can just run the *blog_script,sh* with the following command:
+ `./blog_script.sh`
+
+If this does not solve your issue, then you will have to debug for the issue on your own. A good start is to look at the files
+you have added/modified and work backwards from there until you reach the source of error.
\ No newline at end of file
diff --git a/docs/website-guide/add-blog.md b/docs/imls-website-guide/add-blog.md
similarity index 96%
rename from docs/website-guide/add-blog.md
rename to docs/imls-website-guide/add-blog.md
index 6d1dd3f..1df30d1 100644
--- a/docs/website-guide/add-blog.md
+++ b/docs/imls-website-guide/add-blog.md
@@ -1,7 +1,7 @@
---
title: Add blog
layout: default
-parent: Website Guide
+parent: IMLS Website Guide
nav_order: 1
---
diff --git a/docs/website-guide/add-images.md b/docs/imls-website-guide/add-images.md
similarity index 97%
rename from docs/website-guide/add-images.md
rename to docs/imls-website-guide/add-images.md
index 0854c7c..79563a1 100644
--- a/docs/website-guide/add-images.md
+++ b/docs/imls-website-guide/add-images.md
@@ -1,7 +1,7 @@
---
title: Add image
layout: default
-parent: Website Guide
+parent: IMLS Website Guide
nav_order: 2
---
diff --git a/docs/website-guide/add-tab.md b/docs/imls-website-guide/add-tab.md
similarity index 94%
rename from docs/website-guide/add-tab.md
rename to docs/imls-website-guide/add-tab.md
index 2aa860e..dc3a599 100644
--- a/docs/website-guide/add-tab.md
+++ b/docs/imls-website-guide/add-tab.md
@@ -1,7 +1,7 @@
---
title: Add tab
layout: default
-parent: Website Guide
+parent: IMLS Website Guide
nav_order: 3
---
diff --git a/docs/imls-website-guide/timeline.md b/docs/imls-website-guide/timeline.md
new file mode 100644
index 0000000..b0f11df
--- /dev/null
+++ b/docs/imls-website-guide/timeline.md
@@ -0,0 +1,7 @@
+---
+title: Add tab
+layout: default
+parent: IMLS Website Guide
+nav_order: 4
+---
+
diff --git a/docs/website-guide/website-guide.md b/docs/imls-website-guide/website-guide.md
similarity index 98%
rename from docs/website-guide/website-guide.md
rename to docs/imls-website-guide/website-guide.md
index 012b715..1e5f607 100644
--- a/docs/website-guide/website-guide.md
+++ b/docs/imls-website-guide/website-guide.md
@@ -1,5 +1,5 @@
---
-title: Website Guide
+title: IMLS Website Guide
layout: default
permalink: /docs/website-guide
has_children: true