2 <div class=
"col-md-12 col-xl-6">
4 <div class=
"d-flex justify-content-between">
5 <h1 i18n
class=
"fw-semibold fs-5">About {{ instanceName }}
</h1>
7 <a routerLink=
"/about/contact" i18n *
ngIf=
"isContactFormEnabled" class=
"peertube-button-link orange-button h-100 d-flex align-items-center">Contact us
</a>
10 <div class=
"mb-4" *
ngIf=
"categories.length !== 0 || languages.length !== 0">
11 <span *
ngFor=
"let category of categories" class=
"pt-badge badge-primary">{{ category }}
</span>
13 <span *
ngFor=
"let language of languages" class=
"pt-badge badge-secondary">{{ language }}
</span>
17 <div class=
"block">{{ shortDescription }}
</div>
19 <div i18n *
ngIf=
"isNSFW" class=
"block mt-4 fw-semibold">This instance is dedicated to sensitive/NSFW content.
</div>
22 <div class=
"anchor" id=
"administrators-and-sustainability"></div>
24 *
ngIf=
"aboutHTML.administrator || aboutHTML.maintenanceLifetime || aboutHTML.businessModel"
26 routerLink=
"/about/instance"
27 fragment=
"administrators-and-sustainability"
29 (click)=
"onClickCopyLink(anchorLink)"
31 <h2 i18n
class=
"middle-title">
32 ADMINISTRATORS & SUSTAINABILITY
36 <div class=
"block administrator" *
ngIf=
"aboutHTML.administrator">
37 <div class=
"anchor" id=
"administrators"></div>
40 routerLink=
"/about/instance"
41 fragment=
"administrators"
43 (click)=
"onClickCopyLink(anchorLink)">
44 <h3 i18n
class=
"section-title">Who we are
</h3>
47 <div [innerHTML]=
"aboutHTML.administrator"></div>
50 <div class=
"block creation-reason" *
ngIf=
"aboutHTML.creationReason">
51 <div class=
"anchor" id=
"creation-reason"></div>
54 routerLink=
"/about/instance"
55 fragment=
"creation-reason"
57 (click)=
"onClickCopyLink(anchorLink)">
58 <h3 i18n
class=
"section-title">Why we created this instance
</h3>
61 <div [innerHTML]=
"aboutHTML.creationReason"></div>
64 <div class=
"block maintenance-lifetime" *
ngIf=
"aboutHTML.maintenanceLifetime">
65 <div class=
"anchor" id=
"maintenance-lifetime"></div>
68 routerLink=
"/about/instance"
69 fragment=
"maintenance-lifetime"
71 (click)=
"onClickCopyLink(anchorLink)">
72 <h3 i18n
class=
"section-title">How long we plan to maintain this instance
</h3>
75 <div [innerHTML]=
"aboutHTML.maintenanceLifetime"></div>
78 <div class=
"block business-model" *
ngIf=
"aboutHTML.businessModel">
79 <div class=
"anchor" id=
"business-model"></div>
82 routerLink=
"/about/instance"
83 fragment=
"business-model"
85 (click)=
"onClickCopyLink(anchorLink)">
86 <h3 i18n
class=
"section-title">How we will pay for keeping our instance running
</h3>
89 <div [innerHTML]=
"aboutHTML.businessModel"></div>
92 <div class=
"anchor" id=
"information"></div>
94 *
ngIf=
"descriptionElement"
96 routerLink=
"/about/instance"
97 fragment=
"information"
99 (click)=
"onClickCopyLink(anchorLink)">
100 <h2 i18n
class=
"middle-title">
105 <div class=
"block description">
106 <div class=
"anchor" id=
"description"></div>
109 routerLink=
"/about/instance"
110 fragment=
"description"
112 (click)=
"onClickCopyLink(anchorLink)">
113 <h3 i18n
class=
"section-title">Description
</h3>
116 <my-custom-markup-container [content]=
"descriptionElement"></my-custom-markup-container>
119 <div myPluginSelector
pluginSelectorId=
"about-instance-moderation">
120 <div class=
"anchor" id=
"moderation"></div>
122 *
ngIf=
"aboutHTML.moderationInformation || aboutHTML.codeOfConduct || aboutHTML.terms"
124 routerLink=
"/about/instance"
125 fragment=
"moderation"
127 (click)=
"onClickCopyLink(anchorLink)">
128 <h2 i18n
class=
"middle-title">
133 <div class=
"block moderation-information" *
ngIf=
"aboutHTML.moderationInformation">
134 <div class=
"anchor" id=
"moderation-information"></div>
137 routerLink=
"/about/instance"
138 fragment=
"moderation-information"
140 (click)=
"onClickCopyLink(anchorLink)">
141 <h3 i18n
class=
"section-title">Moderation information
</h3>
144 <div [innerHTML]=
"aboutHTML.moderationInformation"></div>
147 <div class=
"block code-of-conduct" *
ngIf=
"aboutHTML.codeOfConduct">
148 <div class=
"anchor" id=
"code-of-conduct"></div>
151 routerLink=
"/about/instance"
152 fragment=
"code-of-conduct"
154 (click)=
"onClickCopyLink(anchorLink)">
155 <h3 i18n
class=
"section-title">Code of conduct
</h3>
158 <div [innerHTML]=
"aboutHTML.codeOfConduct"></div>
161 <div class=
"block terms">
162 <div class=
"anchor" id=
"terms"></div>
165 routerLink=
"/about/instance"
168 (click)=
"onClickCopyLink(anchorLink)">
169 <h3 i18n
class=
"section-title">Terms
</h3>
172 <div [innerHTML]=
"aboutHTML.terms"></div>
176 <div myPluginSelector
pluginSelectorId=
"about-instance-other-information">
177 <div class=
"anchor" id=
"other-information"></div>
179 *
ngIf=
"aboutHTML.hardwareInformation"
181 routerLink=
"/about/instance"
182 fragment=
"other-information"
184 (click)=
"onClickCopyLink(anchorLink)">
185 <h2 i18n
class=
"middle-title">
190 <div class=
"block hardware-information" *
ngIf=
"aboutHTML.hardwareInformation">
191 <div class=
"anchor" id=
"hardware-information"></div>
194 routerLink=
"/about/instance"
195 fragment=
"hardware-information"
197 (click)=
"onClickCopyLink(anchorLink)">
198 <h3 i18n
class=
"section-title">Hardware information
</h3>
201 <div [innerHTML]=
"aboutHTML.hardwareInformation"></div>
206 <div class=
"col-md-12 col-xl-6" myPluginSelector
pluginSelectorId=
"about-instance-features">
207 <h2 class=
"visually-hidden" i18n
>FEATURES
</h2>
208 <my-instance-features-table></my-instance-features-table>
211 <div class=
"col" myPluginSelector
pluginSelectorId=
"about-instance-statistics">
212 <div class=
"anchor" id=
"statistics"></div>
216 routerLink=
"/about/instance"
217 fragment=
"statistics"
219 (click)=
"onClickCopyLink(anchorLink)">
220 <h2 i18n
class=
"middle-title">STATISTICS
</h2>
223 <my-instance-statistics [serverStats]=
"serverStats"></my-instance-statistics>
227 <my-contact-admin-modal #contactAdminModal
></my-contact-admin-modal>