> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rxresu.me/llms.txt
> Use this file to discover all available pages before exploring further.
# Filling in your details
> Add your name, headline, contact details, extra links, photo and summary to a Reactive Resume using the Basics card and the Summary section.
The top of a resume tells a recruiter who you are and how to reach you. In Reactive Resume that information lives in the **Basics** card at the top of the Write panel, with your summary just below it. Everything you type saves automatically and shows on the page as you go.
## Before you start
Open a resume in the editor and make sure **Write** is selected in the editor bar. If you're new to the editor, read [Getting to know the resume editor](/guides/editor-overview) first.
## Enter your name and contact details
The card is at the top of the Write panel and shows your initials, name, headline and location. Select it to open or
close it. You can also click your name on the page to jump straight to it.
* **Full name**: your name as you want it printed. On a blank resume, this field is ready for typing as soon as the
editor opens. - **Headline**: a short line under your name, usually your job title or the role you're aiming for,
for example "Game Developer". - **Email** and **Phone**: how employers contact you. If an email address looks
incomplete, the field tells you what's missing, for example "Add the domain after the @". - **Location**: a city and
region is enough, for example "Seattle, WA". - **Website**: your personal site or portfolio. You can leave out
`https://`; it's added for you.
Your details appear in the page header as you type. Leave a field empty to keep it off the page.
To show friendly text instead of the full web address, select the tag icon inside the **Website** field (**Add a label
to the URL**) and type a **Label**, such as "Portfolio".
## Add more links and contact details
Use custom fields for anything the standard fields don't cover, such as a GitHub profile, a portfolio on another site, or a second phone number.
**Add field** is under the **Website** field. A new row appears with an icon, a text box and a few buttons.
Enter what should appear on the page, for example `github.com/dkowalski-dev`.
Select the icon button at the start of the row (**Pick an icon**), then search for and pick an icon.
Select the link button (**Add a link**) and enter the web address. The button is highlighted once the field has a
link (its name changes to **Edit link**), and the text on the page becomes clickable.
To reorder custom fields, select the up arrow (**Move field up**) on a row. To delete one, select **×** (**Remove field**).
For social profiles you want listed in their own section, such as LinkedIn with a username, use the **Profiles** section instead. See [Managing sections](/guides/managing-sections).
## Add a photo
Whether to include a photo depends on where you're applying. Many applicant tracking systems ignore photos, while some countries expect one. The photo row at the top of the Basics card reminds you of this.
In the photo row, select **Add** (or **Edit** if the resume already has a photo). The photo settings open.
Select the empty square (**Upload picture**) and choose an image from your device. JPEG, PNG, WebP and GIF files up to 10 MB work.
You can also paste the address of an image that's already online into the **URL** field.
The **Crop picture** dialog opens. Drag the image to position it and use the **Zoom** slider to frame it, then select **Crop and Upload**. Select **Skip and Upload** to use the whole image, or **Cancel** to stop.
The crop frame follows the photo's **Aspect Ratio** setting, so set that first if you want a non-square photo. When **Fit** is set to **Contain**, the image uploads without the crop step.
Change the settings below and watch the page update. Your changes save as you make them.
| Setting | What it does |
| - | - |
| Eye icon next to **URL** | Hides the photo from the page without deleting it (**Hide picture** / **Show picture**). The photo row then says "Photo hidden from the page." |
| **Fit** | **Cover** fills the frame and trims the edges. **Contain** shows the whole image inside the frame. |
| **Size** | The photo's width on the page, from 32 to 512 pt. |
| **Rotation** | Disabled because the PDF engine does not support rotation. |
| **Aspect Ratio** | Width divided by height, from 0.5 to 2.5. The three buttons set square (1), landscape (1.5) or portrait (0.5). |
| **Border Radius** | Rounds the corners, from 0 to 100 pt. The buttons set square corners, slightly rounded, or a circle. |
| **Border Width** and color | Draws a border around the photo. Select the color circle to pick its color. |
| **Shadow Width** and color | Adds a shadow behind the photo. Select the color circle to pick its color. |
To remove the photo, open the photo settings and select the photo preview (**Delete picture**).
Confirm **Delete picture** to remove the image. Your size, fit, border and other photo settings are kept. To take the
photo off the page but keep it, use the eye icon instead.
Uploaded photos are resized to at most 800 × 800 pixels and saved as JPEG, so transparent backgrounds become solid.
Self-hosted installations can turn this processing off.
## Write your summary
The summary is a short statement under your header that says who you are and what you offer.
Look for **Summary** in the section list under the Basics card, and select it to open it.
If there's no Summary row, select **Add section** at the bottom of the list, then **Summary**.
Click into the text box and type. While you're typing, the box shows the formatting toolbar, the hint "2–3 sentences reads best" and a character count.
To keep the summary but leave it off the page, select the eye icon on its row (**Hide Summary from the page**). For bold text, lists and links, see [Formatting text](/guides/formatting-text).
## Next steps
* [Managing sections](/guides/managing-sections): add experience, education, skills and more.
* [Editing entries](/guides/editing-entries): fill in jobs, degrees and other entries.
* [Formatting text](/guides/formatting-text): make text bold, add lists and links, and improve a line with AI.
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.