From dfe3caa7eb4e26eeba3692677c40bfa3710106c3 Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Wed, 2 Mar 2022 17:58:35 +0100
Subject: [PATCH] Translations

---
 src/algo.ts            | 2 +-
 src/locales/en.json    | 5 ++++-
 src/locales/fr.json    | 5 ++++-
 src/views/GameView.vue | 3 ++-
 src/views/HomeView.vue | 6 ++----
 5 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/algo.ts b/src/algo.ts
index 74c9ee4..70b0dc9 100644
--- a/src/algo.ts
+++ b/src/algo.ts
@@ -63,7 +63,7 @@ export function isSolvable(result: number, plaquettes: number[]): boolean {
     for (const item of history) {
       if (item.a < item.b) [item.a, item.b] = [item.b, item.a]
       console.log(
-        `${item.a} ${item.op} ${item.b} = ${operate(item.op, item.a, item.b)}`,
+        `${item.a} ${item.op === '*' ? 'x' : item.op} ${item.b} = ${operate(item.op, item.a, item.b)}`,
       )
     }
   }
diff --git a/src/locales/en.json b/src/locales/en.json
index b3566be..ac3e8da 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -18,5 +18,8 @@
   "soon": "Soon",
   "dailyHard": "Advanced Mode",
   "dailyNormal": "Normal Mode",
-  "practiceMode": "Practice"
+  "practiceMode": "Practice",
+  "practiceModeDescription": "Use the Practice mode to improve your skills.",
+  "hardModeDescription": "The Advanced mode is generally more challenging, with 6 starting numbers.",
+  "normalModeDescription": "The Normal mode has 5 starting numbers, for a generally easier challenge."
 }
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 4aabe7a..50cfa87 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -18,5 +18,8 @@
   "soon": "Bientôt",
   "dailyNormal": "Mode Normal",
   "dailyHard": "Mode Avancé",
-  "practiceMode": "Entraînement"
+  "practiceMode": "Entraînement",
+  "practiceModeDescription": "Profitez du mode Entraînement pour améliorer vos compétences.",
+  "hardModeDescription": "Le mode Avancé propose un challenge généralement plus relevé, avec 6 nombres de base.",
+  "normalModeDescription": "Le mode Normal propose un challenge généralement plus facile, avec 5 nombres de base."
 }
diff --git a/src/views/GameView.vue b/src/views/GameView.vue
index 1e2c9ab..a4822b0 100644
--- a/src/views/GameView.vue
+++ b/src/views/GameView.vue
@@ -73,7 +73,7 @@
           v-else
           @click="reboot"
           class="inline-flex items-center btn-border">
-          <!-- TODO: icon reload -->
+          <IconReload class="mr-2" />
           {{ t('playAgain') }}
         </button>
       </div>
@@ -122,6 +122,7 @@ import {
   setMathPRNG,
 } from '@/utils'
 import IconShare from '~icons/ph/share-network'
+import IconReload from '~icons/ph/arrow-clockwise'
 
 const { t } = useI18n() // call `useI18n`, and spread `t` from  `useI18n` returning
 
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index b2def22..640d35b 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,10 +1,8 @@
 <template>
   <div class="flex flex-col grow p-1 w-full text-center">
-    <div class="flex flex-col grow gap-8 justify-center md:mt-16">
+    <div class="flex flex-col grow gap-8 justify-center my-4 md:my-16">
       <div>
-        {{ t('gameDescription') }}<br><br>
-        <span v-html="t('dailyDescription')" />
-
+        {{ t('gameDescription') }}
         <br>
       </div>