-<!-- Thanks: Amit Singh Sansoya from https://codepen.io/amit3200/pen/zWMJOO -->
+<my-signup-step-title mascotImageName="success" i18n>
+ <strong>Welcome</strong>
+ <div>on {{ instanceName }}</div>
+</my-signup-step-title>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
- <circle class="path circle" fill="none" stroke="#73AF55" stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1"/>
- <polyline class="path check" fill="none" stroke="#73AF55" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 "/>
-</svg>
+<div class="alert pt-alert-primary">
+ <p i18n>Your account has been created!</p>
-<p i18n class="bottom-message">Welcome to PeerTube!</p>
+ <p i18n *ngIf="requiresEmailVerification">
+ <strong>Check your emails</strong> to validate your account and complete your inscription.
+ </p>
-<div *ngIf="message" class="alert alert-success">
- <p>{{ message }}</p>
+ <ng-container *ngIf="!requiresEmailVerification">
+ <p i18n>
+ If you need help to use PeerTube, you can have a look at the <a class="link-orange" href="https://docs.joinpeertube.org/use-setup-account" target="_blank" rel="noopener noreferrer">documentation</a>.
+ </p>
- <p i18n>
- If you need help to use PeerTube, you can have a look at the <a href="https://docs.joinpeertube.org/#/use-setup-account" target="_blank" rel="noopener noreferrer">documentation</a>.
- </p>
+ <p i18n>
+ To help moderators and other users to know <strong>who you are</strong>, don't forget to <a class="link-orange" routerLink="/my-account/settings">set up your account profile</a> by adding an <strong>avatar</strong> and a <strong>description</strong>.
+ </p>
+ </ng-container>
</div>