adapt-counters/example.json at master · sebj8/adapt-counters · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
{
  "_id": "c-05",
  "_parentId": "b-05",
  "_type": "component",
  "_component": "counters",
  "_classes": "",
  "_layout": "full",
  "title": "Counters",
  "displayTitle": "Counters",
  "body": "<p>Counters is a presentation component that displays items with countup animation.</p>",
  "instruction": "",
  "_setCompletionOn": "allItems",
  "_percentInviewVertical": 10,
  "_transitionSpeed": 5000,
  "_columns": {
    "small": 0,
    "medium": 2,
    "large": 4,
    "xlarge": 4
  },
  "_items": [
    {
      "title": "Heading 1",
      "body": "<p>This is display text 1.</p>",
      "_graphic": {
        "src": "course/en/images/single-width.png",
        "alt": "graphic 1"
      },
      "_countStart": 0,
      "_countEnd": 1000,
      "counterLabel": "",
      "_classes": ""
    },
    {
      "title": "Heading 2",
      "body": "<p>This is display text 2.</p>",
      "_graphic": {
        "src": "course/en/images/single-width.png",
        "alt": "graphic 2"
      },
      "_countStart": 0,
      "_countEnd": 2000,
      "counterLabel": "",
      "_classes": ""
    },
    {
      "title": "Heading 3",
      "body": "<p>This is display text 3.</p>",
      "_graphic": {
        "src": "course/en/images/single-width.png",
        "alt": "graphic 3"
      },
      "_countStart": 0,
      "_countEnd": 3000,
      "counterLabel": "",
      "_classes": ""
    },
    {
      "title": "Heading 4",
      "body": "<p>This is display text 4.</p>",
      "_graphic": {
        "src": "course/en/images/single-width.png",
        "alt": "graphic 4"
      },
      "_countStart": 0,
      "_countEnd": 4000,
      "counterLabel": "",
      "_classes": ""
    }
  ]
}