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