refactor: flag now can have two colors

index.html

@@ -9,7 +9,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="Educational game for teaching fractions" />
   <meta name="keywords" content="ifractions, fraction, game, private data" />
-  <link rel="shortcut icon" href="./assets/img/scene/flag.png">
+  <link rel="shortcut icon" href="./assets/img/scene/flag_red.png">
   <link rel="stylesheet" href="./style/bootstrap/bootstrap.min.css">
   <link rel="stylesheet" href="./style/IFractions.css">
   <title>iFractions/iFra&ccedil;&otilde;es</title>

js/globals/globals_tokens.js

@@ -134,6 +134,8 @@ const url = {
       ['bg_map', baseUrl + 'scene/bg_map.png'],
       ['bush', baseUrl + 'scene/bush.png'],
       ['cloud', baseUrl + 'scene/cloud.png'],
+      ['flag_red', baseUrl + 'scene/flag_red.png'],
+      ['flag_green', baseUrl + 'scene/flag_green.png'],
       ['floor_grass', baseUrl + 'scene/floor_grass.png'],
       ['floor_road', baseUrl + 'scene/floor_road.png'],
       ['rock', baseUrl + 'scene/rock.png'],