APL Document [Alexa]

document1.json

{
    "type": "APL",
    "version": "1.0",
    "theme": "dark",
    "import": [],
    "resources": [],
    "styles": {
      "headerStyle": {
        "values": [{
          "color": "#008080",
          "fontSize": "28",
          "fontWeight": 900
        }]
      },
      "textBlockStyle": {
        "values": [{
          "color": "indianred",
          "fontSize": "32"
        }]
      },
      "footerStyle": {
        "values": [{
          "fontSize": "20",
          "fontStyle": "italic"
        }]
      }
    },
    "layouts": {},
    "mainTemplate": {
        "items": [
            {
                "type": "Container",
                "items": [
                    {
                        "type": "Image",
                        "position": "absolute",
                        "source": "https://www.srijan.net/hubfs/aws-lex-cognito-auth-and-translation.png",
                        "width": "100vw",
                        "height": "100vh",
                        "scale": "best-fill"
                    },
                    {
                      "type": "Container",
                      "height": "100vh",
                      "width": "100vw",
                      "paddingTop": "40dp",
                      "paddingLeft": "40dp",
                      "paddingRight": "40dp",
                      "direction": "column",
                      "items": [
                        {
                          "type": "Container",
                          "paddingBottom": "40dp",
                          "items": [{
                            "type": "Text",
                            "text": "This is header block",
                            "style": "headerStyle"
                          }]
                        }, {
                          "type": "Container",
                          "direction": "row",
                          "paddingBottom": "60dp",
                          "items": [{
                            "type": "Text",
                            "text": "This is a left side block. This block will have fixed width.",
                            "width": "60vw",
                            "paddingRight": "30vw",
                            "style": "textBlockStyle"
                          },{
                            "type": "Text",
                            "text": "This is a right side block. This block will have fixed width.",
                            "width": "30vw",
                            "style": "textBlockStyle"
                          }]
                        }, {
                          "type": "Container",
                          "position": "absolute",
                          "bottom": "20dp",
                          "items": [{
                            "type": "Text",
                            "text": "This is footer block. Try APL.",
                            "style": "footerStyle"
                          }]
                      }]
                    }
                ]
            }
        ]
    }
}