client/src/app/modal/welcome-modal.component.html

   1 <ng-template #modal let-hide="close">
   2   <div class="modal-header">
   3     <h4 i18n class="modal-title">Welcome on PeerTube dear administrator!</h4>
   4     <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
   5   </div>
   6
   7   <div class="modal-body">
   8
   9     <div class="block-documentation">
  10       <div i18n class="subtitle">Documentation</div>
  11
  12       <div class="columns">
  13         <a class="link-block" href="https://docs.joinpeertube.org/#/maintain-tools" target="_blank" rel="noopener noreferrer">
  14           <a class="link-title" href="https://docs.joinpeertube.org/#/maintain-tools" target="_blank" rel="noopener noreferrer">CLI</a>
  15
  16           <div>Upload or import videos, parse logs, prune storage directories, reset user password...</div>
  17         </a>
  18
  19         <a class="link-block" href="https://docs.joinpeertube.org/#/admin-following-instances" target="_blank" rel="noopener noreferrer">
  20           <a class="link-title" href="https://docs.joinpeertube.org/#/admin-following-instances" target="_blank" rel="noopener noreferrer">Administer</a>
  21
  22           <div>Managing users, following other instances, dealing with spammers...</div>
  23         </a>
  24
  25         <a class="link-block" href="https://docs.joinpeertube.org/#/use-setup-account" target="_blank" rel="noopener noreferrer">
  26           <a class="link-title" href="https://docs.joinpeertube.org/#/use-setup-account" target="_blank" rel="noopener noreferrer">Use</a>
  27
  28           <div>Setup your account, managing video playlists, discover third-party applications...</div>
  29         </a>
  30       </div>
  31     </div>
  32
  33     <div class="block-configuration">
  34       <div i18n class="subtitle">It's time to configure your instance!</div>
  35
  36       <p i18n>
  37         Choosing your <strong>instance name</strong>, <strong>setting up a description</strong>, specifying <strong>who you are</strong>,
  38         why <strong>you created your instance</strong> and <strong>how long</strong> you plan to <strong>maintain your it</strong>
  39         is very important for visitors to understand on what type of instance they are.
  40       </p>
  41
  42       <p i18n>
  43         If you want to open registrations, please decide what are <strong>your moderation rules</strong>, fill your <strong>instance terms</strong>
  44         and specify the categories and languages you speak. This way, you will help users to register on <strong>the appropriate</strong> PeerTube instance.
  45       </p>
  46
  47       <div class="configure-instance">
  48         <a i18n href="/admin/config/edit-custom" target="_blank" rel="noopener noreferrer">Configure your instance</a>
  49       </div>
  50     </div>
  51
  52     <div class="block-links">
  53       <div i18n class="subtitle">Useful links</div>
  54
  55       <ul>
  56         <li>Official PeerTube website (news, support, contribute...): <a href="https://joinpeertube.org" target="_blank" rel="noopener noreferrer">https://joinpeertube.org</a></li>
  57
  58         <li>Put your instance on the public PeerTube index: <a href="https://instances.joinpeertube.org/instances">https://instances.joinpeertube.org/instances</a></li>
  59       </ul>
  60     </div>
  61   </div>
  62
  63   <div class="modal-footer inputs">
  64     <span i18n class="action-button action-button-submit" (click)="hide()">Understood!</span>
  65   </div>
  66
  67 </ng-template>