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 }}</div>
   6
   7       <div i18n *ngIf="isContactFormEnabled" (click)="openContactModal()" 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 i18n *ngIf="isNSFW" class="block dedicated-to-nsfw">This instance is dedicated to sensitive/NSFW content.</div>
  20     </div>
  21
  22     <div i18n 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 we are</div>
  28
  29       <div [innerHTML]="html.administrator"></div>
  30     </div>
  31
  32     <div class="block creation-reason" *ngIf="creationReason">
  33       <div i18n class="section-title">Why we created this instance</div>
  34
  35       <p>{{ creationReason }}</p>
  36     </div>
  37
  38     <div class="block maintenance-lifetime" *ngIf="maintenanceLifetime">
  39       <div i18n class="section-title">How long we plan to maintain this instance</div>
  40
  41       <p>{{ maintenanceLifetime }}</p>
  42     </div>
  43
  44     <div class="block business-model" *ngIf="businessModel">
  45       <div i18n class="section-title">How we will pay for this instance</div>
  46
  47       <p>{{ businessModel }}</p>
  48     </div>
  49
  50     <div i18n class="middle-title" *ngIf="html.description">
  51       INFORMATION
  52     </div>
  53
  54     <div class="block description">
  55       <div i18n class="section-title">Description</div>
  56
  57       <div [innerHTML]="html.description"></div>
  58     </div>
  59
  60     <div i18n class="middle-title" *ngIf="html.moderationInformation || html.codeOfConduct || html.terms">
  61       MODERATION
  62     </div>
  63
  64     <div class="block moderation-information" *ngIf="html.moderationInformation">
  65       <div i18n class="section-title">Moderation information</div>
  66
  67       <div [innerHTML]="html.moderationInformation"></div>
  68     </div>
  69
  70     <div class="block code-of-conduct" *ngIf="html.codeOfConduct">
  71       <div i18n class="section-title">Code of conduct</div>
  72
  73       <div [innerHTML]="html.codeOfConduct"></div>
  74     </div>
  75
  76     <div class="block terms">
  77       <div i18n class="section-title">Terms</div>
  78
  79       <div [innerHTML]="html.terms"></div>
  80     </div>
  81
  82     <div i18n class="middle-title" *ngIf="html.hardwareInformation">
  83       OTHER INFORMATION
  84     </div>
  85
  86     <div class="block hardware-information" *ngIf="html.hardwareInformation">
  87       <div i18n class="section-title">Hardware information</div>
  88
  89       <div [innerHTML]="html.hardwareInformation"></div>
  90     </div>
  91   </div>
  92
  93   <div class="col-md-12 col-xl-6">
  94     <label i18n>Features found on this instance</label>
  95     <my-instance-features-table></my-instance-features-table>
  96   </div>
  97
  98   <div class="col">
  99     <div class="anchor" id="statistics"></div>
 100     <div i18n class="middle-title">STATISTICS</div>
 101     <my-instance-statistics></my-instance-statistics>
 102   </div>
 103 </div>
 104
 105 <my-contact-admin-modal #contactAdminModal></my-contact-admin-modal>