Skip to content

Instantly share code, notes, and snippets.

@goldzulu

goldzulu/grid sequence.json

Created July 30, 2020 20:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save goldzulu/ffdc88ee43935f2e8c73c28e60a36102 to your computer and use it in GitHub Desktop.
Save goldzulu/ffdc88ee43935f2e8c73c28e60a36102 to your computer and use it in GitHub Desktop.
Download ZIP
Sample APL 1.4 GridSequence With Embedded Video
Raw
grid sequence.json
{
"type": "APL",
"version": "1.4",
"settings": {},
"theme": "dark",
"import": [],
"resources": [],
"styles": {},
"onMount": [],
"graphics": {},
"commands": {},
"layouts": {},
"mainTemplate": {
"parameters": [
"payload"
],
"items": [
{
"type": "GridSequence",
"height": "100vh",
"width": "100vw",
"scrollDirection": "vertical",
"childWidth": "150dp",
"childHeight": "150dp",
"items": [
{
"type": "Container",
"width": "100%",
"height": "100%",
"alignItems": "center",
"justifyContent": "center",
"items": [
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/17.jpg"
},
{
"type": "Text",
"text": "Urbanblaster",
"fontSize": "2vw"
}
]
},
{
"type": "Container",
"width": "100%",
"height": "100%",
"alignItems": "center",
"justifyContent": "center",
"items": [
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/21.jpg"
},
{
"type": "Text",
"text": "KevinEvans",
"fontSize": "2vw"
}
]
},
{
"type": "Container",
"width": "100%",
"height": "100%",
"alignItems": "center",
"justifyContent": "center",
"items": [
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/35.jpg"
},
{
"type": "Text",
"text": "JoeMoCode",
"fontSize": "2vw"
}
]
},
{
"type": "Container",
"width": "100%",
"height": "100%",
"alignItems": "center",
"justifyContent": "center",
"items": [
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/23.jpg"
},
{
"type": "Text",
"text": "Wgeorgio",
"fontSize": "2vw"
}
]
},
{
"type": "Container",
"width": "100%",
"height": "100%",
"alignItems": "center",
"justifyContent": "center",
"items": [
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://goldzulu.s3.amazonaws.com/voicetechguy.mp4"
},
{
"type": "Text",
"text": "Goldzulu",
"fontSize": "2vw"
}
]
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/5.jpg"
},
{
"type": "Video",
"width": "100%",
"height": "100%",
"scale": "best-fit",
"source": "https://goldzulu.s3.amazonaws.com/voicetechguy.mp4",
"autoplay": true
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/4.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/5.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/6.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/7.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/8.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/9.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/10.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/11.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/12.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/13.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/14.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/15.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/16.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/5.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/1.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/17.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/18.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/19.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/20.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/21.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/22.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/women/23.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/24.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/25.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/26.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/27.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/1.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/2.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/3.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/4.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/5.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/6.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/7.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/8.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/9.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/10.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/11.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/12.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/13.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/14.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/15.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/16.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/5.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/1.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/17.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/18.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/19.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/20.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/21.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/22.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/women/23.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/24.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/25.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/26.jpg"
},
{
"type": "Image",
"width": "128dp",
"height": "128dp",
"scale": "best-fit-down",
"source": "https://randomuser.me/api/portraits/men/27.jpg"
}
]
}
]
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment