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="short-description">
  11       <div class="block short-description">{{ shortDescription }}</div>
  12
  13       <div *ngIf="isNSFW" class="block dedicated-to-nsfw">This instance is dedicated to sensitive/NSFW content.</div>
  14
  15       <div class="block">
  16         <div class="section-title" *ngIf="languages.length !== 0">Main instance languages</div>
  17
  18         <ul>
  19           <li *ngFor="let language of languages">{{ language }}</li>
  20         </ul>
  21       </div>
  22
  23       <div class="block">
  24         <div class="section-title" *ngIf="categories.length !== 0">Main instance categories</div>
  25
  26         <ul>
  27           <li *ngFor="let category of categories">{{ category }}</li>
  28         </ul>
  29       </div>
  30     </div>
  31
  32     <div class="middle-title" *ngIf="html.administrator || maintenanceLifetime || businessModel">
  33       Administrators & sustainability
  34     </div>
  35
  36     <div class="block administrator" *ngIf="html.administrator">
  37       <div i18n class="section-title">Who are we?</div>
  38
  39       <div [innerHTML]="html.administrator"></div>
  40     </div>
  41
  42     <div class="block maintenance-lifetime" *ngIf="maintenanceLifetime">
  43       <div i18n class="section-title">How long do we plan to maintain this instance?</div>
  44
  45       <p>{{ maintenanceLifetime }}</p>
  46     </div>
  47
  48     <div class="block business-model" *ngIf="businessModel">
  49       <div i18n class="section-title">How will we pay this instance?</div>
  50
  51       <p>{{ businessModel }}</p>
  52     </div>
  53
  54     <div class="middle-title" *ngIf="html.description">
  55       Information
  56     </div>
  57
  58     <div class="block description">
  59       <div i18n class="section-title">Description</div>
  60
  61       <div [innerHTML]="html.description"></div>
  62     </div>
  63
  64     <div class="middle-title" *ngIf="html.moderationInformation || html.codeOfConduct || html.terms">
  65       Moderation
  66     </div>
  67
  68     <div class="block moderation-information" *ngIf="html.moderationInformation">
  69       <div i18n class="section-title">Moderation information</div>
  70
  71       <div [innerHTML]="html.moderationInformation"></div>
  72     </div>
  73
  74     <div class="block code-of-conduct" *ngIf="html.codeOfConduct">
  75       <div i18n class="section-title">Code of conduct</div>
  76
  77       <div [innerHTML]="html.codeOfConduct"></div>
  78     </div>
  79
  80     <div class="block terms" id="terms-section">
  81       <div i18n class="section-title">Terms</div>
  82
  83       <div [innerHTML]="html.terms"></div>
  84     </div>
  85   </div>
  86
  87   <div class="col-md-12 col-xl-6">
  88     <label>Features found on this instance</label>
  89     <my-instance-features-table></my-instance-features-table>
  90   </div>
  91 </div>
  92
  93 <my-contact-admin-modal #contactAdminModal></my-contact-admin-modal>