test.json

{
  "$jason": {
    "head": {
      "title": "Laggy Scrolling",
      "description": "",
      "icon": "",
      "actions": {
        "$load": {
          "trigger": "fetch_data"
        },
        "$pull": {
          "type": "$reload"
        },
        "show_alert": {
          "type": "$util.alert",
          "options" : {
            "title" : "show data",
            "description" : "{{ JSON.stringify( $global.works ) }}"
          },
          "success" : {
            "type": "$render"
          }
        },
        "fetch_data": {
          "type": "$network.request",
          "options": {
            "url": "https://jasonbase.com/things/LVQD",
            "method": "get",
            "data_type": "json"
          },
          "success": {
            "type": "$global.set",
            "options": {
              "works": "{{ $jason.items }}"
            },
            "success": {
              "type": "$render"
            }
          }
        }
      },
      "styles" : {
        "artwork_thumb" : {
          "width" : "100",
          "height" : "100",
          "padding" : "0"
        },
        "list_header" : {
          "color" : "#ffff00",
          "size" : "18"
        },
        "list_description" : {
            "font" : "HelveticaNeue-Bold",
            "size" : "14",
            "color" : "#000000"
        },
        "list_title" : {
            "font" : "HelveticaNeue",
            "size" : "20",
            "color" : "#000000"
        }
      },
      "templates": {
        "body": {
          "header": {
            "title": {
              "type": "label",
              "text": "HOME"
            }
          },
          "sections" : [
            {
              "header" :
                {
                  "type" : "label",
                  "text" : "TEST",
                  "class" : "list_header"
                },
              "items" : {
                "{{ #each $global.works }}" :
                {
                  "type" : "horizontal",
                  "style" : {
                    "spacing" : "20",
                    "background" : "#ffffff"
                  },
                  "components" : [
                    {
                      "type" : "button",
                      "url" : "https://manichord.com/img/M-noborder.png",
                      "class" : "artwork_thumb"
                    },
                    {
                      "type" : "vertical",
                      "components" : [
                        {
                          "type" : "label",
                          "text" : " {{ title }}",
                          "class" : "list_title"
                        },
                        {
                          "type" : "label",
                          "text" : "The rain in spain falls mainly on the plain.",
                          "class" : "list_description"
                        }
                      ]
                    }
                  ]
                }
              }
            }
          ]
        }
      }
    }
  }
}