Change:
! Our local images currently do not render in the translated documentation views. This is due to the use of a relative link, which breaks with the new path generated for i18n pages. A couple of potential fixes: Use an absolute link (<filename). This, IMHO, is the most effective. Have translators fix the link in the translation flow. Host the images through our CDN and fetch them.
We should use the absolute path.
Sounds good. I'll get a PR up shortly.

Discussion:
Open a new browser tab or window and navigate to [http://localhost:8025](http://localhost:8025) to open your MailHog inbox when the MailHog installation has completed and MailHog is running. The inbox will appear similar to the screenshot below. <del> ![MailHog Screenshot 1](images/mailhog/1.jpg) </del> <ins> ![MailHog Screenshot 1](https://contribute.freecodecamp.org/images/mailhog/1.jpg) </ins> Emails sent by your freeCodeCamp installation will appear as below <del> ![MailHog Screenshot 2](images/mailhog/2.jpg) </del> <ins> ![MailHog Screenshot 2](https://contribute.freecodecamp.org/images/mailhog/2.jpg) </ins> Two tabs that allow you to view either plain text or source content will be available when you open a given email. Ensure that the plain text tab is selected as below. <del> ![MailHog Screenshot 3](images/mailhog/3.jpg) </del> <ins> ![MailHog Screenshot 3](https://contribute.freecodecamp.org/images/mailhog/3.jpg) </ins> All links in the email should be clickable and resolve to their URL.

1. Once the edits have been committed, you will be prompted to create a pull request on your fork's GitHub Page. <del> ![Image - Compare pull request prompt on GitHub](./images/github/compare-pull-request-prompt.png) </del> <ins> ![Image - Compare pull request prompt on GitHub](https://contribute.freecodecamp.org/images/github/compare-pull-request-prompt.png) </ins> 2. By default, all pull requests should be against the freeCodeCamp main repo, `main` branch. Make sure that your Base Fork is set to freeCodeCamp/freeCodeCamp when raising a Pull Request. <del> ![Image - Comparing forks when making a pull request](./images/github/comparing-forks-for-pull-request.png) </del> <ins> ![Image - Comparing forks when making a pull request](https://contribute.freecodecamp.org/images/github/comparing-forks-for-pull-request.png) </ins> 3. Submit the pull request from your branch to freeCodeCamp's `main` branch.

You should see the list of projects you have been granted access to. Select the project that you would like to proofread, then select the language. <del> ![Image - Proofreading File Tree](./images/crowdin/proof-file-tree.png) </del> <ins> ![Image - Proofreading File Tree](https://contribute.freecodecamp.org/images/crowdin/proof-file-tree.png) </ins> You should now see the list of available files. Choose your file by selecting the `Proofread` button on the right of that file, then choosing `Proofreading` from the drop-down menu that appears.

## Proofread Translations <del> ![Image - Proofreading View](./images/crowdin/proofread.png) </del> <ins> ![Image - Proofreading View](https://contribute.freecodecamp.org/images/crowdin/proofread.png) </ins> <!--Add proofread/crowdsource button to the image-->

Select which project you want to contribute to, and you will see a list of available languages for translation. <del> ![Image - List of available languages](./images/crowdin/languages.png) </del> <ins> ![Image - List of available languages](https://contribute.freecodecamp.org/images/crowdin/languages.png) </ins> Select the language you want to work on, and you will see the complete file tree. <del> ![Image - List of available files](./images/crowdin/file-tree.png) </del> <ins> ![Image - List of available files](https://contribute.freecodecamp.org/images/crowdin/file-tree.png) </ins> Each file and folder will show a progress bar. The **blue** portion of the progress bar indicates what percentage of the file has been translated, while the **green** portion of the progress bar indicates what percentage of the file has been approved by the proofreading team.

## Translate the File <del> ![Image - Editor View](./images/crowdin/editor.png) </del> <ins> ![Image - Editor View](https://contribute.freecodecamp.org/images/crowdin/editor.png) </ins> Crowdin separates a document into translatable "strings", usually sentences. Each string is translated individually. Referring to the image above:

When you attempt to save a translation, you may see a warning message appear with a notification regarding your proposed translation. <del> ![Image - QA Warning Message](./images/crowdin/qa-message.png) </del> <ins> ![Image - QA Warning Message](https://contribute.freecodecamp.org/images/crowdin/qa-message.png) </ins> This message appears when Crowdin's QA system has identified a potential error in the proposed translation. In this example, we have modified the text of a `<code>` tag and Crowdin has caught that.