]>
Commit | Line | Data |
---|---|---|
56af5222 C |
1 | <div class="row"> |
2 | <div class="col-md-12 col-xl-6"> | |
ccc00cb2 | 3 | |
d3e56c0c | 4 | <div class="about-instance-title"> |
ccc00cb2 | 5 | <div i18n class="title">About {{ instanceName }} instance</div> |
d3e56c0c C |
6 | |
7 | <div *ngIf="isContactFormEnabled" (click)="openContactModal()" i18n role="button" class="contact-admin">Contact administrator</div> | |
56af5222 | 8 | </div> |
78f912ed | 9 | |
9fe1bc68 C |
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 | ||
56af5222 | 16 | <div class="short-description"> |
4402b54d | 17 | <div class="block short-description">{{ shortDescription }}</div> |
c8000975 | 18 | |
4402b54d | 19 | <div *ngIf="isNSFW" class="block dedicated-to-nsfw">This instance is dedicated to sensitive/NSFW content.</div> |
56af5222 | 20 | </div> |
78f912ed | 21 | |
ccc00cb2 C |
22 | <div class="middle-title" *ngIf="html.administrator || maintenanceLifetime || businessModel"> |
23 | Administrators & sustainability | |
24 | </div> | |
25 | ||
26 | <div class="block administrator" *ngIf="html.administrator"> | |
8ae03c37 | 27 | <div i18n class="section-title">Who we are</div> |
ccc00cb2 C |
28 | |
29 | <div [innerHTML]="html.administrator"></div> | |
30 | </div> | |
31 | ||
8ae03c37 C |
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 | ||
ccc00cb2 | 38 | <div class="block maintenance-lifetime" *ngIf="maintenanceLifetime"> |
8ae03c37 | 39 | <div i18n class="section-title">How long we plan to maintain this instance</div> |
ccc00cb2 C |
40 | |
41 | <p>{{ maintenanceLifetime }}</p> | |
42 | </div> | |
43 | ||
44 | <div class="block business-model" *ngIf="businessModel"> | |
8ae03c37 | 45 | <div i18n class="section-title">How we will pay this instance</div> |
ccc00cb2 C |
46 | |
47 | <p>{{ businessModel }}</p> | |
48 | </div> | |
49 | ||
50 | <div class="middle-title" *ngIf="html.description"> | |
51 | Information | |
52 | </div> | |
53 | ||
54 | <div class="block description"> | |
56af5222 | 55 | <div i18n class="section-title">Description</div> |
78f912ed | 56 | |
ccc00cb2 C |
57 | <div [innerHTML]="html.description"></div> |
58 | </div> | |
59 | ||
60 | <div 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> | |
56af5222 | 74 | </div> |
78f912ed | 75 | |
be04c6fd | 76 | <div class="block terms"> |
56af5222 | 77 | <div i18n class="section-title">Terms</div> |
78f912ed | 78 | |
ccc00cb2 | 79 | <div [innerHTML]="html.terms"></div> |
56af5222 | 80 | </div> |
be04c6fd C |
81 | |
82 | <div class="middle-title" *ngIf="html.hardwareInformation"> | |
83 | Other information | |
84 | </div> | |
85 | ||
86 | <div class="block hardware-information"> | |
87 | <div i18n class="section-title">Hardware information</div> | |
88 | ||
89 | <div [innerHTML]="html.hardwareInformation"></div> | |
90 | </div> | |
78f912ed C |
91 | </div> |
92 | ||
56af5222 C |
93 | <div class="col-md-12 col-xl-6"> |
94 | <label>Features found on this instance</label> | |
95 | <my-instance-features-table></my-instance-features-table> | |
78f912ed | 96 | </div> |
56af5222 | 97 | </div> |
d3e56c0c C |
98 | |
99 | <my-contact-admin-modal #contactAdminModal></my-contact-admin-modal> |