i18n

src/output/template.hbs

@@ -28,16 +28,24 @@
     <div class="main">
       <img class="logo" src="./assets/warframe_logo.png">
       <div class="text">
-        <h1>Market Gaps</h1>
-        <p>Find a profitable difference between the price of the set and the price of the sum of it's parts.</p>
+        <h1>{{t.title}}</h1>
+        <p>{{t.description}}</p>
       </div>
     </div>
     <img id="gunner2" src="./assets/gunner2.png">
+
+    <div class="languages">
+    {{#each languages}}
+      <a href="/{{this}}">
+        <img src="./assets/languages/{{this}}.png">
+      </a>
+    {{/each}}
+    </div>
   </div>
 
   <div class="main-column">
     <div class="controls">
-      <label for="min-difference">Filter by difference:</label>
+      <label for="min-difference">{{t.filter_by_difference}}</label>
       <input type="range" min="1" max="60" value="1" id="min-difference">
       <span id="filter-value">1</span>
     </div>
@@ -45,10 +53,10 @@
     <table>
       <thead>
         <tr>
-          <th>Name</th>
-          <th>Parts price</th>
-          <th>Set price</th>
-          <th>Difference</th>
+          <th>{{t.name}}</th>
+          <th>{{t.parts_price}}</th>
+          <th>{{t.set_price}}</th>
+          <th>{{t.difference}}</th>
         </tr>
       </thead>
       <tbody id="items">
@@ -69,7 +77,7 @@
   </div>
 
   <div class="timestamp">
-    Generated at {{timestamp}}
+    {{t.generated_at}} {{timestamp}}
   </div>
 
   <script src="index.js"></script>