typo3 typoscript - header information for mobile devices

mobile-setup.ts

# mobile device meta
headerData.5 = COA
headerData.5 {
	# general meta tags
	1 = TEXT
	1.value (
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
	)
	
	# favicon
	16 = IMG_RESOURCE
	16.file = fileadmin/templates/hauptsache/Resources/Public/Images/favicon2.png
	16.file.width = 16
	16.file.height = 16
	16.stdWrap.wrap = <link rel="shortcut icon" href="|" type="image/png; charset=binary">
	
	# bigger icon
	128 < .16
	128.file.width = 128
	128.file.height = 128
	128.stdWrap.wrap = <link rel="icon" href="|" type="image/png; charset=binary">
	
	# apple icons
	60 < .128
	60.file.params = -background white
	60.file.width = 60
	60.file.height = 60
	60.stdWrap.wrap = <link rel="apple-touch-icon" href="|">
	
	76 < .60
	76.file.width = 76
	76.file.height = 76
	76.stdWrap.wrap = <link rel="apple-touch-icon" sizes="76x76" href="|">
	
	120 < .76
	120.file.width = 120
	120.file.height = 120
	120.stdWrap.wrap = <link rel="apple-touch-icon" sizes="120x120" href="|">
	
	152 < .120
	152.file.width = 152
	152.file.height = 152
	152.stdWrap.wrap = <link rel="apple-touch-icon" sizes="152x152" href="|">
	
	# startup icon
	320 < .152
	320.file.width = 320
	320.file.height = 480m
	320.stdWrap.wrap = <link rel="apple-touch-startup-image" href="|">
}