From c2920a90ae0a75f5f98d13702aecc9233028e4c9 Mon Sep 17 00:00:00 2001
From: Christian Grothoff <christian@grothoff.org>
Date: Tue, 22 Aug 2017 21:14:45 +0200
Subject: enable internationalization of SVGs

---
 architecture.html.j2    |  2 +-
 citizens.html.j2        |  4 ++--
 developers.html.j2      |  2 +-
 images/logo-2017-fr.svg | 44 --------------------------------------------
 images/logo-2017.fr.svg | 44 ++++++++++++++++++++++++++++++++++++++++++++
 index.html.j2           |  2 +-
 merchants.html.j2       |  2 +-
 template.py             |  8 ++++++++
 8 files changed, 58 insertions(+), 50 deletions(-)
 delete mode 100644 images/logo-2017-fr.svg
 create mode 100644 images/logo-2017.fr.svg

diff --git a/architecture.html.j2 b/architecture.html.j2
index 17fd0c00..21fd6ba7 100644
--- a/architecture.html.j2
+++ b/architecture.html.j2
@@ -11,6 +11,6 @@
 </div>
 
 <div class="container">
-  <img width="100%" src="{{ url('images/taler-arch-full.svg') }}"></img>
+  <img width="100%" src="{{ svg_localized('images/taler-arch-full') }}"></img>
 </div>
 {% endblock body_content %}
diff --git a/citizens.html.j2 b/citizens.html.j2
index af3f0e6c..2d5b677d 100644
--- a/citizens.html.j2
+++ b/citizens.html.j2
@@ -133,8 +133,8 @@
    </div>
 
    <div class="col-lg-6">
-     <img src="{{ url('images/citizen.svg') }}"
-          alt="customer perspective"
+     <img src="{{ svg_localized('images/citizen') }}"
+          alt="{{ _("customer perspective") }}"
           style="float: right; margin: 5px 5px 5px 5px;" width="100%">
    </div>
 
diff --git a/developers.html.j2 b/developers.html.j2
index 3970d464..33107fe2 100644
--- a/developers.html.j2
+++ b/developers.html.j2
@@ -152,7 +152,7 @@
         {% endtrans %}
      </p>
 
-      <img src="{{ url('images/system.svg') }}" alt="system overview" style="float: right; margin: 50px 5px 5px 5px;" width="50%">
+      <img src="{{ svg_localized('images/system') }}" alt="{{_("system overview")}}" style="float: right; margin: 50px 5px 5px 5px;" width="50%">
       <ol>
          <li>
                {% trans %}
diff --git a/images/logo-2017-fr.svg b/images/logo-2017-fr.svg
deleted file mode 100644
index bee6899f..00000000
--- a/images/logo-2017-fr.svg
+++ /dev/null
@@ -1,44 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-50 -50 100 100"
-     xmlns:xlink="http://www.w3.org/1999/xlink">
-  <style>
-    .ts1 { fill: #aa3939; letter-spacing:0; }
-    .ts2 { letter-spacing:0; }
-  </style>
-
-  <circle cx="0" cy="0" r="40" stroke="black" stroke-width="7.5" fill="none" />
-  <circle cx="0" cy="0" r="45" stroke="black" stroke-width="1" fill="none" />
-  <!-- big horizontal T stroke -->
-  <rect x="-30" y="-14" width="60" height="4"/>
-  <rect x="-30" y="-9" width="60" height="1"/>
-  <rect x="-4" y="-14" width="8" height="54"/>
-
-
-
-  <text font-family="'Lucida Console', Monaco, monospace" font-weight="bold" font-size="9" color="red" x="0" y="-18" text-anchor="middle" letter-spacing="0.20em">
-    <tspan class="ts1">&#10092;</tspan>Tale<tspan class="ts2">r<tspan class="ts1">&#10093;</tspan></tspan>
-  </text>
-
-
-  <defs>
-    <path id="MyPath1"
-          d="M -38 0 A 38 38 1 0 1 38 0" />
-  </defs>
-
-  <defs>
-    <path id="MyPath2"
-          d="M 0 42 A 42 42 1 0 0 0 -42" />
-  </defs>
-
-
-  <text font-family="Verdana" font-size="6" color="red" fill="white">
-    <textPath xlink:href="#MyPath1">
-      Taxable Anonyme Libre
-    </textPath>
-  </text>
-
-  <text font-family="Verdana" font-size="6" color="red" fill="white">
-    <textPath xlink:href="#MyPath2">
-      Électronique Réserve
-    </textPath>
-  </text>
-</svg>
diff --git a/images/logo-2017.fr.svg b/images/logo-2017.fr.svg
new file mode 100644
index 00000000..bee6899f
--- /dev/null
+++ b/images/logo-2017.fr.svg
@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-50 -50 100 100"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <style>
+    .ts1 { fill: #aa3939; letter-spacing:0; }
+    .ts2 { letter-spacing:0; }
+  </style>
+
+  <circle cx="0" cy="0" r="40" stroke="black" stroke-width="7.5" fill="none" />
+  <circle cx="0" cy="0" r="45" stroke="black" stroke-width="1" fill="none" />
+  <!-- big horizontal T stroke -->
+  <rect x="-30" y="-14" width="60" height="4"/>
+  <rect x="-30" y="-9" width="60" height="1"/>
+  <rect x="-4" y="-14" width="8" height="54"/>
+
+
+
+  <text font-family="'Lucida Console', Monaco, monospace" font-weight="bold" font-size="9" color="red" x="0" y="-18" text-anchor="middle" letter-spacing="0.20em">
+    <tspan class="ts1">&#10092;</tspan>Tale<tspan class="ts2">r<tspan class="ts1">&#10093;</tspan></tspan>
+  </text>
+
+
+  <defs>
+    <path id="MyPath1"
+          d="M -38 0 A 38 38 1 0 1 38 0" />
+  </defs>
+
+  <defs>
+    <path id="MyPath2"
+          d="M 0 42 A 42 42 1 0 0 0 -42" />
+  </defs>
+
+
+  <text font-family="Verdana" font-size="6" color="red" fill="white">
+    <textPath xlink:href="#MyPath1">
+      Taxable Anonyme Libre
+    </textPath>
+  </text>
+
+  <text font-family="Verdana" font-size="6" color="red" fill="white">
+    <textPath xlink:href="#MyPath2">
+      Électronique Réserve
+    </textPath>
+  </text>
+</svg>
diff --git a/index.html.j2 b/index.html.j2
index 8ba98bf5..9378d937 100644
--- a/index.html.j2
+++ b/index.html.j2
@@ -3,7 +3,7 @@
 <!-- Jumbotron -->
 <div class="jumbotron">
   <div style="height: 40vh">
-    <img alt="GNU Taler logo" style="object-fit:contain;width:100%;height:100%" class="center-block" src="{{ url('images/logo-2017.svg') }}" />
+    <img alt="{{ _("GNU Taler logo")}}" style="object-fit:contain;width:100%;height:100%" class="center-block" src="{{ svg_localized('images/logo-2017') }}" />
   </div>
 
   <div class="container text-center">
diff --git a/merchants.html.j2 b/merchants.html.j2
index 56425d40..4b55cb00 100644
--- a/merchants.html.j2
+++ b/merchants.html.j2
@@ -176,7 +176,7 @@
     </p>
  </div>
   <div class="col-lg-6">
-    <img src="{{ url('images/backend.svg') }}" alt="customer perspective" style="float: right; margin: 5px 5px 5px 5px;" width="100%">
+    <img src="{{ svg_localized('images/backend') }}" alt="{{ _("customer perspective")}}" style="float: right; margin: 5px 5px 5px 5px;" width="100%">
   </div>
 </div> <!-- /container -->
 {% endblock body_content %}
diff --git a/template.py b/template.py
index 450bd3db..e0e3dacc 100755
--- a/template.py
+++ b/template.py
@@ -40,6 +40,13 @@ for in_file in glob.glob("*.j2"):
     def url_localized(filename):
         return "../" + locale + "/" + filename
 
+    def svg_localized(filename):
+        lf = filename + "." + locale + ".svg"
+        if "en" == locale or not os.path.isfile (lf):
+            return "../" + filename + ".svg"
+        else:
+            return "../" + lf
+
     def url(x):
         # TODO: look at the app root environment variable
         # TODO: check if file exists
@@ -63,6 +70,7 @@ for in_file in glob.glob("*.j2"):
                 url=url,
                 self_localized=self_localized,
                 url_localized=url_localized,
+                svg_localized=svg_localized,
                 filename=name + "." + ext)
         out_name = "./" + locale + "/" + in_file.rstrip(".j2")
         os.makedirs("./" + locale, exist_ok=True)
-- 
cgit v1.2.3