Add apple-touch-icon to docs build

Author: Shuwen Qian

apple-ipad-icon@2x.png

@@ -8,6 +8,8 @@
 	<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1"/>
 	<title>Strand Web Components</title>
 	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
+	<link rel="apple-touch-icon" href="apple-iphone-icon@2x.png" sizes="120x120" type="image/png" />
+	<link rel="apple-touch-icon" href="apple-ipad-icon@2x.png" sizes="152x152" type="image/png" />
 	<script language="javascript" src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
 	<link rel="stylesheet" type="text/css" href="docs.css"/>
 	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/styles/github.min.css">

apple-iphone-icon@2x.png

@@ -26,12 +26,13 @@
 		});
 
 		gulp.task('copy:docs', function() {
-			var assets = gulp.src(j(C.DOCS,'/images/**'),{base:C.DOCS});
+			var assets = gulp.src(j(C.DOCS,'/images/*.svg'),{base:C.DOCS});
 			var cname = gulp.src('CNAME');
 			var license = gulp.src('LICENSE.txt');
+			var touchIcons = gulp.src('apple-*.png');
 			var favicon = gulp.src('favicon.ico');
 
-			var merged_static = merge(assets, cname, license, favicon)
+			var merged_static = merge(assets, cname, license, touchIcons, favicon)
 				.pipe(gulp.dest(C.BUILD_DOCS));
 
 			var bower_components = gulp.src([j(C.BOWER,'/webcomponentsjs/**/*'), j(C.BOWER,'/polymer/**/*')], {base:C.BOWER})