]>
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"> |
c9e3565d | 5 | <h1 i18n class="title">About {{ instanceName }}</h1> |
d3e56c0c | 6 | |
c9e3565d | 7 | <button i18n *ngIf="isContactFormEnabled" (click)="openContactModal()" (keydown.enter)="openContactModal()" class="contact-admin">Contact administrator</button> |
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 | |
1eb23e12 | 19 | <div i18n *ngIf="isNSFW" class="block dedicated-to-nsfw">This instance is dedicated to sensitive/NSFW content.</div> |
56af5222 | 20 | </div> |
78f912ed | 21 | |
c2165d60 | 22 | <div class="anchor" id="administrators-and-sustainability"></div> |
23 | <a | |
24 | *ngIf="html.administrator || maintenanceLifetime || businessModel" | |
25 | class="anchor-link" | |
26 | routerLink="/about/instance" fragment="administrators-and-sustainability" | |
27 | > | |
28 | <h2 i18n class="middle-title"> | |
29 | ADMINISTRATORS & SUSTAINABILITY | |
30 | </h2> | |
31 | </a> | |
ccc00cb2 C |
32 | |
33 | <div class="block administrator" *ngIf="html.administrator"> | |
c2165d60 | 34 | <div class="anchor" id="administrators"></div> |
35 | <a class="anchor-link" routerLink="/about/instance" fragment="administrators"> | |
36 | <h3 i18n class="section-title">Who we are</h3> | |
37 | </a> | |
ccc00cb2 C |
38 | |
39 | <div [innerHTML]="html.administrator"></div> | |
40 | </div> | |
41 | ||
8ae03c37 | 42 | <div class="block creation-reason" *ngIf="creationReason"> |
c2165d60 | 43 | <div class="anchor" id="creation-reason"></div> |
44 | <a class="anchor-link" routerLink="/about/instance" fragment="creation-reason"> | |
45 | <h3 i18n class="section-title">Why we created this instance</h3> | |
46 | </a> | |
8ae03c37 C |
47 | |
48 | <p>{{ creationReason }}</p> | |
49 | </div> | |
50 | ||
ccc00cb2 | 51 | <div class="block maintenance-lifetime" *ngIf="maintenanceLifetime"> |
c2165d60 | 52 | <div class="anchor" id="maintenance-lifetime"></div> |
53 | <a class="anchor-link" routerLink="/about/instance" fragment="maintenance-lifetime"> | |
54 | <h3 i18n class="section-title">How long we plan to maintain this instance</h3> | |
55 | </a> | |
ccc00cb2 C |
56 | |
57 | <p>{{ maintenanceLifetime }}</p> | |
58 | </div> | |
59 | ||
60 | <div class="block business-model" *ngIf="businessModel"> | |
c2165d60 | 61 | <div class="anchor" id="buisiness-model"></div> |
62 | <a class="anchor-link" routerLink="/about/instance" fragment="buisiness-model"> | |
63 | <h3 i18n class="section-title">How we will pay for this instance</h3> | |
64 | </a> | |
ccc00cb2 C |
65 | |
66 | <p>{{ businessModel }}</p> | |
67 | </div> | |
68 | ||
c2165d60 | 69 | <div class="anchor" id="information"></div> |
70 | <a *ngIf="html.description" class="anchor-link" routerLink="/about/instance" fragment="information"> | |
71 | <h2 i18n class="middle-title"> | |
72 | INFORMATION | |
73 | </h2> | |
74 | </a> | |
ccc00cb2 C |
75 | |
76 | <div class="block description"> | |
c2165d60 | 77 | <div class="anchor" id="description"></div> |
78 | <a class="anchor-link" routerLink="/about/instance" fragment="description"> | |
79 | <h3 i18n class="section-title">Description</h3> | |
80 | </a> | |
78f912ed | 81 | |
ccc00cb2 C |
82 | <div [innerHTML]="html.description"></div> |
83 | </div> | |
84 | ||
c2165d60 | 85 | <div class="anchor" id="moderation"></div> |
86 | <a | |
87 | *ngIf="html.moderationInformation || html.codeOfConduct || html.terms" | |
88 | class="anchor-link" routerLink="/about/instance" fragment="moderation" | |
89 | > | |
90 | <h2 i18n class="middle-title"> | |
91 | MODERATION | |
92 | </h2> | |
93 | </a> | |
ccc00cb2 C |
94 | |
95 | <div class="block moderation-information" *ngIf="html.moderationInformation"> | |
c2165d60 | 96 | <div class="anchor" id="moderation-information"></div> |
97 | <a class="anchor-link" routerLink="/about/instance" fragment="moderation-information"> | |
98 | <h3 i18n class="section-title">Moderation information</h3> | |
99 | </a> | |
ccc00cb2 C |
100 | |
101 | <div [innerHTML]="html.moderationInformation"></div> | |
102 | </div> | |
103 | ||
104 | <div class="block code-of-conduct" *ngIf="html.codeOfConduct"> | |
c2165d60 | 105 | <div class="anchor" id="code-of-conduct"></div> |
106 | <a class="anchor-link" routerLink="/about/instance" fragment="code-of-conduct"> | |
107 | <h3 i18n class="section-title">Code of conduct</h3> | |
108 | </a> | |
ccc00cb2 C |
109 | |
110 | <div [innerHTML]="html.codeOfConduct"></div> | |
56af5222 | 111 | </div> |
78f912ed | 112 | |
be04c6fd | 113 | <div class="block terms"> |
c2165d60 | 114 | <div class="anchor" id="terms"></div> |
115 | <a class="anchor-link" routerLink="/about/instance" fragment="terms"> | |
116 | <h3 i18n class="section-title">Terms</h3> | |
117 | </a> | |
78f912ed | 118 | |
ccc00cb2 | 119 | <div [innerHTML]="html.terms"></div> |
56af5222 | 120 | </div> |
be04c6fd | 121 | |
c2165d60 | 122 | <div class="anchor" id="other-information"></div> |
123 | <a *ngIf="html.hardwareInformation" class="anchor-link" routerLink="/about/instance" fragment="other-information"> | |
124 | <h2 i18n class="middle-title"> | |
125 | OTHER INFORMATION | |
126 | </h2> | |
127 | </a> | |
be04c6fd | 128 | |
ee83ad12 | 129 | <div class="block hardware-information" *ngIf="html.hardwareInformation"> |
c2165d60 | 130 | <div class="anchor" id="hardware-information"></div> |
131 | <a class="anchor-link" routerLink="/about/instance" fragment="hardware-information"> | |
132 | <h3 i18n class="section-title">Hardware information</h3> | |
133 | </a> | |
be04c6fd C |
134 | |
135 | <div [innerHTML]="html.hardwareInformation"></div> | |
136 | </div> | |
78f912ed C |
137 | </div> |
138 | ||
56af5222 | 139 | <div class="col-md-12 col-xl-6"> |
c9e3565d | 140 | <h2 class="sr-only" i18n>FEATURES</h2> |
56af5222 | 141 | <my-instance-features-table></my-instance-features-table> |
78f912ed | 142 | </div> |
3d05209c JM |
143 | |
144 | <div class="col"> | |
45e0d669 | 145 | <div class="anchor" id="statistics"></div> |
c2165d60 | 146 | <a class="anchor-link" routerLink="/about/instance" fragment="statistics"> |
147 | <h2 i18n class="middle-title">STATISTICS</h2> | |
148 | </a> | |
3d05209c JM |
149 | <my-instance-statistics></my-instance-statistics> |
150 | </div> | |
56af5222 | 151 | </div> |
d3e56c0c C |
152 | |
153 | <my-contact-admin-modal #contactAdminModal></my-contact-admin-modal> |