page.headerData.ts

page.headerData {
		# Apple touch icons
	1424098000 = COA
	1424098000 {
			# iPhone
		10 = IMAGE
		10 {
			file = EXT:mypackage/Resources/Public/Images/apple-touch-icon.png
			file.width = 60
			file.height = 60
			layoutKey = apple-touch-icon
			layout {
				apple-touch-icon {
					element = <link rel="apple-touch-icon" href="###SRC###"###SELFCLOSINGTAGSLASH###>
				}
				apple-touch-icon-with-sizes {
					element = <link rel="apple-touch-icon" sizes="###WIDTH###x###HEIGHT###" href="###SRC###"###SELFCLOSINGTAGSLASH###>
				}
			}
		}

			# iPad
		20 < .10
		20.layoutKey = apple-touch-icon-with-sizes
		20.file.width = 76
		20.file.height = 76

			# iPhone Retina
		30 < .20
		30.file.width = 120
		30.file.height = 120

			# iPad Retina
		40 < .20
		40.file.width = 152
		40.file.height = 152
	}
		# msapplication
	1424099000 = COA
	1424099000 {
		10 = IMAGE
		10 {
			file = EXT:mypackage/Resources/Public/Images/msapplication.png
			file.width = 144
			file.height = 144
			layoutKey = msapplication-TileImage
			layout {
				msapplication-TileImage {
					element = <meta name="msapplication-TileImage" content="###SRC###"###SELFCLOSINGTAGSLASH###>
				}
				msapplication-square {
					element = <meta name="msapplication-square###WIDTH###x###HEIGHT###logo" content="###SRC###"###SELFCLOSINGTAGSLASH###>
				}
				msapplication-wide {
					element = <meta name="msapplication-wide###WIDTH###x###HEIGHT###logo" content="###SRC###"###SELFCLOSINGTAGSLASH###>
				}
			}
		}

		20 < .10
		20.layoutKey = msapplication-square
		20.file.width = 70
		20.file.height = 70

		30 < .20
		30.file.width = 150
		30.file.height = 150

		40 < .20
		40.file.width = 310
		40.file.height = 310

		50 < .20
		50.layoutKey = msapplication-wide
		50.file.width = 310
		50.file.height = 150c
	}
}