From 3ee90b5cd95f3f29313ce176d16146df171a629f Mon Sep 17 00:00:00 2001
From: Henrik Fehlauer <rkflx@lab12.net>
Date: Thu, 30 May 2019 23:52:59 +0200
Subject: [PATCH] Separate formatting from translations

---
 index.html      | 33 ++++++++++++++++++---------------
 locales/en.json |  9 ++++++---
 2 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index e3e2629..b077b09 100644
--- a/index.html
+++ b/index.html
@@ -952,11 +952,14 @@
                         </p>
                     </li>
                     <li hidden>
-                        <div
-                            class="text-muted small hidden-sm-down"
-                            data-i18n="footer.total-energy"
-                        >
-                            Total Energy | Energy per 100 km
+                        <div class="text-muted small hidden-sm-down">
+                            <span data-i18n="footer.total-energy"
+                                >Total Energy</span
+                            >
+                            |
+                            <span data-i18n="footer.energy-per-100km"
+                                >Energy per 100 km</span
+                            >
                         </div>
                         <p class="stats-label">
                             <span id="totalenergy">-</span>
@@ -974,11 +977,11 @@
                         </p>
                     </li>
                     <li>
-                        <div
-                            class="text-muted small hidden-sm-down"
-                            data-i18n="footer.ascend"
-                        >
-                            Ascend | Plain ascend
+                        <div class="text-muted small hidden-sm-down">
+                            <span data-i18n="footer.ascend">Ascend</span> |
+                            <span data-i18n="footer.plain-ascend"
+                                >Plain ascend</span
+                            >
                         </div>
                         <p class="stats-label">
                             <span id="ascend">-</span>
@@ -996,11 +999,11 @@
                         </p>
                     </li>
                     <li>
-                        <div
-                            class="text-muted small hidden-sm-down"
-                            data-i18n="footer.cost"
-                        >
-                            Cost | Mean cost factor
+                        <div class="text-muted small hidden-sm-down">
+                            <span data-i18n="footer.cost">Cost</span> |
+                            <span data-i18n="footer.mean-cost-factor"
+                                >Mean cost factor</span
+                            >
                         </div>
                         <p class="stats-label">
                             <span id="cost">-</span> |
diff --git a/locales/en.json b/locales/en.json
index 0961c8e..81c2677 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -33,8 +33,10 @@
     "trackname": "Name"
   },
   "footer": {
-    "ascend": "Ascend | Plain ascend",
-    "cost": "Cost | Mean cost factor",
+    "ascend": "Ascend",
+    "plain-ascend": "Plain ascend",
+    "cost": "Cost",
+    "mean-cost-factor": "Mean cost factor",
     "distance": "Distance",
     "kilometer": "kilometers",
     "kilometer-abbrev": "km",
@@ -44,7 +46,8 @@
     "meter-abbrev": "m",
     "minutes": "minutes",
     "minutes-abbrev": "min",
-    "total-energy": "Total Energy | Energy per 100 km",
+    "total-energy": "Total Energy",
+    "energy-per-100km": "Energy per 100 km",
     "travel-time": "Travel time"
   },
   "layers": {