diff options
-rw-r--r-- | common/navigation.j2.inc | 14 | ||||
-rw-r--r-- | images/languageicon.svg | 48 | ||||
-rw-r--r-- | styles.css | 5 | ||||
-rwxr-xr-x | template.py | 3 |
4 files changed, 63 insertions, 7 deletions
diff --git a/common/navigation.j2.inc b/common/navigation.j2.inc index a1656721..4fb8dfdf 100644 --- a/common/navigation.j2.inc +++ b/common/navigation.j2.inc | |||
@@ -17,27 +17,27 @@ | |||
17 | </ul> | 17 | </ul> |
18 | </li> | 18 | </li> |
19 | </ul> | 19 | </ul> |
20 | <ul class="nav navbar-right navbar-form"> | 20 | <ul class="nav navbar-right"> |
21 | <li> | 21 | <li> |
22 | <button class="btn btn-dark dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> | 22 | <button class="btn btn-dark dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> |
23 | <img src="{{ url('images/'+lang+'.png') }}" alt="{{lang}}" /> | 23 | <img src="{{ url('images/languageicon.svg') }}" height="35" alt="[{{lang}}]" /> {{ lang_full }} [{{ lang }}] |
24 | <span class="caret"></span> | 24 | <span class="caret"></span> |
25 | </button> | 25 | </button> |
26 | <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> | 26 | <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> |
27 | <li> | 27 | <li> |
28 | <a href="{{ self_localized('en') }}"><img src="{{ url('images/gb.png') }}" height="15" width="23" alt="English"> English</a> | 28 | <a href="{{ self_localized('en') }}">English [en]</a> |
29 | </li> | 29 | </li> |
30 | <li> | 30 | <li> |
31 | <a href="{{ self_localized('de') }}"><img src="{{ url('images/de.png') }}" height="15" width="25" alt="Deutsch"> Deutsch</a> | 31 | <a href="{{ self_localized('de') }}">Deutsch [de]</a> |
32 | </li> | 32 | </li> |
33 | <li> | 33 | <li> |
34 | <a href="{{ self_localized('fr') }}"><img src="{{ url('images/fr.png') }}" height="15" width="22" alt="Français"> Français</a> | 34 | <a href="{{ self_localized('fr') }}">Français [fr]</a> |
35 | </li> | 35 | </li> |
36 | <li> | 36 | <li> |
37 | <a href="{{ self_localized('it') }}"><img src="{{ url('images/it.png') }}" height="15" width="22" alt="Italiano"> Italiano</a> | 37 | <a href="{{ self_localized('it') }}">Italiano [it]</a> |
38 | </li> | 38 | </li> |
39 | <li> | 39 | <li> |
40 | <a href="{{ self_localized('es') }}"><img src="{{ url('images/es.png') }}" height="15" width="23" alt="Español"> Español</a> | 40 | <a href="{{ self_localized('es') }}">Español [es]</a> |
41 | </li> | 41 | </li> |
42 | </ul> | 42 | </ul> |
43 | </li> | 43 | </li> |
diff --git a/images/languageicon.svg b/images/languageicon.svg new file mode 100644 index 00000000..22d58da6 --- /dev/null +++ b/images/languageicon.svg | |||
@@ -0,0 +1,48 @@ | |||
1 | <?xml version="1.0" encoding="utf-8"?> | ||
2 | <!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | ||
3 | <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | ||
4 | viewBox="0 0 2411.2 2794" style="enable-background:new 0 0 2411.2 2794;" xml:space="preserve"> | ||
5 | <style type="text/css"> | ||
6 | .st0{fill:#FFFFFF;} | ||
7 | .st1{fill-rule:evenodd;clip-rule:evenodd;} | ||
8 | .st2{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;} | ||
9 | </style> | ||
10 | <g id="Layer_2"> | ||
11 | </g> | ||
12 | <g id="Layer_x5F_1_x5F_1"> | ||
13 | <g> | ||
14 | <polygon points="1204.6,359.2 271.8,30 271.8,2060.1 1204.6,1758.3 "/> | ||
15 | <polygon class="st0" points="1182.2,358.1 2150.6,29 2150.6,2059 1182.2,1757.3 "/> | ||
16 | <polygon class="st0" points="30,2415.4 1182.2,2031.4 1182.2,357.9 30,742 "/> | ||
17 | <polygon points="1707.2,2440.7 1870.5,2709.4 1956.6,2459.8 "/> | ||
18 | <g> | ||
19 | <path d="M421.7,934.8c-6.1-6,8,49.1,27.6,68.9c34.8,35.1,61.9,39.6,76.4,40.2c32,1.3,71.5-8,94.9-17.8 | ||
20 | c22.7-9.7,62.4-30,77.5-59.6c3.2-6.3,11.9-17,6.4-43.2c-4.2-20.2-17-27.3-32.7-26.2c-15.7,1.1-63.2,13.7-86.1,20.8 | ||
21 | c-23,7-70.3,21.4-90.9,25.8C474.3,948.2,429,941.7,421.7,934.8z"/> | ||
22 | <path d="M1003.1,1593.7c-9.1-3.3-196.9-81.1-223.6-93.9c-21.8-10.5-75.2-33.1-100.4-43.3c70.8-109.2,115.5-191.6,121.5-204.1 | ||
23 | c11-23,86-169.6,87.7-178.7c1.7-9.1,3.8-42.9,2.2-51c-1.7-8.2-29.1,7.6-66.4,20.2c-37.4,12.6-108.4,58.8-135.8,64.6 | ||
24 | c-27.5,5.7-115.5,39.1-160.5,54c-45,14.9-130.2,40.9-165.2,50.4c-35.1,9.5-65.7,10.2-85.3,16.2c0,0,2.6,27.5,7.8,35.7 | ||
25 | c5.2,8.2,23.7,28.4,45.3,34.1c21.6,5.7,57.3,3.4,73.6-0.3c16.3-3.8,44.4-17.5,48.2-23.6c3.8-6.1-2-24.9,4.5-30.6 | ||
26 | c6.5-5.6,92.2-25.7,124.6-35.4c32.4-10,156.3-52.6,173.1-50.5c-5.3,17.7-105,215.1-137.1,274c-32.1,58.9-218.6,318-258.3,363.6 | ||
27 | c-30.1,34.7-103.2,123.5-128.5,143.6c6.4,1.8,51.6-2.1,59.9-7.2c51.3-31.6,136.9-138.1,164.4-170.5 | ||
28 | c81.9-96,153.8-196.8,210.8-283.4h0.1c11.1,4.6,100.9,77.8,124.4,94c23.4,16.2,115.9,67.8,136,76.4c20,8.7,97.1,44.2,100.3,32.2 | ||
29 | C1029.4,1668,1012.2,1597.1,1003.1,1593.7z"/> | ||
30 | </g> | ||
31 | <path class="st1" d="M569,2572c18,11,35,20,54,29c38,19,81,39,122,54c56,21,112,38,168,51c31,7,65,13,98,18c3,0,92,11,110,11h90 | ||
32 | c35-3,68-5,103-10c28-4,59-9,89-16c22-5,45-10,67-17c21-6,45-14,68-22c15-5,31-12,47-18c13-6,29-13,44-19c18-8,39-19,59-29 | ||
33 | c16-8,34-18,51-28c13-7,43-30,59-30c18,0,30,16,30,30c0,29-39,38-57,51c-19,13-42,23-62,34c-40,21-81,39-120,54 | ||
34 | c-51,19-107,37-157,49c-19,4-38,9-57,12c-10,2-114,18-143,18h-132c-35-3-72-7-107-12c-31-5-64-11-95-18c-24-5-50-12-73-19 | ||
35 | c-40-11-79-25-117-40c-69-26-141-60-209-105c-12-8-13-16-13-25c0-15,11-29,29-29C531,2546,563,2569,569,2572z"/> | ||
36 | <path class="st1" d="M1151,2009L61,2372V764l1090-363V2009z M1212,354v1680c-1,5-3,10-7,15c-2,3-6,7-9,8c-25,10-1151,388-1166,388 | ||
37 | c-12,0-23-8-29-21c0-1-1-2-1-4V739c2-5,3-12,7-16c8-11,22-13,31-16c17-6,1126-378,1142-378C1190,329,1212,336,1212,354z"/> | ||
38 | <path class="st1" d="M2120,2017l-907-282V380l907-308V2017z M2181,32v2023c-1,23-17,33-32,33c-13,0-107-32-123-37 | ||
39 | c-126-39-253-78-378-117c-28-9-57-18-84-27c-24-7-50-15-74-23c-107-33-216-66-323-102c-4-1-14-15-14-18V351c2-5,4-11,9-15 | ||
40 | c8-9,351-123,486-168c36-13,487-168,501-168C2167,0,2181,13,2181,32z"/> | ||
41 | <polygon points="2411.2,2440.7 1199.5,2054.5 1204.6,373.2 2411.2,757.2 "/> | ||
42 | <g> | ||
43 | <path class="st2" d="M1800.3,1124.6L1681.4,1412l218.6,66.3L1800.3,1124.6z M1729,853.2l156.1,47.3l284.4,1025l-160.3-48.7 | ||
44 | l-57.6-210.4L1620.2,1566l-71.3,171.4l-160.4-48.7L1729,853.2z"/> | ||
45 | </g> | ||
46 | </g> | ||
47 | </g> | ||
48 | </svg> | ||
@@ -125,3 +125,8 @@ footer { | |||
125 | .cushion-below { | 125 | .cushion-below { |
126 | padding-bottom: 2em; | 126 | padding-bottom: 2em; |
127 | } | 127 | } |
128 | |||
129 | .invert { | ||
130 | -webkit-filter: invert(100%); | ||
131 | filter: invert(100%); | ||
132 | } | ||
diff --git a/template.py b/template.py index 059bca5d..450bd3db 100755 --- a/template.py +++ b/template.py | |||
@@ -25,6 +25,8 @@ env = jinja2.Environment(loader=jinja2.FileSystemLoader(os.path.dirname(__file__ | |||
25 | undefined=jinja2.StrictUndefined, | 25 | undefined=jinja2.StrictUndefined, |
26 | autoescape=False) | 26 | autoescape=False) |
27 | 27 | ||
28 | langs_full = {"en": "English", "fr": "Français", "it": "Italiano", "es": "Español", "de": "Deutsch"} | ||
29 | |||
28 | for in_file in glob.glob("*.j2"): | 30 | for in_file in glob.glob("*.j2"): |
29 | name, ext = re.match(r"(.*)\.([^.]+)$", in_file.rstrip(".j2")).groups() | 31 | name, ext = re.match(r"(.*)\.([^.]+)$", in_file.rstrip(".j2")).groups() |
30 | tmpl = env.get_template(in_file) | 32 | tmpl = env.get_template(in_file) |
@@ -57,6 +59,7 @@ for in_file in glob.glob("*.j2"): | |||
57 | 59 | ||
58 | content = tmpl.render( | 60 | content = tmpl.render( |
59 | lang=locale, | 61 | lang=locale, |
62 | lang_full=langs_full[locale], | ||
60 | url=url, | 63 | url=url, |
61 | self_localized=self_localized, | 64 | self_localized=self_localized, |
62 | url_localized=url_localized, | 65 | url_localized=url_localized, |