{
  "type": "APL",
  "version": "1.1",
  "settings": {},
  "theme": "dark",
  "import": [
    {
      "name": "alexa-layouts",
      "version": "1.1.0"
    }
  ],
  "resources": [
    {
      "description": "Stock color for the light theme",
      "colors": {
        "colorTextPrimary": "#151920"
      }
    },
    {
      "description": "Stock color for the dark theme",
      "when": "${viewport.theme == 'dark'}",
      "colors": {
        "colorTextPrimary": "#f0f1ef"
      }
    },
    {
      "description": "Standard font sizes",
      "dimensions": {
        "textSizeBody": 48,
        "textSizePrimary": 27,
        "textSizeSecondary": 23,
        "textSizeSecondaryHint": 25
      }
    },
    {
      "description": "Common spacing values",
      "dimensions": {
        "spacingThin": 6,
        "spacingSmall": 12,
        "spacingMedium": 24,
        "spacingLarge": 48,
        "spacingExtraLarge": 72
      }
    },
    {
      "description": "Common margins and padding",
      "dimensions": {
        "marginTop": 40,
        "marginLeft": 60,
        "marginRight": 60,
        "marginBottom": 40
      }
    }
  ],
  "styles": {
    "textStyleBase": {
      "description": "Base font description; set color",
      "values": 
        {
          "color": "@colorTextPrimary"
        }
      
    },
    "textStyleBase0": {
      "description": "Thin version of basic font",
      "extend": "textStyleBase",
      "values": {
        "fontWeight": "100"
      }
    },
    "textStyleBase1": {
      "description": "Light version of basic font",
      "extend": "textStyleBase",
      "values": {
        "fontWeight": "300"
      }
    },
    "mixinBody": {
      "values": {
        "fontSize": "@textSizeBody"
      }
    },
    "mixinPrimary": {
      "values": {
        "fontSize": "@textSizePrimary"
      }
    },
    "mixinSecondary": {
      "values": {
        "fontSize": "@textSizeSecondary"
      }
    },
    "textStylePrimary": {
      "extend": [
        "textStyleBase1",
        "mixinPrimary"
      ]
    },
    "textStyleSecondary": {
      "extend": [
        "textStyleBase0",
        "mixinSecondary"
      ]
    },
    "textStyleBody": {
      "extend": [
        "textStyleBase1",
        "mixinBody"
      ]
    },
    "textStyleSecondaryHint": {
      "values": {
        "fontFamily": "Bookerly",
        "fontStyle": "italic",
        "fontSize": "@textSizeSecondaryHint",
        "color": "@colorTextPrimary"
      }
    }
  },
  "graphics": {},
  "commands": {},
  "layouts": {},
  "mainTemplate": {
    "parameters": [
      
      "payload"
    ],
    "items": [
      {
        "type": "Container",
        "width": "100%",
        "height": "100%",
        "justifyContent": "center",
        "items": [
            {
              "type": "AlexaButton",
              "buttonText": "dbuschke.de",
              "id": "containedButtonId",
              "paddingLeft": "@spacingLarge",
              "paddingRight": "@spacingLarge",
              "paddingBottom": "@spacingLarge",
              "paddingTop": "@spacingLarge",
              "primaryAction": {
                "type": "OpenURL",
                        "source": "https://www.dbuschke.de",
                          "onFail": {
                            "type": "SetValue",
                            "componentId": "errorText",
                            "property": "text",
                            "value": "Die Webseite kann nicht geöffnet werden (${event.source.value})"
                          }
              }
            },
            {
              "type": "AlexaButton",
              "buttonText": "nextsmarthome.de",
              "buttonStyle": "outlined",
              "id": "outlinedButtonId",
              "paddingLeft": "@spacingLarge",
              "paddingRight": "@spacingLarge",
              "paddingBottom": "@spacingLarge",
              "paddingTop": "@spacingLarge",
              "primaryAction": {
               "type": "OpenURL",
                        "source": "https://www.nextsmarthome.de",
                          "onFail": {
                            "type": "SetValue",
                            "componentId": "errorText",
                            "property": "text",
                            "value": "Die Webseite kann nicht geöffnet werden (${event.source.value})"
                          }
              }
            }
        ]
      }
    ]
  }
}