2 <div class=
"col-md-12 col-xl-6">
4 <div class=
"about-instance-title">
5 <h1 i18n
class=
"title">About {{ instanceName }}
</h1>
7 <button i18n *
ngIf=
"isContactFormEnabled" (click)=
"openContactModal()" (keydown.enter)=
"openContactModal()" class=
"contact-admin">Contact administrator
</button>
10 <div class=
"block instance-badges">
11 <span *
ngFor=
"let category of categories" class=
"badge badge-primary category">{{ category }}
</span>
13 <span *
ngFor=
"let language of languages" class=
"badge badge-secondary language">{{ language }}
</span>
16 <div class=
"short-description">
17 <div class=
"block short-description">{{ shortDescription }}
</div>
19 <div i18n *
ngIf=
"isNSFW" class=
"block dedicated-to-nsfw">This instance is dedicated to sensitive/NSFW content.
</div>
22 <h2 i18n
class=
"middle-title" *
ngIf=
"html.administrator || maintenanceLifetime || businessModel">
23 ADMINISTRATORS & SUSTAINABILITY
26 <div class=
"block administrator" *
ngIf=
"html.administrator">
27 <h3 i18n
class=
"section-title">Who we are
</h3>
29 <div [innerHTML]=
"html.administrator"></div>
32 <div class=
"block creation-reason" *
ngIf=
"creationReason">
33 <h3 i18n
class=
"section-title">Why we created this instance
</h3>
35 <p>{{ creationReason }}
</p>
38 <div class=
"block maintenance-lifetime" *
ngIf=
"maintenanceLifetime">
39 <h3 i18n
class=
"section-title">How long we plan to maintain this instance
</h3>
41 <p>{{ maintenanceLifetime }}
</p>
44 <div class=
"block business-model" *
ngIf=
"businessModel">
45 <h3 i18n
class=
"section-title">How we will pay for this instance
</h3>
47 <p>{{ businessModel }}
</p>
50 <h2 i18n
class=
"middle-title" *
ngIf=
"html.description">
54 <div class=
"block description">
55 <h3 i18n
class=
"section-title">Description
</h3>
57 <div [innerHTML]=
"html.description"></div>
60 <h2 i18n
class=
"middle-title" *
ngIf=
"html.moderationInformation || html.codeOfConduct || html.terms">
64 <div class=
"block moderation-information" *
ngIf=
"html.moderationInformation">
65 <h3 i18n
class=
"section-title">Moderation information
</h3>
67 <div [innerHTML]=
"html.moderationInformation"></div>
70 <div class=
"block code-of-conduct" *
ngIf=
"html.codeOfConduct">
71 <h3 i18n
class=
"section-title">Code of conduct
</h3>
73 <div [innerHTML]=
"html.codeOfConduct"></div>
76 <div class=
"block terms">
77 <h3 i18n
class=
"section-title">Terms
</h3>
79 <div [innerHTML]=
"html.terms"></div>
82 <h2 i18n
class=
"middle-title" *
ngIf=
"html.hardwareInformation">
86 <div class=
"block hardware-information" *
ngIf=
"html.hardwareInformation">
87 <h3 i18n
class=
"section-title">Hardware information
</h3>
89 <div [innerHTML]=
"html.hardwareInformation"></div>
93 <div class=
"col-md-12 col-xl-6">
94 <h2 class=
"sr-only" i18n
>FEATURES
</h2>
95 <my-instance-features-table></my-instance-features-table>
99 <div class=
"anchor" id=
"statistics"></div>
100 <h2 i18n
class=
"middle-title">STATISTICS
</h2>
101 <my-instance-statistics></my-instance-statistics>
105 <my-contact-admin-modal #contactAdminModal
></my-contact-admin-modal>