]>
Commit | Line | Data |
---|---|---|
1 | <div class="row"> | |
2 | <div class="col-md-12 col-xl-6"> | |
3 | ||
4 | <div class="about-instance-title"> | |
5 | <h1 i18n class="title">About {{ instanceName }}</h1> | |
6 | ||
7 | <a routerLink="/about/contact" i18n *ngIf="isContactFormEnabled" class="contact-admin">Contact us</a> | |
8 | </div> | |
9 | ||
10 | <div class="instance-badges" *ngIf="categories.length !== 0 || languages.length !== 0"> | |
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 class="anchor" id="administrators-and-sustainability"></div> | |
23 | <a | |
24 | *ngIf="html.administrator || html.maintenanceLifetime || html.businessModel" | |
25 | class="anchor-link" | |
26 | routerLink="/about/instance" | |
27 | fragment="administrators-and-sustainability" | |
28 | #anchorLink | |
29 | (click)="onClickCopyLink(anchorLink)" | |
30 | > | |
31 | <h2 i18n class="middle-title"> | |
32 | ADMINISTRATORS & SUSTAINABILITY | |
33 | </h2> | |
34 | </a> | |
35 | ||
36 | <div class="block administrator" *ngIf="html.administrator"> | |
37 | <div class="anchor" id="administrators"></div> | |
38 | <a | |
39 | class="anchor-link" | |
40 | routerLink="/about/instance" | |
41 | fragment="administrators" | |
42 | #anchorLink | |
43 | (click)="onClickCopyLink(anchorLink)"> | |
44 | <h3 i18n class="section-title">Who we are</h3> | |
45 | </a> | |
46 | ||
47 | <div [innerHTML]="html.administrator"></div> | |
48 | </div> | |
49 | ||
50 | <div class="block creation-reason" *ngIf="html.creationReason"> | |
51 | <div class="anchor" id="creation-reason"></div> | |
52 | <a | |
53 | class="anchor-link" | |
54 | routerLink="/about/instance" | |
55 | fragment="creation-reason" | |
56 | #anchorLink | |
57 | (click)="onClickCopyLink(anchorLink)"> | |
58 | <h3 i18n class="section-title">Why we created this instance</h3> | |
59 | </a> | |
60 | ||
61 | <div [innerHTML]="html.creationReason"></div> | |
62 | </div> | |
63 | ||
64 | <div class="block maintenance-lifetime" *ngIf="html.maintenanceLifetime"> | |
65 | <div class="anchor" id="maintenance-lifetime"></div> | |
66 | <a | |
67 | class="anchor-link" | |
68 | routerLink="/about/instance" | |
69 | fragment="maintenance-lifetime" | |
70 | #anchorLink | |
71 | (click)="onClickCopyLink(anchorLink)"> | |
72 | <h3 i18n class="section-title">How long we plan to maintain this instance</h3> | |
73 | </a> | |
74 | ||
75 | <div [innerHTML]="html.maintenanceLifetime"></div> | |
76 | </div> | |
77 | ||
78 | <div class="block business-model" *ngIf="html.businessModel"> | |
79 | <div class="anchor" id="business-model"></div> | |
80 | <a | |
81 | class="anchor-link" | |
82 | routerLink="/about/instance" | |
83 | fragment="business-model" | |
84 | #anchorLink | |
85 | (click)="onClickCopyLink(anchorLink)"> | |
86 | <h3 i18n class="section-title">How we will pay for keeping our instance running</h3> | |
87 | </a> | |
88 | ||
89 | <div [innerHTML]="html.businessModel"></div> | |
90 | </div> | |
91 | ||
92 | <div class="anchor" id="information"></div> | |
93 | <a | |
94 | *ngIf="descriptionContent" | |
95 | class="anchor-link" | |
96 | routerLink="/about/instance" | |
97 | fragment="information" | |
98 | #anchorLink | |
99 | (click)="onClickCopyLink(anchorLink)"> | |
100 | <h2 i18n class="middle-title"> | |
101 | INFORMATION | |
102 | </h2> | |
103 | </a> | |
104 | ||
105 | <div class="block description"> | |
106 | <div class="anchor" id="description"></div> | |
107 | <a | |
108 | class="anchor-link" | |
109 | routerLink="/about/instance" | |
110 | fragment="description" | |
111 | #anchorLink | |
112 | (click)="onClickCopyLink(anchorLink)"> | |
113 | <h3 i18n class="section-title">Description</h3> | |
114 | </a> | |
115 | ||
116 | <my-custom-markup-container [content]="descriptionContent"></my-custom-markup-container> | |
117 | </div> | |
118 | ||
119 | <div myPluginSelector pluginSelectorId="about-instance-moderation"> | |
120 | <div class="anchor" id="moderation"></div> | |
121 | <a | |
122 | *ngIf="html.moderationInformation || html.codeOfConduct || html.terms" | |
123 | class="anchor-link" | |
124 | routerLink="/about/instance" | |
125 | fragment="moderation" | |
126 | #anchorLink | |
127 | (click)="onClickCopyLink(anchorLink)"> | |
128 | <h2 i18n class="middle-title"> | |
129 | MODERATION | |
130 | </h2> | |
131 | </a> | |
132 | ||
133 | <div class="block moderation-information" *ngIf="html.moderationInformation"> | |
134 | <div class="anchor" id="moderation-information"></div> | |
135 | <a | |
136 | class="anchor-link" | |
137 | routerLink="/about/instance" | |
138 | fragment="moderation-information" | |
139 | #anchorLink | |
140 | (click)="onClickCopyLink(anchorLink)"> | |
141 | <h3 i18n class="section-title">Moderation information</h3> | |
142 | </a> | |
143 | ||
144 | <div [innerHTML]="html.moderationInformation"></div> | |
145 | </div> | |
146 | ||
147 | <div class="block code-of-conduct" *ngIf="html.codeOfConduct"> | |
148 | <div class="anchor" id="code-of-conduct"></div> | |
149 | <a | |
150 | class="anchor-link" | |
151 | routerLink="/about/instance" | |
152 | fragment="code-of-conduct" | |
153 | #anchorLink | |
154 | (click)="onClickCopyLink(anchorLink)"> | |
155 | <h3 i18n class="section-title">Code of conduct</h3> | |
156 | </a> | |
157 | ||
158 | <div [innerHTML]="html.codeOfConduct"></div> | |
159 | </div> | |
160 | ||
161 | <div class="block terms"> | |
162 | <div class="anchor" id="terms"></div> | |
163 | <a | |
164 | class="anchor-link" | |
165 | routerLink="/about/instance" | |
166 | fragment="terms" | |
167 | #anchorLink | |
168 | (click)="onClickCopyLink(anchorLink)"> | |
169 | <h3 i18n class="section-title">Terms</h3> | |
170 | </a> | |
171 | ||
172 | <div [innerHTML]="html.terms"></div> | |
173 | </div> | |
174 | </div> | |
175 | ||
176 | <div myPluginSelector pluginSelectorId="about-instance-other-information"> | |
177 | <div class="anchor" id="other-information"></div> | |
178 | <a | |
179 | *ngIf="html.hardwareInformation" | |
180 | class="anchor-link" | |
181 | routerLink="/about/instance" | |
182 | fragment="other-information" | |
183 | #anchorLink | |
184 | (click)="onClickCopyLink(anchorLink)"> | |
185 | <h2 i18n class="middle-title"> | |
186 | OTHER INFORMATION | |
187 | </h2> | |
188 | </a> | |
189 | ||
190 | <div class="block hardware-information" *ngIf="html.hardwareInformation"> | |
191 | <div class="anchor" id="hardware-information"></div> | |
192 | <a | |
193 | class="anchor-link" | |
194 | routerLink="/about/instance" | |
195 | fragment="hardware-information" | |
196 | #anchorLink | |
197 | (click)="onClickCopyLink(anchorLink)"> | |
198 | <h3 i18n class="section-title">Hardware information</h3> | |
199 | </a> | |
200 | ||
201 | <div [innerHTML]="html.hardwareInformation"></div> | |
202 | </div> | |
203 | </div> | |
204 | </div> | |
205 | ||
206 | <div class="col-md-12 col-xl-6" myPluginSelector pluginSelectorId="about-instance-features"> | |
207 | <h2 class="sr-only" i18n>FEATURES</h2> | |
208 | <my-instance-features-table></my-instance-features-table> | |
209 | </div> | |
210 | ||
211 | <div class="col" myPluginSelector pluginSelectorId="about-instance-statistics"> | |
212 | <div class="anchor" id="statistics"></div> | |
213 | <a | |
214 | class="anchor-link" | |
215 | routerLink="/about/instance" | |
216 | fragment="statistics" | |
217 | #anchorLink | |
218 | (click)="onClickCopyLink(anchorLink)"> | |
219 | <h2 i18n class="middle-title">STATISTICS</h2> | |
220 | </a> | |
221 | <my-instance-statistics></my-instance-statistics> | |
222 | </div> | |
223 | </div> | |
224 | ||
225 | <my-contact-admin-modal #contactAdminModal></my-contact-admin-modal> |