Mercurial > libervia-templates
annotate default/base/base.html @ 128:4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Sat, 24 Mar 2018 11:14:14 +0100 |
| parents | 04609722add0 |
| children |
| rev | line source |
|---|---|
|
9
7a1626e78d53
base: an embedded variable is set when base is used, this way we can have include templates without including the whole page with base
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
1 {% set embedded = True %} {# embedded is set to avoid including base.html several times if a generic page is included (e.g. blog/articles.html) #} |
| 66 | 2 {% import 'components/common.html' as component with context %} |
|
82
6ba0129a9a4e
base: don't use default flag for common script (flags now default to "defer" following last changes in backend)
Goffi <goffi@goffi.org>
parents:
78
diff
changeset
|
3 {{ script.include('common', '') }} {# common.js is a common script, so it's useful to import it here #} |
| 0 | 4 <!DOCTYPE html> |
| 5 <html> | |
| 6 <head> | |
| 75 | 7 <meta charset="utf-8"> |
| 8 <meta name="viewport" content="width=device-width, initial-scale=1"> | |
|
25
b046a7835374
base/base.html: if norobots is set, add a <meta> to tell robots no to index or follow this page.
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
9 |
|
b046a7835374
base/base.html: if norobots is set, add a <meta> to tell robots no to index or follow this page.
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
10 {% if norobots %} |
|
b046a7835374
base/base.html: if norobots is set, add a <meta> to tell robots no to index or follow this page.
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
11 <meta name="robots" content="noindex, nofollow"> |
|
b046a7835374
base/base.html: if norobots is set, add a <meta> to tell robots no to index or follow this page.
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
12 {% endif %} |
|
b046a7835374
base/base.html: if norobots is set, add a <meta> to tell robots no to index or follow this page.
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
13 |
| 0 | 14 <title>{% block title %}{{C.APP_NAME}}{% endblock %}</title> |
|
26
d782227c088d
base/base.html: generate <script> element and include css.js by default
Goffi <goffi@goffi.org>
parents:
25
diff
changeset
|
15 |
|
1
b13a26d55c64
base: updated CSS handling to follow changes in backend, moved CSS file to /static with splitted files
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
16 {% if css_content is defined %} |
| 0 | 17 <style type="text/css"> |
| 18 {{css_content}} | |
| 19 </style> | |
| 20 {% else %} | |
|
1
b13a26d55c64
base: updated CSS handling to follow changes in backend, moved CSS file to /static with splitted files
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
21 {% for css_file in css_files %} |
|
b13a26d55c64
base: updated CSS handling to follow changes in backend, moved CSS file to /static with splitted files
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
22 <link rel='stylesheet' type="text/css" href='{{root_path}}{{css_file}}'> |
|
b13a26d55c64
base: updated CSS handling to follow changes in backend, moved CSS file to /static with splitted files
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
23 {% endfor %} |
| 0 | 24 {% endif %} |
|
26
d782227c088d
base/base.html: generate <script> element and include css.js by default
Goffi <goffi@goffi.org>
parents:
25
diff
changeset
|
25 |
|
125
04609722add0
base: add a XMPP uri <link> if xmpp_uri is set
Goffi <goffi@goffi.org>
parents:
105
diff
changeset
|
26 {% if xmpp_uri is defined %} |
|
04609722add0
base: add a XMPP uri <link> if xmpp_uri is set
Goffi <goffi@goffi.org>
parents:
105
diff
changeset
|
27 <link rel="alternate" type="application/atom+xml" href="{{xmpp_uri}}" > |
|
04609722add0
base: add a XMPP uri <link> if xmpp_uri is set
Goffi <goffi@goffi.org>
parents:
105
diff
changeset
|
28 {% endif %} |
|
04609722add0
base: add a XMPP uri <link> if xmpp_uri is set
Goffi <goffi@goffi.org>
parents:
105
diff
changeset
|
29 |
|
103
ff7bd09911f7
base: replaced background_image by a way to add dynamic style
Goffi <goffi@goffi.org>
parents:
94
diff
changeset
|
30 {% if dynamic_style is defined %} |
|
ff7bd09911f7
base: replaced background_image by a way to add dynamic style
Goffi <goffi@goffi.org>
parents:
94
diff
changeset
|
31 {# be extra careful about dynamic style, insure escaping if you use untrusted values ! #} |
|
19
422c54e0204a
event: adaptation to changes in backend/Libervia + background_image can now be specified in template data
Goffi <goffi@goffi.org>
parents:
9
diff
changeset
|
32 <style type="text/css"> |
|
103
ff7bd09911f7
base: replaced background_image by a way to add dynamic style
Goffi <goffi@goffi.org>
parents:
94
diff
changeset
|
33 {{dynamic_style}} |
|
19
422c54e0204a
event: adaptation to changes in backend/Libervia + background_image can now be specified in template data
Goffi <goffi@goffi.org>
parents:
9
diff
changeset
|
34 </style> |
|
422c54e0204a
event: adaptation to changes in backend/Libervia + background_image can now be specified in template data
Goffi <goffi@goffi.org>
parents:
9
diff
changeset
|
35 {% endif %} |
|
26
d782227c088d
base/base.html: generate <script> element and include css.js by default
Goffi <goffi@goffi.org>
parents:
25
diff
changeset
|
36 |
|
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
82
diff
changeset
|
37 {# JS handling #} |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
82
diff
changeset
|
38 {% if websocket is defined %} |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
82
diff
changeset
|
39 {{ script.include('websocket', '') }} |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
82
diff
changeset
|
40 {% endif %} |
|
26
d782227c088d
base/base.html: generate <script> element and include css.js by default
Goffi <goffi@goffi.org>
parents:
25
diff
changeset
|
41 {{ script.generate_scripts() }} |
|
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
82
diff
changeset
|
42 {% if websocket is defined %} |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
82
diff
changeset
|
43 <script>var socket=new WSHandler("{{websocket.url}}", "{{websocket.token}}", {{websocket.debug}});</script> |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
82
diff
changeset
|
44 {% endif %} |
| 94 | 45 |
| 46 {% block favicon %} | |
| 47 <link rel="icon" href="{{media_path}}icons/apps/64/sat.png"> | |
| 48 {% endblock favicon %} | |
| 0 | 49 </head> |
| 50 <body> | |
| 66 | 51 {% if main_menu is defined %} |
| 52 {% block main_menu %} | |
| 53 {{ component.menu(main_menu, class="main_menu") }} | |
| 54 {% endblock main_menu %} | |
| 55 {% endif %} | |
| 61 | 56 |
|
70
90a303a14112
base: use <main> for main area, for better semantic.
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
57 <main id='main_area'> |
| 66 | 58 <header> |
| 59 {% if confirm %} | |
| 60 {# confirmation message used when post data has been handled correctly #} | |
| 61 {% block confirm %} | |
| 62 <div class="box post_confirm"> | |
| 63 {% block confirm_message %} | |
| 64 {% trans %}Your data has been sent correctly.{% endtrans %} | |
| 65 {% endblock confirm_message %} | |
| 66 </div> | |
| 67 {% endblock confirm %} | |
| 68 {% endif %} | |
|
48
37fd11d71233
base: confirmation message can now be customised using "confirm" blog
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
69 |
| 66 | 70 </header> |
| 71 | |
| 72 <div id="body"> | |
| 73 {% block category_menu scoped %} | |
| 74 {% if category_menu is defined %} | |
| 75 {{ component.menu(category_menu, class="category_menu") }} | |
| 76 {% endif %} | |
| 77 {% endblock category_menu %} | |
| 78 {% block body %} | |
| 79 {% endblock body %} | |
| 80 </div> | |
|
105
490114e3d9e2
css (blog): set background to footer to make it visible is an image is in background
Goffi <goffi@goffi.org>
parents:
103
diff
changeset
|
81 <footer>{% block footer %}<span>{% trans app_name=C.APP_NAME %}Powered by {{app_name}}{% endtrans %}</span>{% endblock %}</footer> |
|
70
90a303a14112
base: use <main> for main area, for better semantic.
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
82 </main> |
| 0 | 83 </body> |
| 84 </html> |