]>
Commit | Line | Data |
---|---|---|
56af5222 C |
1 | <div class="row"> |
2 | <div class="col-md-12 col-xl-6"> | |
ccc00cb2 | 3 | |
35fe58c2 W |
4 | <div class="d-flex justify-content-between"> |
5 | <h1 i18n class="fw-semibold pt-fs-5">About {{ instanceName }}</h1> | |
d3e56c0c | 6 | |
35fe58c2 | 7 | <a routerLink="/about/contact" i18n *ngIf="isContactFormEnabled" class="peertube-button-link orange-button h-100 d-flex align-items-center">Contact us</a> |
56af5222 | 8 | </div> |
78f912ed | 9 | |
35fe58c2 | 10 | <div class="mb-4" *ngIf="categories.length !== 0 || languages.length !== 0"> |
4c8749cb | 11 | <span *ngFor="let category of categories" class="pt-badge badge-primary">{{ category }}</span> |
9fe1bc68 | 12 | |
4c8749cb | 13 | <span *ngFor="let language of languages" class="pt-badge badge-secondary">{{ language }}</span> |
9fe1bc68 C |
14 | </div> |
15 | ||
35fe58c2 W |
16 | <div class="mt-2"> |
17 | <div class="block">{{ shortDescription }}</div> | |
c8000975 | 18 | |
35fe58c2 | 19 | <div i18n *ngIf="isNSFW" class="block mt-4 fw-semibold">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 | |
789ba349 | 24 | *ngIf="aboutHTML.administrator || aboutHTML.maintenanceLifetime || aboutHTML.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 | 35 | |
789ba349 | 36 | <div class="block administrator" *ngIf="aboutHTML.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 | 46 | |
789ba349 | 47 | <div [innerHTML]="aboutHTML.administrator"></div> |
ccc00cb2 C |
48 | </div> |
49 | ||
789ba349 | 50 | <div class="block creation-reason" *ngIf="aboutHTML.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 | |
789ba349 | 61 | <div [innerHTML]="aboutHTML.creationReason"></div> |
8ae03c37 C |
62 | </div> |
63 | ||
789ba349 | 64 | <div class="block maintenance-lifetime" *ngIf="aboutHTML.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 | |
789ba349 | 75 | <div [innerHTML]="aboutHTML.maintenanceLifetime"></div> |
ccc00cb2 C |
76 | </div> |
77 | ||
789ba349 | 78 | <div class="block business-model" *ngIf="aboutHTML.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 | |
789ba349 | 89 | <div [innerHTML]="aboutHTML.businessModel"></div> |
ccc00cb2 C |
90 | </div> |
91 | ||
c2165d60 | 92 | <div class="anchor" id="information"></div> |
f3081d64 | 93 | <a |
789ba349 | 94 | *ngIf="descriptionElement" |
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 | |
789ba349 | 116 | <my-custom-markup-container [content]="descriptionElement"></my-custom-markup-container> |
ccc00cb2 C |
117 | </div> |
118 | ||
28c65567 | 119 | <div myPluginSelector pluginSelectorId="about-instance-moderation"> |
120 | <div class="anchor" id="moderation"></div> | |
f3081d64 | 121 | <a |
789ba349 | 122 | *ngIf="aboutHTML.moderationInformation || aboutHTML.codeOfConduct || aboutHTML.terms" |
f3081d64 K |
123 | class="anchor-link" |
124 | routerLink="/about/instance" | |
28c65567 | 125 | fragment="moderation" |
f3081d64 K |
126 | #anchorLink |
127 | (click)="onClickCopyLink(anchorLink)"> | |
28c65567 | 128 | <h2 i18n class="middle-title"> |
129 | MODERATION | |
130 | </h2> | |
c2165d60 | 131 | </a> |
ccc00cb2 | 132 | |
789ba349 | 133 | <div class="block moderation-information" *ngIf="aboutHTML.moderationInformation"> |
28c65567 | 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> | |
ccc00cb2 | 143 | |
789ba349 | 144 | <div [innerHTML]="aboutHTML.moderationInformation"></div> |
28c65567 | 145 | </div> |
ccc00cb2 | 146 | |
789ba349 | 147 | <div class="block code-of-conduct" *ngIf="aboutHTML.codeOfConduct"> |
28c65567 | 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> | |
78f912ed | 157 | |
789ba349 | 158 | <div [innerHTML]="aboutHTML.codeOfConduct"></div> |
28c65567 | 159 | </div> |
78f912ed | 160 | |
28c65567 | 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> | |
be04c6fd | 171 | |
789ba349 | 172 | <div [innerHTML]="aboutHTML.terms"></div> |
28c65567 | 173 | </div> |
174 | </div> | |
be04c6fd | 175 | |
28c65567 | 176 | <div myPluginSelector pluginSelectorId="about-instance-other-information"> |
177 | <div class="anchor" id="other-information"></div> | |
f3081d64 | 178 | <a |
789ba349 | 179 | *ngIf="aboutHTML.hardwareInformation" |
f3081d64 K |
180 | class="anchor-link" |
181 | routerLink="/about/instance" | |
28c65567 | 182 | fragment="other-information" |
f3081d64 K |
183 | #anchorLink |
184 | (click)="onClickCopyLink(anchorLink)"> | |
28c65567 | 185 | <h2 i18n class="middle-title"> |
186 | OTHER INFORMATION | |
187 | </h2> | |
c2165d60 | 188 | </a> |
be04c6fd | 189 | |
789ba349 | 190 | <div class="block hardware-information" *ngIf="aboutHTML.hardwareInformation"> |
28c65567 | 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 | ||
789ba349 | 201 | <div [innerHTML]="aboutHTML.hardwareInformation"></div> |
28c65567 | 202 | </div> |
be04c6fd | 203 | </div> |
78f912ed C |
204 | </div> |
205 | ||
28c65567 | 206 | <div class="col-md-12 col-xl-6" myPluginSelector pluginSelectorId="about-instance-features"> |
4c8749cb | 207 | <h2 class="visually-hidden" i18n>FEATURES</h2> |
56af5222 | 208 | <my-instance-features-table></my-instance-features-table> |
78f912ed | 209 | </div> |
3d05209c | 210 | |
28c65567 | 211 | <div class="col" myPluginSelector pluginSelectorId="about-instance-statistics"> |
45e0d669 | 212 | <div class="anchor" id="statistics"></div> |
f6cf8e8d | 213 | |
f3081d64 K |
214 | <a |
215 | class="anchor-link" | |
216 | routerLink="/about/instance" | |
217 | fragment="statistics" | |
218 | #anchorLink | |
219 | (click)="onClickCopyLink(anchorLink)"> | |
c2165d60 | 220 | <h2 i18n class="middle-title">STATISTICS</h2> |
221 | </a> | |
f6cf8e8d C |
222 | |
223 | <my-instance-statistics [serverStats]="serverStats"></my-instance-statistics> | |
3d05209c | 224 | </div> |
56af5222 | 225 | </div> |
d3e56c0c | 226 | |
5c16e6bc | 227 | <my-contact-admin-modal #contactAdminModal></my-contact-admin-modal> |