feat(exam-outline, favicon, profiles): updates + additions

_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
+---

_contributors/lisa-yan.md

@@ -3,4 +3,5 @@ name: Lisa Yan
 is_maintainer: true
 email: yanlisa@berkeley.edu
 github: yanlisa
+photo: contributors/lisa.jpeg
 ---

_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.

_includes/head_custom.html

@@ -1,6 +1,9 @@
-  <!-- Use this to add global CSS/JS utitlties. -->
+  <!-- Use this to add global CSS/JS utilities. -->
 
   <!-- Loading the v6 core styles and the Solid and Brands styles -->
   <link href="{{ site.baseurl }}/assets/vendor/fontawesome/css/fontawesome.css" rel="stylesheet" />
   <link href="{{ site.baseurl }}/assets/vendor/fontawesome/css/solid.css" rel="stylesheet" />
   <!-- <link href="{{ site.baseurl }}/assets/vendor/fontawesome/css/brands.css" rel="stylesheet" /> -->
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/x-icon" href="{{ site.baseurl }}/assets/images/favicon.ico">

course-software/gradescope/exam-grading.md

@@ -2,26 +2,14 @@
 layout: page
 title: Exam Grading
 parent: Gradescope
-nav_order: 1
+nav_order: 2
 ---
 
 # Exam Grading
 
 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.
-
-<img src="{{ site.baseurl }}/assets/images/gradescope/exam-outline.png" width="500px" alt="gradescope exam outline">
-
-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

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.
+
+<img src="{{ site.baseurl }}/assets/images/gradescope/name-id.png" width="500px" alt="gradescope required name and id region">
+
+{: .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)"
+
+<img src="{{ site.baseurl }}/assets/images/gradescope/solo-question.png" width="500px" alt="solo question">
+
+**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
+
+<img src="{{ site.baseurl }}/assets/images/gradescope/subparts.png" width="500px" alt="subparts 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.