Mercurial > libervia-website

comparison templates/default/presentation/presentation.html @ 8:dc880664a8ec

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
modernisation of the theme using Bulma
author Goffi <goffi@goffi.org>
date Fri, 16 Apr 2021 18:51:12 +0200
parents b7e8db97b3b0
children 0d6ae55579a5
comparison
equal deleted inserted replaced
7:b5fc67c97c50 8:dc880664a8ec
1 {% if not embedded %}{% extends 'base/base.html' %}{% endif %} 1 {% if not embedded %}{% extends 'base/base.html' %}{% endif %}
2 2
3 {% block body %} 3 {% macro download_box(url, name, alias, description) %}
4 {{ icon_defs('chat', 'lock-filled', 'blog', 'exchange', 'picture', 'calendar', 'clipboard', 'desktop', 'mobile', 'globe', 'terminal', 'shield', 'ok', 'brush', 'unlink', 'heart-filled', 'group', 'box') }} 4 <div class="column content has-text-centered">
5 <div class="box box--zero box--center"> 5 <a href="{{url}}" target="_blank" class="has-text-black">
6 <h1> 6 <figure class="icon is-large">
7 <img class="img--inline-bottom img--very-small" src="{{media_path}}icons_svg/sat.svg"> 7 {{ icon("box") }}
8 Salut à Toi 8 </figure>
9 <figcaption>
10 {% trans %}Click here to install {% endtrans %}<br>
11 <span class="has-text-weight-bold">{{name}}</span><br>
12 (alias <span class="is-italic">{{alias}}</span>, {{description}})
13 </figcaption>
14 </a>
15 </div>
16 {% endmacro %}
17
18 {% block body_wrapper %}
19 {{ icon_defs('chat', 'lock-filled', 'blog', 'exchange', 'picture', 'calendar', 'clipboard', 'desktop', 'mobile', 'globe', 'terminal', 'shield', 'ok', 'brush', 'unlink', 'heart-filled', 'group', 'box', 'plus-circled') }}
20
21
22 <section class="hero is-halfheight is-primary">
23 <div id="toto" class="hero-body">
24 <div class="container">
25 <nav class="level is-mobile">
26 <div class="level-left is-flex-shrink-1">
27 <div class="level-item">
28 <figure class="image is-128x128">
29 <img src="{{media_path}}icons_svg/sat.svg" alt="Libervia logo">
30 </figure>
31 </div>
32 <div class="level-item is-flex-direction-column is-align-items-flex-start is-flex-shrink-1">
33 <p class="is-size-1 has-text-weight-bold">Libervia</p>
34 <p class="is-size-5">{% trans %}The Universal Communication Ecosystem{% endtrans %}</p>
35 </div>
36 </div>
37 </nav>
38 <div class="message is-info">
39 <div class="message-body">
40 <p class="is-size-5">
41 {% trans %}Libervia is a all-in-one tool to manage all your communications needs: instant messaging, (micro)blogging, file sharing, photo albums, events, forums, tasks, etc.{% endtrans %}
42 </p>
43 </div>
44 </div>
45 <nav class="level is-mobile">
46 <div class="level-left">
47 <div class="level-item">
48 <a class="button is-large is-info is-rounded" href="#demo">{% trans %}Try it!{% endtrans %}</a>
49 </div>
50 <div class="level-item">
51 <a class="button is-large is-info is-rounded" href="#installation">{% trans %}Install it!{% endtrans %}</a>
52 </div>
53 </div>
54 </nav>
55 </div>
56 </div>
57 </section>
58
59 <section class="hero is-halfheight">
60 <div class="hero-body">
61 <div class="container">
62 <div class="columns is-vcentered">
63 <div class="column">
64 <div class="columns is-gapless is-mobile">
65 <div class="column list_icon">
66 {{ icon('chat', cls='icon') }}
67 </div>
68 <div class="column">
69 {% trans %}Chat with your friends, family or coworkers{% endtrans %}
70 </div>
71 </div>
72 <div class="columns is-gapless is-mobile">
73 <div class="column list_icon">
74 {{ icon('lock-filled', cls='icon') }}
75 </div>
76 <div class="column">
77 {% trans %}Encrypt conversations to protect your privacy{% endtrans %}
78 </div>
79 </div>
80 <div class="columns is-gapless is-mobile">
81 <div class="column list_icon">
82 {{ icon('blog', cls='icon') }}
83 </div>
84 <div class="column">
85 {% trans %}Blog publicly or only with a group of contacts{% endtrans %}
86 </div>
87 </div>
88 <div class="columns is-gapless is-mobile">
89 <div class="column list_icon">
90 {{ icon('exchange', cls='icon') }}
91 </div>
92 <div class="column">
93 {% trans %}Share files directly (peer to peer) or store them on your server and access them from anywhere{% endtrans %}
94 </div>
95 </div>
96 <div class="columns is-gapless is-mobile">
97 <div class="column list_icon">
98 {{ icon('picture', cls='icon') }}
99 </div>
100 <div class="column">
101 {% trans %}Share private photos albums with your family{% endtrans %}
102 </div>
103 </div>
104 <div class="columns is-gapless is-mobile">
105 <div class="column list_icon">
106 {{ icon('calendar', cls='icon') }}
107 </div>
108 <div class="column">
109 {% trans %}Create and manage events{% endtrans %}
110 </div>
111 </div>
112 <div class="columns is-gapless is-mobile">
113 <div class="column list_icon">
114 {{ icon('clipboard', cls='icon') }}
115 </div>
116 <div class="column">
117 {% trans %}Organise your day to day life or work with lists{% endtrans %}
118 </div>
119 </div>
120 </div>
121 <div class="column">
122 <div class="content">
123 <img src="libervia_web_0.8_blog.jpg" alt="Screenshot of Libervia web 0.8 blog" class="screenshot_web">
124 </div>
125 </div>
126 </div>
127 </div>
128 </section>
129
130 <section class="hero is-halfheight has-background-primary-dark has-text-white">
131 <div class="hero-body">
132 <div class="container">
133 <div class="columns is-vcentered">
134 <div class="column">
135 <img src="libervia_web_0.8_list_invitation.jpg" alt="">
136 </div>
137 <div class="column">
138 <div class="content is-size-4">
139 {% trans %}With its easy invitation system, you can smoothly meet your family or friends. It's a perfect fit to share with your loved ones.{% endtrans %}
140 </div>
141 </div>
142 </div>
143 </div>
144 </div>
145 </section>
146
147 <section class="hero is-halfheight has-background-white-ter">
148 <div class="hero-body">
149 <div class="columns">
150 <div class="column content">
151 <figure>
152 <img src="libervia_web_0.8_photo_album.jpg" alt="Libervia-web 0.8 photo album" class="screenshot_web">
153 <figcaption>{% trans %}Share your photo albums{% endtrans %}</figcaption>
154 </figure>
155 </div>
156 <div class="column content">
157 <figure>
158 <img src="libervia_web_0.8_forums.jpg" alt="Libervia-web 0.8 forums" class="screenshot_web">
159 <figcaption>{% trans %}Arange topics in forums{% endtrans %}</figcaption>
160 </figure>
161 </div>
162 <div class="column content">
163 <figure>
164 <img src="libervia_web_0.8_events.jpg" alt="Libervia-web 0.8 events" class="screenshot_web">
165 <figcaption>{% trans %}Organise events with your friends{% endtrans %}</figcaption>
166 </figure>
167 </div>
168 </div>
169
170 </div>
171 </section>
172
173
174 <section class="hero is-halfheight">
175 <div class="hero-body">
176 <div class="container">
177 <div class="columns is-vcentered">
178 <div class="column">
179 <div class="columns is-gapless is-mobile">
180 <div class="column list_icon">
181 {{ icon('desktop', cls='icon') }}
182 </div>
183 <div class="column">
184 {% trans %}Works natively on desktop{% endtrans %}
185 </div>
186 </div>
187 <div class="columns is-gapless is-mobile">
188 <div class="column list_icon">
189 {{ icon('globe', cls='icon') }}
190 </div>
191 <div class="column">
192 {% trans %}Works on the web{% endtrans %}
193 </div>
194 </div>
195 <div class="columns is-gapless is-mobile">
196 <div class="column list_icon">
197 {{ icon('mobile', cls='icon') }}
198 </div>
199 <div class="column">
200 {% trans %}Works natively on mobile devices (Android){% endtrans %}
201 <span class="is-italic">
202 [{% trans %}work in progress{% endtrans %}]
203 </span>
204 </div>
205 </div>
206 <div class="columns is-gapless is-mobile">
207 <div class="column list_icon">
208 {{ icon('ok', cls='icon') }}
209 </div>
210 <div class="column">
211 {% trans %}Cross-platform{% endtrans %}
212 </div>
213 </div>
214 <div class="columns is-gapless is-mobile">
215 <div class="column list_icon">
216 {{ icon('terminal', cls='icon') }}
217 </div>
218 <div class="column">
219 {% trans %}Powerful command-line interface{% endtrans %}
220 </div>
221 </div>
222 <div class="columns is-gapless is-mobile">
223 <div class="column list_icon">
224 {{ icon('brush', cls='icon') }}
225 </div>
226 <div class="column">
227 {% trans %}Highly modular and customisable{% endtrans %}
228 </div>
229 </div>
230 <div class="columns is-gapless is-mobile">
231 <div class="column list_icon">
232 {{ icon('plus-circled', cls='icon') }}
233 </div>
234 <div class="column">
235 {% trans %}Lot of powerful tools and features accompany the project, please check documentation{% endtrans %}
236 </div>
237 </div>
238 </div>
239 <div class="column">
240 <div class="content">
241 <img src="libervia_mobile_0.8_chat_upload.jpg" alt="Screenshot of Libervia mobile 0.8 chat with upload panel" class="screenshot_mobile">
242 </div>
243 </div>
244 </div>
245 </div>
246 </section>
247
248 <section class="hero is-halfheight is-primary">
249 <div class="hero-body">
250 <div class="container content">
251 <p class="is-size-4">
252 {% trans url_open='<a href="/social_contract" class="is-underline">'|safe,url_close='</a>'|safe %}
253 Libervia is a Libre software, based on well established standards (XMPP), decentralised and federating. It is developed around strong ethical values. Check our {{url_open}}social contract{{url_close}}.
254 {% endtrans %}
255 </p>
256 </div>
257 </div>
258 </section>
259
260 <section class="hero is-halfheight has-background-white-ter">
261 <div class="hero-body is-justify-content-center">
262 <div class="is-flex is-flex-direction-column">
263 <div class="columns is-gapless is-mobile">
264 <div class="column list_icon">
265 {{ icon('unlink', cls='icon') }}
266 </div>
267 <div class="column">
268 {% trans %}Libervia is a Libre software{% endtrans %}
269
270 {% trans url_open='<a href="https://repos.goffi.org/sat/file/tip">'|safe,url_close='</a>'|safe %}
271 ({{url_open}}source code{{url_close}}).
272 {% endtrans %}
273 </div>
274 </div>
275 <div class="columns is-gapless is-mobile">
276 <div class="column list_icon">
277 {{ icon('heart-filled', cls='icon') }}
278 </div>
279 <div class="column">
280 {% trans %}We follow a social contract, a moral engagement with the community{% endtrans %}
281 </div>
282 </div>
283 <div class="columns is-gapless is-mobile">
284 <div class="column list_icon">
285 {{ icon('group', cls='icon') }}
286 </div>
287 <div class="column">
288 {% trans %}"Salut a Toi" is the name of the association which manages the project.<br>Major decisions are debated there.{% endtrans %}
289 </div>
290 </div>
291 </div>
292 </div>
293 </section>
294
295 <div id="demo" class="section container">
296 <h1 class="title is-2">{% trans %}Demo{% endtrans %}</h1>
297 <div class="box content">
298 <p>
299 {% trans
300 demo_url_open='<a href="https://www.libervia.org" target="_blank">'|safe,
301 demo_url_close='</a>'|safe
302 -%}
303 A demo server is available for you to try Libervia at {{demo_url_open}}https://www.libervia.org{{demo_url_close}}.
304 {%- endtrans %}
305 </p>
306 <div class="message is-warning">
307 <div class="message-body">
308 {% trans -%}
309 Please note that this is only for demo purpose, and all data (including accounts) may be wiped out at any time, don't use it for any serious purpose.
310 {%- endtrans %}
311 </div>
312 </div>
313 </div>
314 </div>
315
316 <div id="installation" class="section container">
317 <h1 class="title is-2">
318 {% trans %}Installation{% endtrans %}
9 </h1> 319 </h1>
10 <p class="heading__subtitle">{% trans %}The Universal Communication Ecosystem{% endtrans %}</p> 320 <h3 class="subtitle is-3">GNU/Linux</h3>
321 <div class="content box">
322 <p>{% trans %}If you are on GNU/Linux the recommended way to install Libervia is to use your distribution official packages. Please check your distribution to see if Libervia is available (and request it if it's not). Libervia is available at least on Arch Linux and Debian and its derivated.{% endtrans %}</p>
323 <p>{% trans flatpak='<a href="https://flatpak.org/" target="_blank" rel="noreferrer noopener">Flatpak</a>'|safe %}If Libervia is not available or the version is too old, you can use {{flatpak}} (which may be installed by default on some recent distributions) to install it, see below.{% endtrans %}</p>
324 </div>
325 <h3 class="subtitle is-3">Flatpak</h3>
326 <div class="message is-warning">
327 <div class="message-body">
328 {% trans %}
329 Those packages are development preview, they are not stable and bugs and crashes may happen
330 {% endtrans %}
331 </div>
332 </div>
333 <div class="columns">
334 {% for url, name, alias, description in (
335 ("/flatpak/org.libervia.LiberviaDesktop_dev.flatpakref",
336 "Libervia Desktop", "Cagou", _("Desktop")),
337
338 ("/flatpak/org.libervia.LiberviaTUI_dev.flatpakref",
339 "Libervia TUI", "Primitivus", _("Text User Interface")),
340
341 ("/flatpak/org.libervia.LiberviaCLI_dev.flatpakref",
342 "Libervia CLI", "jp", _("Command-Line Interface")),
343 ) %}
344 {{ download_box(url, name, alias, description) }}
345 {% endfor %}
346 </div>
347 </ul>
348 <div class="box content">
349 <p>{% trans %}If the links above are not working, you can use the following commands (supposing that Flatpak is already installed):{% endtrans %}</p>
350 <pre>flatpak install --user https://salut-a-toi.org/flatpak/org.libervia.LiberviaDesktop_dev.flatpakref</pre>
351 <pre>flatpak install --user https://salut-a-toi.org/flatpak/org.libervia.LiberviaTUI_dev.flatpakref</pre>
352 <pre>flatpak install --user https://salut-a-toi.org/flatpak/org.libervia.LiberviaCLI_dev.flatpakref</pre>
353 </div>
354 <h3 class="subtitle is-3">Android</h3>
355 <div class="message is-warning">
356 <div class="message-body">
357 {% trans %}
358 This package is a development preview, it is not stable and bugs and crashes may happen
359 {% endtrans %}
360 </div>
361 </div>
362 <div class="columns">
363 {{ download_box("https://ftp.goffi.org/cagou/cagou.apk", "Libervia Mobile", "Cagou", "Android") }}
364 </div>
365 <h3 class="subtitle is-3">
366 {% trans %}Source Code{% endtrans %}
367 </h3>
368 <div class="box content">
369 <p>{% trans doc_url_open='<a href="/documentation">'|safe,
370 doc_url_close='</a>'|safe %}If you have some technical ability, you can also install directly from source code, please check {{doc_url_open}}documentation{{doc_url_close}} for details {% endtrans %}</p>
371 </div>
372 <h3 class="subtitle is-3">
373 {% trans %}Other{% endtrans %}
374 </h3>
375 <div class="box content">
376 <p>{% trans %}Please note that:{% endtrans %}</p>
377 <ul>
378 <li>{% trans %}Libervia Web must be installed from source code, please check documentation for more details{% endtrans %}</li>
379 <li>{% trans %}There are Docker images, but outdated, so we don't list them here. We'll update them as soon as possible.{% endtrans %}</li>
380 <li>{% trans %}Libervia may be installable on many platforms, contact us if you want to see it on a specific one{% endtrans %}</li>
381 </ul>
382 </div>
11 </div> 383 </div>
12 384
13 385 {% endblock body_wrapper %}
14 <div class="box box--quarter-screen box--large box--center box--hollow box--extra-margin">
15 <p class="description">{% trans %}Salut à Toi is a all-in-one tool to manage all your communications needs: instant messaging, (micro)blogging, file sharing, events, forums, tasks management, etc.{% endtrans %}</p>
16 </div>
17
18
19 <div class="paired-slides box--large box--middle box-zero box--half-screen box--center">
20 <div><img class="img--center" src="cagou_chat_desktop.jpg"></div>
21 <ul class="list list--features">
22 <li class="list__item">
23 {{ icon('chat', cls='icon--small') }}
24 {% trans %}chat with your friends, family or coworkers{% endtrans %}
25 </li>
26 <li class="list__item">
27 {{ icon('lock-filled', cls='icon--small') }}
28 {% trans %}encrypt conversations to protect your privacy{% endtrans %}
29 </li>
30 <li class="list__item">
31 {{ icon('blog', cls='icon--small') }}
32 {% trans %}blog publicly or only with a group of contacts{% endtrans %}
33 </li>
34 <li class="list__item">
35 {{ icon('exchange', cls='icon--small') }}
36 {% trans %}share files directly (peer to peer) or store them on your server and access them from anywhere{% endtrans %}
37 </li>
38 <li class="list__item">
39 {{ icon('picture', cls='icon--small') }}
40 {% trans %}share private photos albums with your family{% endtrans %}
41 </li>
42 <li class="list__item">
43 {{ icon('calendar', cls='icon--small') }}
44 {% trans %}create and manage events{% endtrans %}
45 </li>
46 <li class="list__item">
47 {{ icon('clipboard', cls='icon--small') }}
48 {% trans %}organise your work using tickets handler{% endtrans %}
49 </li>
50 </ul>
51 </div>
52
53
54 <div class="paired-slides box--large box--middle box-zero box--half-screen box--center">
55 <div><img class="img--center" src="libervia_event.png"></div>
56 <ul class="list list--features">
57 <li class="list__item">
58 {{ icon('desktop', cls='icon--small') }}
59 {% trans %}works natively on desktop (not a disguised web browser){% endtrans %}
60 </li>
61 <li class="list__item">
62 {{ icon('mobile', cls='icon--small') }}
63 {% trans %}works natively on mobile devices (Android){% endtrans %}
64 </li>
65 <li class="list__item">
66 {{ icon('globe', cls='icon--small') }}
67 {% trans %}works on the web{% endtrans %}
68 </li>
69 <li class="list__item">
70 {{ icon('shield', cls='icon--small') }}
71 {% trans %}most of web pages can be viewed without javascript enabled, improving security (javascript is used when available){% endtrans %}
72 </li>
73 <li class="list__item">
74 {{ icon('terminal', cls='icon--small') }}
75 {% trans %}powerful command-line interface{% endtrans %}
76 </li>
77 <li class="list__item">
78 {{ icon('ok', cls='icon--small') }}
79 {% trans %}cross-platform{% endtrans %}
80 </li>
81 <li class="list__item">
82 {{ icon('brush', cls='icon--small') }}
83 {% trans %}highly modular and customisable{% endtrans %}
84 </li>
85 </ul>
86 </div>
87
88
89 <div class="box box--quarter-screen box--zero box--large box--center">
90 <p class="description description--emphasis">
91 {% trans url_open='<a href="/social_contract">'|safe,url_close='</a>'|safe %}
92 Salut à Toi is a Libre software, based on well established standards (XMPP), decentralised and federating. It is developed around strong ethical values. Check our {{url_open}}social contract{{url_close}}.
93 {% endtrans %}
94 </p>
95 </div>
96
97
98 <div class="box box--zero box--large box--center">
99 <ul class="list list--features">
100 <li class="list__item list__item--show-links">
101 {{ icon('unlink', cls='icon--small') }}
102 {% trans %}Salut à Toi is a Libre software{% endtrans %}
103
104 {% trans url_open='<a href="https://repos.goffi.org/sat/file/tip">'|safe,url_close='</a>'|safe %}
105 ({{url_open}}source code{{url_close}}).
106 {% endtrans %}
107 </li>
108 <li class="list__item">
109 {{ icon('heart-filled', cls='icon--small') }}
110 {% trans %}we follow a social contract, a moral engagement with the community{% endtrans %}
111 </li>
112 <li class="list__item">
113 {{ icon('group', cls='icon--small') }}
114 {% trans %}"Salut a Toi" is also the name of the association which manage the project.<br>Major decisions are debated there.{% endtrans %}
115 </li>
116 </ul>
117 </div>
118
119
120 <div class="box box--zero box--large box--center">
121 <h2 class="heading__subtitle heading--paper">
122 {% trans %}installation{% endtrans %}
123 </h2>
124 <h3 class="heading--paper">GNU/Linux</h3>
125 <p>{% trans %}If you are on GNU/Linux the recommended way to install SàT is to use your distribution official packages. Please check your distribution to see if Salut à Toi is available (and request it if it's not). SàT is available at least on Arch Linux and Debian and its derivated.{% endtrans %}</p>
126 <p>{% trans flatpak='<a href="https://flatpak.org/" target="_blank" rel="noreferrer noopener">Flatpak</a>'|safe %}If SàT is not available or the version is too old, you can use {{flatpak}} (which may be installed by default on some recent distributions) to install it, see below.{% endtrans %}</p>
127 <h3 class="heading--paper">Flatpak</h3>
128 <p class="text--warning">
129 {% trans %}
130 Those packages are development preview, they are not stable and bugs and crashes may happen
131 {% endtrans %}
132 </p>
133 <ul class="grid">
134 {% for url, name, description in (
135 ("https://salut-a-toi.org/flatpak/org.salutatoi.Cagou_dev.flatpakref",
136 "Cagou", _("Desktop")),
137
138 ("https://salut-a-toi.org/flatpak/org.salutatoi.Primitivus_dev.flatpakref",
139 "Primitivus", _("Text User Interface")),
140
141 ("https://salut-a-toi.org/flatpak/org.salutatoi.Jp_dev.flatpakref",
142 "jp", _("Command Line Interface")),
143 ) %}
144 <li class='grid__item grid__item--medium grid__item--selectable'>
145 <a href="{{url}}" target="_blank">
146 {{ icon('box', cls='icon--block icon--medium') }}
147 <span>
148 {% trans %}Click here to install {% endtrans %}
149 <span class="text--emphasis">{{name}}</span> ({{description}})
150 </span>
151 </a>
152 </li>
153 {% endfor %}
154 </ul>
155 <div class="box">
156 <p>{% trans %}If the links above are not working, you can use the following commands (supposing that Flatpak is already installed):{% endtrans %}</p>
157 <pre>flatpak install --user https://salut-a-toi.org/flatpak/org.salutatoi.Cagou_dev.flatpakref</pre>
158 <pre>flatpak install --user https://salut-a-toi.org/flatpak/org.salutatoi.Primitivus_dev.flatpakref</pre>
159 <pre>flatpak install --user https://salut-a-toi.org/flatpak/org.salutatoi.Jp_dev.flatpakref</pre>
160 </div>
161 <h3 class="heading--paper">Android</h3>
162 <p class="text--warning">
163 {% trans %}
164 This package is a development preview, it is not stable and bugs and crashes may happen
165 {% endtrans %}
166 </p>
167 <ul class="grid">
168 <li class='grid__item grid__item--medium grid__item--selectable'>
169 <a href="https://ftp.goffi.org/cagou/cagou.apk" target="_blank">
170 {{ icon('box', cls='icon--block icon--medium') }}
171 <span>
172 {% trans %}Click here to install {% endtrans %}
173 <span class="text--emphasis">
174 {% trans %}Cagou for Android{% endtrans%}</span>
175 </span>
176 </span>
177 </a>
178 </li>
179 </ul>
180 <h3 class="heading--paper">
181 {% trans %}
182 Source Code
183 {% endtrans %}
184 </h3>
185 <p>{% trans doc_url_open='<a href="/documentation">'|safe,
186 doc_url_close='</a>'|safe %}If you have some technical ability, you can also install directly from source code, please check {{doc_url_open}}documentation{{doc_url_close}} for details {% endtrans %}</p>
187 <h3 class="heading--paper">
188 {% trans %}
189 Other
190 {% endtrans %}
191 </h3>
192 <p>{% trans %}Please note that:{% endtrans %}</p>
193 <ul>
194 <li>{% trans %}Libervia, the web frontend, must be installed from source code, please check documentation for more details{% endtrans %}</li>
195 <li>{% trans %}There are Docker images, but outdated, so we don't list them here. We'll update them as soon as possible.{% endtrans %}</li>
196 <li>{% trans %}Salut à Toi may be installable on many platforms, contact us if you want to see it on a specific one{% endtrans %}</li>
197 </ul>
198 </div>
199
200 {% endblock body %}