picture puzzle intro screen and timer util

lib/src/provider/dashboardViewModel.dart

@@ -74,12 +74,12 @@ class DashboardViewModel extends ChangeNotifier {
             KeyUtil.SquareRoot,
             getScoreboard("square_root")));
         list.add(GameCategory(
-            10,
-            "Picture Puzzle",
-            "picture_puzzle",
-            GameCategoryType.PICTURE_PUZZLE,
-            KeyUtil.PicturePuzzle,
-            getScoreboard("picture_puzzle")));
+            9,
+            "Math Grid",
+            "math_machine",
+            GameCategoryType.MATH_MACHINE,
+            KeyUtil.MathMachine,
+            getScoreboard("math_machine")));
         list.add(GameCategory(
             4,
             "Mathematical pairs",
@@ -96,15 +96,15 @@ class DashboardViewModel extends ChangeNotifier {
             GameCategoryType.MAGIC_TRIANGLE,
             KeyUtil.MagicTriangle,
             getScoreboard("magic_tringle")));
-        list.add(GameCategory(
-            9,
-            "Math Grid",
-            "math_machine",
-            GameCategoryType.MATH_MACHINE,
-            KeyUtil.MathMachine,
-            getScoreboard("math_machine")));
         list.add(GameCategory(
             10,
+            "Picture Puzzle",
+            "picture_puzzle",
+            GameCategoryType.PICTURE_PUZZLE,
+            KeyUtil.PicturePuzzle,
+            getScoreboard("picture_puzzle")));
+        list.add(GameCategory(
+            11,
             "Number Pyramid",
             "number_pyramid",
             GameCategoryType.NUMBER_PYRAMID,

lib/src/resources/infoDialogDataProvider.dart

@@ -97,11 +97,11 @@ ${ScoreUtil.mathMachineScore.toInt()} for each correct equation
       case GameCategoryType.PICTURE_PUZZLE:
         return GameInfoDialog(
             title: "Picture Puzzle",
-            image: "assets/math-machine-intro.gif",
+            image: "assets/picture-puzzle-intro.gif",
             dec:
-                '''Select number from math grid to reach answer shown above. You can select any number to reach above answer. 
+                '''Each shape represents a number. Find the number of each shape from given equation and solve the last equation. 
                                         
-${ScoreUtil.mathMachineScore.toInt()} for each correct equation
+${ScoreUtil.picturePuzzleScore.toInt()} for each correct equation
 ''');
       case GameCategoryType.NUMBER_PYRAMID:
         // TODO: Handle this case.

lib/src/utility/timeUtil.dart

@@ -19,7 +19,7 @@ class TimeUtil {
   static int magicTriangleTimeOut = 60;
   static int mathMachineTimeOut = 120;
 
-  static int picturePuzzleTimeOut = 300;
+  static int picturePuzzleTimeOut = 90;
   static int numPyramidTimeOut = 120;
 
 }

pubspec.yaml

@@ -62,6 +62,7 @@ flutter:
     - sqroot-intro.gif
     - whats-the-sign-intro.gif
     - num-pyramid.gif
+    - picture-puzzle-intro.gif
   #  - images/a_dot_ham.jpeg
 
   # An image asset can refer to one or more resolution-specific "variants", see