docs: add updated image and corrected sequence of content

- {{ lang.language }}

{% endfor %}

> Please note: our solutions are always translated into these 5 languages. If you notice a missing translation in one of these languages, please let us know via [GitLab](https://gitlab.e.foundation/e/backlog/-/issues/new?type=ISSUE&initialCreationContext=list-route).

{% include alerts/tip.html content="Our solutions are always translated into these 5 languages. If you notice a missing translation in one of these languages, please let us know via [GitLab](https://gitlab.e.foundation/e/backlog/-/issues/new?type=ISSUE&initialCreationContext=list-route)." %}

In addition to these 5 languages, some community members contribute to the translation in other languages, for instance:

### Ok I have my /e/Gitlab ID, how do I proceed ?

- Log in to [https://i18n.e.foundation/](https://i18n.e.foundation/) with your /e/Gitlab ID - This is how Weblate welcome screen would look like ; the `Sign in` button is at the top right corner:

![Login page](images/Weblat_login.png)

- Once you have successfully logged in you should see a screen similar to this:

![Weblate Dashboard](images/Weblate_Dashboard.png)

- Then [create an issue in GitLab](https://gitlab.e.foundation/e/backlog/-/issues/new?type=ISSUE&initialCreationContext=list-route) to request the rights to translate in your language. Please note you absolutely need to login once into Weblate as described above before requesting these rights otherwise we won't be able to find you in the admin interface.

- Then [create an issue in GitLab](https://gitlab.e.foundation/e/backlog/-/issues/new?type=ISSUE&initialCreationContext=list-route) to request the rights to translate in your language. 

{% include alerts/tip.html content="Please note you absolutely need to login once into Weblate as described above before requesting these rights otherwise we won't be able to find you in the admin interface." %}

### How to use Weblate and translate

- On the menu **>> Projects >> Browse all Projects**

- This should bring you to this screen

![Browse all projects](images/Weblate_Browse_All_Projects.png)

![Browse all projects](images/Weblate_Components_View.png)

![Weblate Browse Project](images/Weblate_Browse_All_Projects_1.png)

- Select the project you want to contribute to: 

    - /e/ if you want to translate for /e/OS

    - /e/ support center if you want to translate the documentation

- This will open a screen similar to the following one:

![Weblate component view](images/Weblate_Browse_All_Projects_1.png)

![Translate](images/Weblate_Components_View.png)

> Note: In Weblate projects are called Components

{% include alerts/tip.html content="In Weblate projects are called Components." %}

- Select the Component you want to work on, e.g. BlissLauncher or AccountManager

- This will open a screen which will show you the different languages in which we translate

- Select the language in which you want to translate. This will open a screen looking like this one:

![Translate](images/Weblate_Translate.png)

![Translate](images/Weblate_Languages_Screen.png)

- In this screen preferably click on `Unstranslated strings` and `Unfinished strings`. If there aren't any you can select `Strings waiting for review`. You can also use the `Search` tab to look for a specific string you want to edit.

- The next screen is where you will be working

- In the box on top labelled 'Translation' you can see words in English in one text box and below you will see another text box where you need to type the translation in the language you are working on:

![Translate](images/Weblate_Translate_Page.png)

- Once you have translated the string, click 'Save and continue' to move to the next string. Please keep the default `Waiting for review` option selected.

- The next string will show up for you to translate