{
    "document": {
        "type": "APL",
        "version": "1.0",
        "theme": "dark",
        "import": [
            {
                "name": "alexa-viewport-profiles",
                "version": "1.0.0"
            }
        ],
        "resources": [
            {
                "strings": {
                    "skillName": "HelloAPL"
                }
            }
        ],
        "styles": {},
        "layouts": {},
        "mainTemplate": {
            "parameters": [
                "payload"
            ],
            "items": [
                {
                    "type": "Container",
                    "items": [
                        {
                            "when": "${@viewportProfile == @hubRoundSmall}",
                            "type": "Container",
                            "items": [
                                {
                                    "type": "Image",
                                    "source": "https://github.com/gaomar/apl_handson/raw/master/files/ball.png",
                                    "scale": "best-fill",
                                    "width": "100vw",
                                    "height": "100vh",
                                    "position": "absolute"
                                },
                                {
                                    "type": "Container",
                                    "justifyContent": "center",
                                    "height": "100vh",
                                    "item": [
                                        {
                                            "type": "Text",
                                            "text": "★",
                                            "textAlign": "center",
                                            "fontSize": "20vh"
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            "type": "Container",
                            "items": [
                                {
                                    "type": "Image",
                                    "source": "https://github.com/gaomar/apl_handson/raw/master/files/background.jpg",
                                    "scale": "best-fill",
                                    "width": "100vw",
                                    "height": "100vh",
                                    "position": "absolute",
                                    "overlayColor": "rgba(0, 0, 0, 0.6)"
                                },
                                {
                                    "type": "Container",
                                    "justifyContent": "center",
                                    "height": "100vh",
                                    "item": [
                                        {
                                            "type": "Text",
                                            "text": "${payload.hello.text}",
                                            "textAlign": "center",
                                            "fontSize": "5vh"
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    },
    "dataSources": {
        "hello": {
            "text": "ハローAPL"
        }
    }
}