Google folder for mentor's picture can be found here. Add new pictures in this folder. 

MENTOR'S PHOTO NEEDS TO BE SOMEWHAT SQUARE FOR CONSISTENCY. If the photo is not square, try cropping it to be square.

 

1. Open up the mentors page and click Edit. Scroll down to the Graduate Mentors Blade and click Edit. 

Important note: There are two types of column for two different purposes in this Blade. The format of this Blade is FOUR columns with width=3 FOLLOWED by ONE column with width=12 and so on. This is equivalent to having FOUR mentors per row where each mentor occupy one column. The column of width=12 is to separate each row.

2. Scroll down to the bottom and click "Add Another Column".

create basic page

3. If this column is to start a new row, leave this column be and return to Step 2. 

If this column is to add a new mentor to an existing row, set the width of the column to 3.

create basic page

4. Click "Source"

create basic page

7. Paste the following code under "Source".


<p data-entity-type="" data-entity-uuid="" style="text-align: center;"><span><img alt="MENTOR_NAME_HERE" data-entity-type="" data-entity-uuid="" height="140" src="https://drive.google.com/uc?export=view&amp;id=INSERT_ID_HERE" width="140" /><span title="Click and drag to resize">​</span></span></p>

<p class="text-align-center">MENTOR_NAME_HERE</p>

<hr />
<p>&nbsp;</p>


8. Change both MENTOR_NAME_HERE to the mentor's name. 

9. As for INSERT_ID_HERE, insert the ID of the Google picture of the mentor. Refer instruction below.

TO GET ID:

Right click the photo on Google Drive -> Get Sharable Link

The ID is the sequence of letters after /d/

create basic page

 

10. Click Save.

 

Note: Mentor's picture need to be somewhat square for the page to be consistent.