diff options
Diffstat (limited to 'client/src/app/+about/about-instance/about-instance.component.html')
-rw-r--r-- | client/src/app/+about/about-instance/about-instance.component.html | 83 |
1 files changed, 74 insertions, 9 deletions
diff --git a/client/src/app/+about/about-instance/about-instance.component.html b/client/src/app/+about/about-instance/about-instance.component.html index 7c27ec760..25d416740 100644 --- a/client/src/app/+about/about-instance/about-instance.component.html +++ b/client/src/app/+about/about-instance/about-instance.component.html | |||
@@ -1,32 +1,97 @@ | |||
1 | <div class="row"> | 1 | <div class="row"> |
2 | <div class="col-md-12 col-xl-6"> | 2 | <div class="col-md-12 col-xl-6"> |
3 | |||
3 | <div class="about-instance-title"> | 4 | <div class="about-instance-title"> |
4 | <div i18n>About {{ instanceName }} instance</div> | 5 | <div i18n class="title">About {{ instanceName }} instance</div> |
5 | 6 | ||
6 | <div *ngIf="isContactFormEnabled" (click)="openContactModal()" i18n role="button" class="contact-admin">Contact administrator</div> | 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> | ||
7 | </div> | 14 | </div> |
8 | 15 | ||
9 | <div class="short-description"> | 16 | <div class="short-description"> |
10 | <div>{{ shortDescription }}</div> | 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> | ||
11 | 28 | ||
12 | <div *ngIf="isNSFW" class="dedicated-to-nsfw">This instance is dedicated to sensitive/NSFW content.</div> | 29 | <div [innerHTML]="html.administrator"></div> |
13 | </div> | 30 | </div> |
14 | 31 | ||
15 | <div class="description"> | 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 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"> | ||
16 | <div i18n class="section-title">Description</div> | 55 | <div i18n class="section-title">Description</div> |
17 | 56 | ||
18 | <div [innerHTML]="descriptionHTML"></div> | 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> | ||
19 | </div> | 68 | </div> |
20 | 69 | ||
21 | <div class="terms" id="terms-section"> | 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"> | ||
22 | <div i18n class="section-title">Terms</div> | 77 | <div i18n class="section-title">Terms</div> |
23 | 78 | ||
24 | <div [innerHTML]="termsHTML"></div> | 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"> | ||
87 | <div i18n class="section-title">Hardware information</div> | ||
88 | |||
89 | <div [innerHTML]="html.hardwareInformation"></div> | ||
25 | </div> | 90 | </div> |
26 | </div> | 91 | </div> |
27 | 92 | ||
28 | <div class="col-md-12 col-xl-6"> | 93 | <div class="col-md-12 col-xl-6"> |
29 | <label>Features found on this instance</label> | 94 | <label i18n>Features found on this instance</label> |
30 | <my-instance-features-table></my-instance-features-table> | 95 | <my-instance-features-table></my-instance-features-table> |
31 | </div> | 96 | </div> |
32 | </div> | 97 | </div> |