var data = [
   {
       "attrs": ["TestGroupName", {
           "GameType": GameTypes.ColorText,
           "description": "1. What do they look like?",
           "MaxPoints": 1, "isStandalone": false, "isFirst": true, "GameData": {
               "TaskPrefix": "Zad1",
               "Graphics":
               [
                     { "src": "Graphics/WorkCards/OS_II_5/zad1/k1.png", "key": "01" },
               ],
               "StaticElements": {
                   "el" :
                   [
                      { "type": "image", "pos": { "x": 100, "y": 0 }, "key": "01" },
                      { "type": "text", "pos": { "x": 900, "y": 0 }, "text": "Length:" },
                      { "type": "text", "pos": { "x": 900, "y": 150 }, "text": "Colour:" },
                      { "type": "text", "pos": { "x": 900, "y": 300 }, "text": "Style:" },
                      { "type": "text", "pos": { "x": 900, "y": 450 }, "text": "Special features:" },
                   ],
                   "Options": {
                       "Style": { font: "40px Arial", fill: 'blue' },
                   },
               },
            "MarkWholeWords": true,
            "Colors": ["red"],
            "PalletePosition": { "x": 1400, "y": 100 },
            "SourceText": [
                {
                    "Text": "long     short     shoulder-length@@@blonde       black        brown        red@@@bald         curly        straight@@@moustache           beard            wrinkles          @freckles           glasses",
                    "Position": { "x": 900, "y": 50 },
                    "Style": { font: "40px Arial", fill: 'black' },
                    "TextToFind":
                        [
                            
                            {
                                "Color": "red",
                                "Text": ["short","brown","curly","freckles"]
                            },
                        ]
                },
            ],
           }
       }]
   },



    {
        "attrs": ["TestGroupName", {
            "GameType": GameTypes.ColorText,
            "description": "2. What do they look like?",
            "MaxPoints": 1, "isStandalone": false, "isFirst": false, "GameData": {
                "TaskPrefix": "Zad2",
                "Graphics":
                [
                      { "src": "Graphics/WorkCards/OS_II_5/zad1/m1.png", "key": "01" },
                ],
                "StaticElements": {
                    "el":
                    [
                       { "type": "image", "pos": { "x": 100, "y": 0 }, "key": "01" },
                       { "type": "text", "pos": { "x": 900, "y": 0 }, "text": "Length:" },
                       { "type": "text", "pos": { "x": 900, "y": 150 }, "text": "Colour:" },
                       { "type": "text", "pos": { "x": 900, "y": 300 }, "text": "Style:" },
                       { "type": "text", "pos": { "x": 900, "y": 450 }, "text": "Special features:" },
                    ],
                    "Options": {
                        "Style": { font: "40px Arial", fill: 'blue' },
                    },
                },
                "MarkWholeWords": true,
                "Colors": ["red"],
                "PalletePosition": { "x": 1400, "y": 100 },
                "SourceText": [
                    {
                        "Text": "long     short     shoulder-length@@@blonde       black        brown        red@@@bald         curly        straight@@@moustache           beard            wrinkles          @freckles           glasses",
                        "Position": { "x": 900, "y": 50 },
                        "Style": { font: "40px Arial", fill: 'black' },
                        "TextToFind":
                            [

                                {
                                    "Color": "red",
                                    "Text": ["short", "brown", "curly", "beard"]
                                },
                            ]
                    },
                ],
            }
        }]
    },



    {
        "attrs": ["TestGroupName", {
            "GameType": GameTypes.ColorText,
            "description": "3. What do they look like?",
            "MaxPoints": 1, "isStandalone": false, "isFirst": false, "GameData": {
                "TaskPrefix": "Zad3",
                "Graphics":
                [
                      { "src": "Graphics/WorkCards/OS_II_5/zad1/k2.png", "key": "01" },
                ],
                "StaticElements": {
                    "el":
                    [
                       { "type": "image", "pos": { "x": 100, "y": 0 }, "key": "01" },
                       { "type": "text", "pos": { "x": 900, "y": 0 }, "text": "Length:" },
                       { "type": "text", "pos": { "x": 900, "y": 150 }, "text": "Colour:" },
                       { "type": "text", "pos": { "x": 900, "y": 300 }, "text": "Style:" },
                       { "type": "text", "pos": { "x": 900, "y": 450 }, "text": "Special features:" },
                    ],
                    "Options": {
                        "Style": { font: "40px Arial", fill: 'blue' },
                    },
                },
                "MarkWholeWords": true,
                "Colors": ["red"],
                "PalletePosition": { "x": 1400, "y": 100 },
                "SourceText": [
                    {
                        "Text": "long     short     shoulder-length@@@blonde       black        brown        red@@@bald         curly        straight@@@moustache           beard            wrinkles          @freckles           glasses",
                        "Position": { "x": 900, "y": 50 },
                        "Style": { font: "40px Arial", fill: 'black' },
                        "TextToFind":
                            [

                                {
                                    "Color": "red",
                                    "Text": ["long", "blonde", "straight"]
                                },
                            ]
                    },
                ],
            }
        }]
    },


     {
         "attrs": ["TestGroupName", {
             "GameType": GameTypes.ColorText,
             "description": "4. What do they look like?",
             "MaxPoints": 1, "isStandalone": false, "isFirst": false, "GameData": {
                 "TaskPrefix": "Zad4",
                 "Graphics":
                 [
                       { "src": "Graphics/WorkCards/OS_II_5/zad1/m2.png", "key": "01" },
                 ],
                 "StaticElements": {
                     "el":
                     [
                        { "type": "image", "pos": { "x": 100, "y": 0 }, "key": "01" },
                        { "type": "text", "pos": { "x": 900, "y": 0 }, "text": "Length:" },
                        { "type": "text", "pos": { "x": 900, "y": 150 }, "text": "Colour:" },
                        { "type": "text", "pos": { "x": 900, "y": 300 }, "text": "Style:" },
                        { "type": "text", "pos": { "x": 900, "y": 450 }, "text": "Special features:" },
                     ],
                     "Options": {
                         "Style": { font: "40px Arial", fill: 'blue' },
                     },
                 },
                 "MarkWholeWords": true,
                 "Colors": ["red"],
                 "PalletePosition": { "x": 1400, "y": 100 },
                 "SourceText": [
                     {
                         "Text": "long     short     shoulder-length@@@blonde       black        brown        red@@@bald         curly        straight@@@moustache           beard            wrinkles          @freckles           glasses",
                         "Position": { "x": 900, "y": 50 },
                         "Style": { font: "40px Arial", fill: 'black' },
                         "TextToFind":
                             [

                                 {
                                     "Color": "red",
                                     "Text": ["bald", "moustache"]
                                 },
                             ]
                     },
                 ],
             }
         }]
     },




     {
         "attrs": ["TestGroupName", {
             "GameType": GameTypes.ColorText,
             "description": "5. What do they look like?",
             "MaxPoints": 1, "isStandalone": false, "isFirst": false, "GameData": {
                 "TaskPrefix": "Zad5",
                 "Graphics":
                 [
                       { "src": "Graphics/WorkCards/OS_II_5/zad1/k3.png", "key": "01" },
                 ],
                 "StaticElements": {
                     "el":
                     [
                        { "type": "image", "pos": { "x": 100, "y": 0 }, "key": "01" },
                        { "type": "text", "pos": { "x": 900, "y": 0 }, "text": "Length:" },
                        { "type": "text", "pos": { "x": 900, "y": 150 }, "text": "Colour:" },
                        { "type": "text", "pos": { "x": 900, "y": 300 }, "text": "Style:" },
                        { "type": "text", "pos": { "x": 900, "y": 450 }, "text": "Special features:" },
                     ],
                     "Options": {
                         "Style": { font: "40px Arial", fill: 'blue' },
                     },
                 },
                 "MarkWholeWords": true,
                 "Colors": ["red"],
                 "PalletePosition": { "x": 1400, "y": 100 },
                 "SourceText": [
                     {
                         "Text": "long     short     shoulder-length@@@blonde       black        brown        red@@@bald         curly        straight@@@moustache           beard            wrinkles          @freckles           glasses",
                         "Position": { "x": 900, "y": 50 },
                         "Style": { font: "40px Arial", fill: 'black' },
                         "TextToFind":
                             [

                                 {
                                     "Color": "red",
                                     "Text": ["short", "red","straight"]
                                 },
                             ]
                     },
                 ],
             }
         }]
     },


      {
          "attrs": ["TestGroupName", {
              "GameType": GameTypes.ColorText,
              "description": "6. What do they look like?",
              "MaxPoints": 1, "isStandalone": false, "isFirst": false, "GameData": {
                  "TaskPrefix": "Zad6",
                  "Graphics":
                  [
                        { "src": "Graphics/WorkCards/OS_II_5/zad1/m3.png", "key": "01" },
                  ],
                  "StaticElements": {
                      "el":
                      [
                         { "type": "image", "pos": { "x": 100, "y": 0 }, "key": "01" },
                         { "type": "text", "pos": { "x": 900, "y": 0 }, "text": "Length:" },
                         { "type": "text", "pos": { "x": 900, "y": 150 }, "text": "Colour:" },
                         { "type": "text", "pos": { "x": 900, "y": 300 }, "text": "Style:" },
                         { "type": "text", "pos": { "x": 900, "y": 450 }, "text": "Special features:" },
                      ],
                      "Options": {
                          "Style": { font: "40px Arial", fill: 'blue' },
                      },
                  },
                  "MarkWholeWords": true,
                  "Colors": ["red"],
                  "PalletePosition": { "x": 1400, "y": 100 },
                  "SourceText": [
                      {
                          "Text": "long     short     shoulder-length@@@blonde       black        brown        red@@@bald         curly        straight@@@moustache           beard            wrinkles          @freckles           glasses",
                          "Position": { "x": 900, "y": 50 },
                          "Style": { font: "40px Arial", fill: 'black' },
                          "TextToFind":
                              [

                                  {
                                      "Color": "red",
                                      "Text": ["short", "blonde", "straight"]
                                  },
                              ]
                      },
                  ],
              }
          }]
      },


       {
           "attrs": ["TestGroupName", {
               "GameType": GameTypes.ColorText,
               "description": "7. What do they look like?",
               "MaxPoints": 1, "isStandalone": false, "isFirst": false, "GameData": {
                   "TaskPrefix": "Zad7",
                   "Graphics":
                   [
                         { "src": "Graphics/WorkCards/OS_II_5/zad1/k4.png", "key": "01" },
                   ],
                   "StaticElements": {
                       "el":
                       [
                          { "type": "image", "pos": { "x": 100, "y": 0 }, "key": "01" },
                          { "type": "text", "pos": { "x": 900, "y": 0 }, "text": "Length:" },
                          { "type": "text", "pos": { "x": 900, "y": 150 }, "text": "Colour:" },
                          { "type": "text", "pos": { "x": 900, "y": 300 }, "text": "Style:" },
                          { "type": "text", "pos": { "x": 900, "y": 450 }, "text": "Special features:" },
                       ],
                       "Options": {
                           "Style": { font: "40px Arial", fill: 'blue' },
                       },
                   },
                   "MarkWholeWords": true,
                   "Colors": ["red"],
                   "PalletePosition": { "x": 1400, "y": 100 },
                   "SourceText": [
                       {
                           "Text": "long     short     shoulder-length@@@blonde       black        brown        red@@@bald         curly        straight@@@moustache           beard            wrinkles          @freckles           glasses",
                           "Position": { "x": 900, "y": 50 },
                           "Style": { font: "40px Arial", fill: 'black' },
                           "TextToFind":
                               [

                                   {
                                       "Color": "red",
                                       "Text": ["long", "brown", "straight", "wrinkles"]
                                   },
                               ]
                       },
                   ],
               }
           }]
       },


       {
           "attrs": ["TestGroupName", {
               "GameType": GameTypes.ColorText,
               "description": "8. What do they look like?",
               "MaxPoints": 1, "isStandalone": false, "isFirst": false, "GameData": {
                   "TaskPrefix": "Zad8",
                   "Graphics":
                   [
                         { "src": "Graphics/WorkCards/OS_II_5/zad1/m4.png", "key": "01" },
                   ],
                   "StaticElements": {
                       "el":
                       [
                          { "type": "image", "pos": { "x": 100, "y": 0 }, "key": "01" },
                          { "type": "text", "pos": { "x": 900, "y": 0 }, "text": "Length:" },
                          { "type": "text", "pos": { "x": 900, "y": 150 }, "text": "Colour:" },
                          { "type": "text", "pos": { "x": 900, "y": 300 }, "text": "Style:" },
                          { "type": "text", "pos": { "x": 900, "y": 450 }, "text": "Special features:" },
                       ],
                       "Options": {
                           "Style": { font: "40px Arial", fill: 'blue' },
                       },
                   },
                   "MarkWholeWords": true,
                   "Colors": ["red"],
                   "PalletePosition": { "x": 1400, "y": 100 },
                   "SourceText": [
                       {
                           "Text": "long     short     shoulder-length@@@blonde       black        brown        red@@@bald         curly        straight@@@moustache           beard            wrinkles          @freckles           glasses",
                           "Position": { "x": 900, "y": 50 },
                           "Style": { font: "40px Arial", fill: 'black' },
                           "TextToFind":
                               [

                                   {
                                       "Color": "red",
                                       "Text": ["long", "black", "straight"]
                                   },
                               ]
                       },
                   ],
               }
           }]
       },

         {
             "attrs": ["TestGroupName", {
                 "GameType": GameTypes.ColorText,
                 "description": "9. What do they look like?",
                 "MaxPoints": 1, "isStandalone": false, "isFirst": false, "GameData": {
                     "TaskPrefix": "Zad9",
                     "Graphics":
                     [
                           { "src": "Graphics/WorkCards/OS_II_5/zad1/k5.png", "key": "01" },
                     ],
                     "StaticElements": {
                         "el":
                         [
                            { "type": "image", "pos": { "x": 100, "y": 0 }, "key": "01" },
                            { "type": "text", "pos": { "x": 900, "y": 0 }, "text": "Length:" },
                            { "type": "text", "pos": { "x": 900, "y": 150 }, "text": "Colour:" },
                            { "type": "text", "pos": { "x": 900, "y": 300 }, "text": "Style:" },
                            { "type": "text", "pos": { "x": 900, "y": 450 }, "text": "Special features:" },
                         ],
                         "Options": {
                             "Style": { font: "40px Arial", fill: 'blue' },
                         },
                     },
                     "MarkWholeWords": true,
                     "Colors": ["red"],
                     "PalletePosition": { "x": 1400, "y": 100 },
                     "SourceText": [
                         {
                             "Text": "long     short     shoulder-length@@@blonde       black        brown        red@@@bald         curly        straight@@@moustache           beard            wrinkles          @freckles           glasses",
                             "Position": { "x": 900, "y": 50 },
                             "Style": { font: "40px Arial", fill: 'black' },
                             "TextToFind":
                                 [

                                     {
                                         "Color": "red",
                                         "Text": ["long", "red", "curly", "glasses"]
                                     },
                                 ]
                         },
                     ],
                 }
             }]
         },


           {
               "attrs": ["TestGroupName", {
                   "GameType": GameTypes.ColorText,
                   "description": "10. What do they look like?",
                   "MaxPoints": 1, "isStandalone": false, "isFirst": false, "GameData": {
                       "TaskPrefix": "Zad10",
                       "Graphics":
                       [
                             { "src": "Graphics/WorkCards/OS_II_5/zad1/m5.png", "key": "01" },
                       ],
                       "StaticElements": {
                           "el":
                           [
                              { "type": "image", "pos": { "x": 100, "y": 0 }, "key": "01" },
                              { "type": "text", "pos": { "x": 900, "y": 0 }, "text": "Length:" },
                              { "type": "text", "pos": { "x": 900, "y": 150 }, "text": "Colour:" },
                              { "type": "text", "pos": { "x": 900, "y": 300 }, "text": "Style:" },
                              { "type": "text", "pos": { "x": 900, "y": 450 }, "text": "Special features:" },
                           ],
                           "Options": {
                               "Style": { font: "40px Arial", fill: 'blue' },
                           },
                       },
                       "MarkWholeWords": true,
                       "Colors": ["red"],
                       "PalletePosition": { "x": 1400, "y": 100 },
                       "SourceText": [
                           {
                               "Text": "long     short     shoulder-length@@@blonde       black        brown        red@@@bald         curly        straight@@@moustache           beard            wrinkles          @freckles           glasses",
                               "Position": { "x": 900, "y": 50 },
                               "Style": { font: "40px Arial", fill: 'black' },
                               "TextToFind":
                                   [

                                       {
                                           "Color": "red",
                                           "Text": ["short", "red", "straight", "freckles"]
                                       },
                                   ]
                           },
                       ],
                   }
               }]
           },

];