diff --git a/_contributors/edwin-vargas.md b/_contributors/edwin-vargas.md
new file mode 100644
index 0000000..1dade79
--- /dev/null
+++ b/_contributors/edwin-vargas.md
@@ -0,0 +1,7 @@
+---
+name: Edwin Vargas Navarro
+is_maintainer: false
+email: jedwin321@berkeley.edu
+github: jedwin3210
+photo: contributors/edwin-vargas.jpg
+---
\ No newline at end of file
diff --git a/_contributors/lisa-yan.md b/_contributors/lisa-yan.md
index 777794f..b892ff7 100644
--- a/_contributors/lisa-yan.md
+++ b/_contributors/lisa-yan.md
@@ -3,4 +3,5 @@ name: Lisa Yan
is_maintainer: true
email: yanlisa@berkeley.edu
github: yanlisa
+photo: contributors/lisa.jpeg
---
diff --git a/_contributors/rebecca-dang.md b/_contributors/rebecca-dang.md
index 0c5e29d..df49a9c 100644
--- a/_contributors/rebecca-dang.md
+++ b/_contributors/rebecca-dang.md
@@ -4,6 +4,7 @@ is_maintainer: true
email: rdang@berkeley.edu
github: phrdang
website: https://phrdang.github.io
+photo: contributors/rebecca.png
---
Hey! I've been a TA for DATA C88C and DATA 101 and I'm passionate about improving CDSS education at scale.
diff --git a/_includes/head_custom.html b/_includes/head_custom.html
index 91e8cc6..b99f7e7 100644
--- a/_includes/head_custom.html
+++ b/_includes/head_custom.html
@@ -1,6 +1,9 @@
-
+
+
+
+
diff --git a/assets/images/contributors/edwin-vargas.jpg b/assets/images/contributors/edwin-vargas.jpg
new file mode 100644
index 0000000..087fe3b
Binary files /dev/null and b/assets/images/contributors/edwin-vargas.jpg differ
diff --git a/assets/images/contributors/lisa.jpeg b/assets/images/contributors/lisa.jpeg
new file mode 100644
index 0000000..caff3c9
Binary files /dev/null and b/assets/images/contributors/lisa.jpeg differ
diff --git a/assets/images/contributors/rebecca.png b/assets/images/contributors/rebecca.png
new file mode 100644
index 0000000..ef9fd1e
Binary files /dev/null and b/assets/images/contributors/rebecca.png differ
diff --git a/assets/images/favicon.ico b/assets/images/favicon.ico
new file mode 100644
index 0000000..a1e9570
Binary files /dev/null and b/assets/images/favicon.ico differ
diff --git a/assets/images/gradescope/exam-outline.png b/assets/images/gradescope/exam-outline.png
deleted file mode 100644
index 1d05dd7..0000000
Binary files a/assets/images/gradescope/exam-outline.png and /dev/null differ
diff --git a/assets/images/gradescope/name-id.png b/assets/images/gradescope/name-id.png
new file mode 100644
index 0000000..c6c6906
Binary files /dev/null and b/assets/images/gradescope/name-id.png differ
diff --git a/assets/images/gradescope/solo-question.png b/assets/images/gradescope/solo-question.png
new file mode 100644
index 0000000..e8255cf
Binary files /dev/null and b/assets/images/gradescope/solo-question.png differ
diff --git a/assets/images/gradescope/subparts.png b/assets/images/gradescope/subparts.png
new file mode 100644
index 0000000..ce5db30
Binary files /dev/null and b/assets/images/gradescope/subparts.png differ
diff --git a/course-software/gradescope/exam-grading.md b/course-software/gradescope/exam-grading.md
index fe7d0b7..035f4ab 100644
--- a/course-software/gradescope/exam-grading.md
+++ b/course-software/gradescope/exam-grading.md
@@ -2,7 +2,7 @@
layout: page
title: Exam Grading
parent: Gradescope
-nav_order: 1
+nav_order: 2
---
# Exam Grading
@@ -10,18 +10,6 @@ nav_order: 1
This section will outline the specific protocols pertaining to grading exams on Gradescope, but the tips
will be useful for written assignment grading as well.
-## Creating an Outline
-
-For all structured exams, Gradescope will ask you to upload a PDF of the exam to create an outline.
-Part of this includes finding which region of the exam you want the question to encompass.
-
-
-
-The box size you choose to include depends on the type of question you're grading. If the question requires a
-single specific answer (e.g. `8 KiB` or 30 sectors), you may want to restrict the box to the answer box
-itself. If the question is a short or long answer however, it is fine to include the question, as it makes it
-easier for other graders to review the entire rubric en masse. The next section will explain why.
-
## Answer Groups
When grading a question, you're given the option of grading individually, or specific answer groups: blank
diff --git a/course-software/gradescope/exam-outline.md b/course-software/gradescope/exam-outline.md
new file mode 100644
index 0000000..630b7bb
--- /dev/null
+++ b/course-software/gradescope/exam-outline.md
@@ -0,0 +1,60 @@
+---
+layout: page
+title: Exam Outline
+parent: Gradescope
+nav_order: 1
+---
+
+# Exam Outline
+
+## Creating an Outline
+
+For all structured exams, Gradescope will ask you to upload a PDF of the exam to create an outline. You'll need to define regions on your template for where students write information and answer questions.
+
+### Required Regions
+
+1. **Name Region**: Box around where students write their name.
+
+2. **ID Region**: Box around where students write their student ID.
+
+
+
+{: .note }
+> Make Name and ID regions slightly larger than you think you need. Students often write outside the lines!
+
+### Question Regions
+
+**For a standalone question:**
+
+1. Click on **"New Question"**
+2. Arrange the box to the associated question based on the question type:
+ - **Short/specific answers** (e.g. `8 KiB` or 30 sectors): Restrict to just the answer box
+ - **Long answer/free response**: Include both the question prompt and answer area
+ - **Multiple choice**: Include all answer options in the region
+3. Change the point values as necessary to the right of the question name (default is one point)
+4. Change the question name to something appropriate. If you do not write a question title, a student will see "(no title)"
+
+
+
+**For questions with subparts:**
+
+1. Click on **"New Question"**
+2. Give it the main question name (e.g., "Animal Party")
+3. Click the **"+"** on the right to create a subpart and adjust the box
+4. Click **"+"** again to create another subpart for that question
+
+
+
+{: .note }
+> The **"+"** button is a useful shortcut! It creates a new subpart with the same dimensions as the previous box, positioned directly below it. This saves time when you have multiple subparts with similar answer areas.
+
+{: .note }
+> If you have auxiliary questions such as an honor code, be aware that this will affect the question numbering on Gradescope. To avoid confusing students and staff when talking about question numbers, we recommend putting all auxiliary questions at the end of the Gradescope outline. For example, if there are 5 real questions on the exam, this ensures Q1 - Q5 corresponds to that on Gradescope and Q6 would be the honor code.
+
+## Review the Outline
+
+After creating all your question regions, it's important to review the outline before uploading exams.
+
+1. At the top right corner, you should see the total number of points for the exam. **Confirm that number is correct.**
+2. Click on **"Create Rubric"** on the left sidebar.
+3. Scroll down and make sure that every question was properly cropped. Go back to the outline and adjust as necessary.