Edit your team page entry
This page specifically covers how to add yourself to the team page, add your pets to the pets page, and edit the relevant entries.
For the handbook, see the editing handbook page.
Add yourself to the Team Page
We are happy to have you join our company and to include you in the team pages found on our website and in the handbook! A sync will add a basic entry for you on your third day of employment at GitLab. You are invited to personalize this entry and add more information to it. If an update is not properly reflected, verify that your Workday setting is correct. The same file is referenced for both team pages, however some of the fields that display are different. All of the available fields are documented in the team member data schema.
You can review this document for help on how to update the Workday settings for your team page entry.
Ask anyone in the company for help if you need it, including the #mr-buddies Slack channel. There are three ways to update the website:
- Add your info on GitLab.com using the Web IDE (recommended)
- Add your info on GitLab.com using the ‘web interface’
- Add your info using a Local Git clone (using the terminal and an IDE)
Choose the method below that feels most comfortable and have the following information handy:
- Name of the People Operations Team member helping you with onboarding.
- A picture of yourself for the team page
Picture Requirements
- Crop image to a perfect square.
- Maximum dimension is 400 by 400 pixels.
- Use the JPEG (
.jpg) or PNG (.png) format. - Keep the file size below 100k. Minify using something like tinyjpg.com.
- Test image in color and black-and-white (you will add the color version).
- Name file
yournameinlowercasewith the appropriate file extension.
- Story about your background and interests. (See other team member profiles for examples.)
- Add your personal LinkedIn / Twitter / GitLab handles. When adding these handles, make sure to only include your username without any links or
@in front of them, such asLinkedIn: username. (Some incorrect examples are:LinkedIn: linkedin.com/in/username,LinkedIn: @username.) - A relative link to your role. If your link is
https://handbook.gitlab.com/job-families/engineering/support-engineer/use/job-families/engineering/support-engineer/. Refer to other entries for reference.
Note
For more information on setting theExport Name/Location to Team Page? opt-in mentioned below, search for the “How to: Set Team Page Export Preferences” Google doc (internal).
Method 1: Add your info on GitLab.com using Web IDE
- Go to the Handbook version of the team page and find yourself.
- Note: if you chose
Noin Workday forExport Name/Location to Team Page?, you will have to find yourself by your job title instead of your name. In this case, some changes likenamewill be overwritten by the sync.
- Note: if you chose
- Click on the avatar above your name (or job title). A modal will open.
- In that modal, on the bottom, click the
Edit this pagebutton. - Our web editor will open with your team page entry opened.
- Update your details:
-
Update your
nameif needed to yourFirstName LastNameorPreferredName LastName -
localityshould be left empty -
countryshould be set toRemote -
Verify your
role -
If your position title is incorrect or not filled in, navigate to
job_families.ymland usecommand-F(macOS) orctrl-F(nix) to search for your job title. You can search for files in the Web IDE usingcommand-P(macOS) orctrl-P(nix). -
Check that your role has a link to your job description. If not, add a link. For example, change
<a href="">Solutions Architect</a>to<a href="/job-families/sales/solutions-architect/">Solutions Architect</a>. -
Verify
reports_tolists your manager using theslugvalue from their team page entry. The filename (without the extension) is also the slug, meaninganame.ymlhas a slug ofaname. -
If you are a manager, verify the
reports_toof your direct reports are referring to yourslug. -
If you’re currently on a borrow request, add
borrowand set thetoandend_datekeys, such as:borrow: to: ramya-authappan end_date: 2023-09-15 -
Set your current work priorities in the
work_prioritiesfield, as an array, such as:work_priorities: - Product Analytics - ModelOps -
Add the filename of your profile picture, making sure to match letter case. Delete
../gitlab-logo-extra-whitespace.png, if present. The completed line should look like this:picture: yournameinlowercase.jpg. -
Add your pronouns.
-
Consider adding
pronunciationfor your full name to help others to pronounce your name correctly (such as,Sid See-brandyfor Sid Sijbrandij). -
Add your Twitter and GitLab handles without the leading
@. -
Add your Mastodon account in the format
mastodon.instance/@username. Basically, the profile link without thehttps://. -
Ensure your list of
departmentsis accurate. Use other team members’ as a reference. -
Add your
specialty. -
Add your
expertise. This must be formatted as HTML. An array will display incorrectly. -
Add your own
story. Use other team members’ stories as a reference. -
If remote work has changed your life in a meaningful way, consider adding your own
remote_story, using other team members’ remote stories as a reference -
Update any data that was filled in but is incorrect.
Important: Do not use the
tabcharacter, and respect the spaces between lines to avoid breaking the page format. Referenced file names/extensions are case sensitive, and a file that is not found will cause a pipeline failure. The file should end with an empty newline or it will cause a pipeline failure.
-
- To upload your image, ensure that it is prepared according to the Picture Requirements.
- Navigate to find the
teamfolder using the pathsites/uncategorized/source/images/team/. To do this, you must first notice in the left (by default) file tree that you are in a file that is within thepersonfolder, which is within theteam_membersfolder, which is within thedatafolder. You can close folders by clicking on the ⋁ to the left of the folder name. Once you have closed thedatafolder, you will see thesitesfolder, 6 folders down. Opensitesby clicking the >, thenuncategorized, thensource, thenimages, and finallyteam. - Right click on
teamfolder, and chooseUpload. - Select the image you want to upload, and
Open. - If the image filename is different from what you updated your team page file previous, you need navigate back to your team page entry. You can do this by either closing the
sitesfolder and openingdata, thenteam members,person, and the folder containing you file; or you can notice your file tab on the top bar, and you can click on it to be taken to that file. - If you did the previous step, update your
picturefield to your filename. Delete the content that is this line after thepicture:that starts with../gitlabetc. Make sure to match the letter case of your picture file. The completed line should look like this:picture: yournameinlowercase.jpgfor example.
- Navigate to find the
- Once you have finished, click the
Source Controlicon on the left. It should have a small circle with a number inside of it. See point 5 of Using the new Web IDE to edit the handbook for details. - Add a short description of your changes in the box above the
Commit and pushbutton. An example description would beUpdate details to my team page entry. - Click the ⋁ on the right side of the
Commit and pushbutton. - Choose the
Create new branch and commitoption. - You will then be in the
Create a new branch name and commitfield. Enter your branch name, in the format ofyourinitials-add-YOURNAME-to-team-page-dateor similar. Example:plh-add-paulalilyherbert-to-team-page-feb06and pressReturn/Enter. - Look for a pop-up in the bottom right, and click on
Create MR. If this message disappears, click on the notification bell icon on the bottom right, and it will bring back the message. - Once on the
Create a new merge requestpage, in theDescriptionbox, under theWhy is this change being made?heading, explain what changes are being made and why. For this specific MR, you can enter something like:Adding my information and picture to the team page as part of onboarding tasks.For this MR, you do not need to change anything else in the description text. - Scroll down and
Create merge request. - Review the Author Checklist in the description, and check off all applicable tasks.
- Add your People Operations onboarding team member and Manager as Reviewers. On the right side, you’ll see a section for reviewers, and you can add them by editing the list and searching for their names or usernames.
- Once they have reviewed and do not request any changes, they should approve and merge the MR.
Method 2: Add your info on GitLab.com using the ‘web interface’
- Go to the GitLab.com / www-gitlab-com project.
- Click the
+under the red line near the top of the screen. - Click
New branch. - For
Branch name, name it something unique (it’s temporary so don’t worry too much about the exact name) like your initials-team-page-update-yourdepartment-the date and clickCreate branch. Example:hk-team-page-update-custsupport-feb06 - Start by adding your image. Click on
Repositoryon the left side. - In the file browser, navigate to
sites/uncategorized/source/images/team. - At the top of the page click
+and chooseUpload fileto upload your picture. Be sure to follow the picture requirements. Add a commit message in the format Add YourFirstName YourLastName to team page. Ensure the target branch is the one you previously created. Turn off theStart a new merge request with these changestoggle. ClickUpload file. - Now you will edit your biographical information. All the bio information displayed on the Team page is pulled from a data file. Navigate to
data/team_members/persondata/FIRST_LETTER_OF_YOUR_FIRST_NAME/SLUG_REPLACE.yml(you are looking for a file that specifies your name or slug). - Navigate to the relevant
yourslug.ymlfile. Click onEditon the top right side of your screen, and chooseEdit single file. - See point 5 in the above Method 1: Add your info on GitLab.com using Web IDE for the list of fields and how to fill them in.
- After you add your information, add a commit message, and click on “Commit Changes”. If you have the “create a new merge request” option checked, then it will create the merge request (MR) for you.
- Now Create a merge request in GitLab.com with the branch that you created by clicking
Create merge requestbutton. - Once on the
Create a new merge requestpage, in theDescriptionbox, under theWhy is this change being made?heading, explain what changes are being made and why. For this specific MR, you can enter something like:Adding my information and picture to the team page as part of onboarding tasks.For this MR, you do not need to change anything else in the description text. - Click
Create merge request. - At the upper right of the new page, click
editnext toReviewer. Set your People Operations onboarding team member and your manager as reviewer for this merge request.
Method 3: Add your info using a Local Git clone (using the terminal and an IDE)
Note: This method may take longer than other methods, because it requires git clone for a large repository.
- Download Git, following the start using git documentation.
- Follow the steps to create and add your SSH keys.
- Clone the www-gitlab-com project through your terminal, following the command line commands documentation.
- Create and checkout a new branch for the changes you will be making.
- Add your picture to the
sites/uncategorized/source/images/team/directory. Be sure to follow the picture requirements. - Open
data/team_members/person/FIRST_LETTER_OF_YOUR_FIRST_NAME/SLUG_REPLACE.ymlin your favorite editor, specifically looking for the file with your name or slug. - See point 5 in the above Method 1: Add your info on GitLab.com using Web IDE for the list of fields and how to fill them in.
- Save the changes to the file in
data/team_members/person/FIRST_LETTER_OF_YOUR_FIRST_NAME/that you just edited. - Optionally, to see your changes locally:
-
Manually run a command to compile the changes you just made into a file that actually populates the team page:
cd <WWW-GITLAB-COM REPO ROOT> bundle exec rake build:team_yml -
Start a middleman development server in the
uncategorizedsite:cd sites/uncategorized NO_CONTRACTS=true bundle exec middleman -
Open the team page and search for your name
http://localhost:4567/company/teamNote: Searching the handbook in your local environment yields production results, so navigate directly to the team page using the URL to see your changes.
-
- Once ready, stage and commit your changes, with a comment Add details for FirstName LastName to team page.
- Push your branch.
- Create a Merge Request in GitLab.com with the branch that you created and assign your manager as reviewer.
Reviewing your changes
Once the MR is created, and you have a passing pipeline:
- Look for the “View app” button in the pipeline widget on the “Overview” tab of the MR.
- If the “View app” button does not take you to the correct page, manually visit the URL.
- For example, use the domain of the review app
https://your-branch.about.gitlab-review.app/and addcompany/team/to formhttps://your-branch.about.gitlab-review.app/company/team/to preview your team page changes.
- For example, use the domain of the review app
- If you make changes, ensure that the latest pipeline has passed before you look at the preview. Otherwise, the latest changes will not be present.
Add your pet(s) to the Team Pets Page
Using what you learned in the steps above, consider adding your pet(s) to the Team Pets page.
The main differences are the names and locations of things.
- The picture should be
petname.jpgorpetname.pngwith the same picture requirements. - Upload the picture to
sites/uncategorized/source/images/team/pets. - Your pet information should be added to the end of the
data/pets.ymlfile. - Your commit message can be similar to
Adding my dog Gary to the Team Pets Page. - Assign your manager as the reviewer.
- If your manager has a warning yellow triangle symbol on their avatar after adding them, they can approve, but not merge. Post in the
#mr-buddiesSlack channel after your manager has approved with a request to get it merged.
- If your manager has a warning yellow triangle symbol on their avatar after adding them, they can approve, but not merge. Post in the
9aa7ece8)
