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.
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 Connect 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
yournameinlowercase
with 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
No
in 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 likename
will 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 page
button. - Our web editor will open with your team page entry opened.
- Update your details:
-
Update your
name
if needed to yourFirstName LastName
orPreferredName LastName
-
locality
should be left empty -
country
should be set toRemote
-
Verify your
role
-
If your position title is incorrect or not filled in, navigate to
job_families.yml
and 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_to
lists your manager using theslug
value from their team page entry. The filename (without the extension) is also the slug, meaninganame.yml
has a slug ofaname
. -
If you are a manager, verify the
reports_to
of your direct reports are referring to yourslug
. -
If you’re currently on a borrow request, add
borrow
and set theto
andend_date
keys, such as:borrow: to: ramya-authappan end_date: 2023-09-15
-
Set your current work priorities in the
work_priorities
field, 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
pronunciation
for your full name to help others to pronounce your name correctly (such as,Sid See-brandy
for 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
departments
is 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
tab
character, 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
team
folder 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 theperson
folder, which is within theteam_members
folder, which is within thedata
folder. You can close folders by clicking on the ⋁ to the left of the folder name. Once you have closed thedata
folder, you will see thesites
folder, 6 folders down. Opensites
by clicking the >, thenuncategorized
, thensource
, thenimages
, and finallyteam
. - Right click on
team
folder, 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
sites
folder 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
picture
field to your filename. Delete the content that is this line after thepicture:
that starts with../gitlab
etc. Make sure to match the letter case of your picture file. The completed line should look like this:picture: yournameinlowercase.jpg
for example.
- Navigate to find the
- Once you have finished, click the
Source Control
icon 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 push
button. An example description would beUpdate details to my team page entry
. - Click the ⋁ on the right side of the
Commit and push
button. - Choose the
Create new branch and commit
option. - You will then be in the
Create a new branch name and commit
field. Enter your branch name, in the format ofyourinitials-add-YOURNAME-to-team-page-date
or similar. Example:plh-add-paulalilyherbert-to-team-page-feb06
and 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 request
page, in theDescription
box, 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 Connect 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
Repository
on the left side. - In the file browser, navigate to
sites/uncategorized/source/images/team
. - At the top of the page click
+
and chooseUpload file
to 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 changes
toggle. 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.yml
file. Click onEdit
on 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 request
button. - Once on the
Create a new merge request
page, in theDescription
box, 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
edit
next toReviewer
. Set your People Connect 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.yml
in 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
uncategorized
site:cd sites/uncategorized NO_CONTRACTS=true bundle exec middleman
-
Open the team page and search for your name
http://localhost:4567/company/team
Note: 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.jpg
orpetname.png
with 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.yml
file. - 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-buddies
Slack 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
c2c5b7c5
)