client/src/app/+about/about-instance/about-instance.component.html

   1 <div class="row">
   2   <div class="col-md-12 col-xl-6">
   3
   4     <div class="about-instance-title">
   5       <div i18n class="title">About {{ instanceName }} instance</div>
   6
   7       <div *ngIf="isContactFormEnabled" (click)="openContactModal()" i18n role="button" class="contact-admin">Contact administrator</div>
   8     </div>
   9
  10     <div class="block instance-badges">
  11       <span *ngFor="let category of categories" class="badge badge-primary category">{{ category }}</span>
  12
  13       <span *ngFor="let language of languages" class="badge badge-secondary language">{{ language }}</span>
  14     </div>
  15
  16     <div class="short-description">
  17       <div class="block short-description">{{ shortDescription }}</div>
  18
  19       <div *ngIf="isNSFW" class="block dedicated-to-nsfw">This instance is dedicated to sensitive/NSFW content.</div>
  20     </div>
  21
  22     <div class="middle-title" *ngIf="html.administrator || maintenanceLifetime || businessModel">
  23       Administrators & sustainability
  24     </div>
  25
  26     <div class="block administrator" *ngIf="html.administrator">
  27       <div i18n class="section-title">Who are we?</div>
  28
  29       <div [innerHTML]="html.administrator"></div>
  30     </div>
  31
  32     <div class="block maintenance-lifetime" *ngIf="maintenanceLifetime">
  33       <div i18n class="section-title">How long do we plan to maintain this instance?</div>
  34
  35       <p>{{ maintenanceLifetime }}</p>
  36     </div>
  37
  38     <div class="block business-model" *ngIf="businessModel">
  39       <div i18n class="section-title">How will we pay this instance?</div>
  40
  41       <p>{{ businessModel }}</p>
  42     </div>
  43
  44     <div class="middle-title" *ngIf="html.description">
  45       Information
  46     </div>
  47
  48     <div class="block description">
  49       <div i18n class="section-title">Description</div>
  50
  51       <div [innerHTML]="html.description"></div>
  52     </div>
  53
  54     <div class="middle-title" *ngIf="html.moderationInformation || html.codeOfConduct || html.terms">
  55       Moderation
  56     </div>
  57
  58     <div class="block moderation-information" *ngIf="html.moderationInformation">
  59       <div i18n class="section-title">Moderation information</div>
  60
  61       <div [innerHTML]="html.moderationInformation"></div>
  62     </div>
  63
  64     <div class="block code-of-conduct" *ngIf="html.codeOfConduct">
  65       <div i18n class="section-title">Code of conduct</div>
  66
  67       <div [innerHTML]="html.codeOfConduct"></div>
  68     </div>
  69
  70     <div class="block terms" id="terms-section">
  71       <div i18n class="section-title">Terms</div>
  72
  73       <div [innerHTML]="html.terms"></div>
  74     </div>
  75   </div>
  76
  77   <div class="col-md-12 col-xl-6">
  78     <label>Features found on this instance</label>
  79     <my-instance-features-table></my-instance-features-table>
  80   </div>
  81 </div>
  82
  83 <my-contact-admin-modal #contactAdminModal></my-contact-admin-modal>