<?xml version='1.0' encoding='UTF-8'?>
<template>

	<templateInfo>
		<version>0.1</version>	
	</templateInfo>

	<rootStack>

		<textArea name="label1"><span name="label1_span1"><![CDATA[crop]]></span></textArea>
		<textArea name="label2"><span name="label2_span2">fit</span></textArea>
		<textArea name="label3"><span name="label3_span3">cover</span></textArea>

		<aimage name="image1">$image$</image>
		<image name="image2">$image$</image>
		<image name="image3">$image$</image>

	</rootStack>

	<layouts>

		<layout name="square">
			<canvas w="1000" h="1000" bg_color="transparent"/>
			<image name="image1" blend="normal" place="crop" visibility="visible" x="10" y="10" w="485" h="485" />
			<image name="image2" blend="normal" place="fit" visibility="visible" x="505" y="10" w="485" h="485" />
			<image name="image3" blend="normal" place="cover" visibility="visible" x="10" y="505" w="485" h="485" />

			<textArea name="label1" x="25" y="25" w="125" h="60" align="left" valign="top" shrink="0" wrap="0">
			<span name="label1_span1" fill="#bbbb00" size="42" leading="auto" tracking="0" font="Roboto-Bold" />
			</textArea>
			<textArea name="label2" x="525" y="25" w="125" h="60" align="left" valign="top" shrink="0" wrap="0">
			<span name="label2_span2" fill="#bbbb00" size="42" leading="auto" tracking="0" font="Roboto-Bold" />
			</textArea>
			<textArea name="label3" x="25" y="525" w="125" h="60" align="left" valign="top" shrink="0" wrap="0">
			<span name="label3_span3" fill="#bbbb00" size="42" leading="auto" tracking="0" font="Roboto-Bold" />
			</textArea>

		</layout>

		<layout name="portrait">
			<canvas w="600" h="1000" bg_color="transparent"/>
			<image name="image1" blend="normal" place="crop" visibility="visible" x="10" y="10" w="285" h="485" />
			<image name="image2" blend="normal" place="fit" visibility="visible" x="305" y="10" w="285" h="485" />
			<image name="image3" blend="normal" place="cover" visibility="visible" x="10" y="505" w="285" h="485" />

			<textArea name="label1" x="25" y="25" w="125" h="60" align="left" valign="top" shrink="0" wrap="0">
			<span name="label1_span1" fill="#bbbb00" size="42" leading="auto" tracking="0" font="Roboto-Bold" />
			</textArea>
			<textArea name="label2" x="325" y="25" w="125" h="60" align="left" valign="top" shrink="0" wrap="0">
			<span name="label2_span2" fill="#bbbb00" size="42" leading="auto" tracking="0" font="Roboto-Bold" />
			</textArea>
			<textArea name="label3" x="25" y="525" w="125" h="60" align="left" valign="top" shrink="0" wrap="0">
			<span name="label3_span3" fill="#bbbb00" size="42" leading="auto" tracking="0" font="Roboto-Bold" />
			</textArea>

		</layout>		

		<layout name="landscape">
			<canvas w="1000" h="600" bg_color="transparent"/>
			<image name="image1" blend="normal" place="crop" visibility="visible" x="10" y="10" w="485" h="285" />
			<image name="image2" blend="normal" place="fit" visibility="visible" x="505" y="10" w="485" h="285" />
			<image name="image3" blend="normal" place="cover" visibility="visible" x="10" y="305" w="485" h="285" />

			<textArea name="label1" x="25" y="25" w="125" h="60" align="left" valign="top" shrink="0" wrap="0">
				<span name="label1_span1" fill="#bbbb00" size="42" leading="auto" tracking="0" font="Roboto-Bold" />
			</textArea>
			<textArea name="label2" x="525" y="25" w="125" h="60" align="left" valign="top" shrink="0" wrap="0">
			<span name="label2_span2" fill="#bbbb00" size="42" leading="auto" tracking="0" font="Roboto-Bold" />
			</textArea>
			<textArea name="label3" x="25" y="325" w="125" h="60" align="left" valign="top" shrink="0" wrap="0">
			<span name="label3_span3" fill="#bbbb00" size="42" leading="auto" tracking="0" font="Roboto-Bold" />
			</textArea>

		</layout>		

	</layouts>

	<variables>

		<!-- This is a reserved variable; cannot be removed but the default value can be changed -->
		<variable name="layout" type="template_layout" source="URL" default="square" />

		<variable name="image" type="image_src" source="URL" default="https://fwuygyqm.filerobot.com/philip-test/templates/birds.jpg?vh=7bf55b"/>

	</variables>


</template>

