add icons

gulpfile.js

@@ -78,7 +78,9 @@ gulp.task('manifest', function () {
         'dist/css/**',
         'dist/js/**',
         'dist/fonts/fontawesome-webfont.woff2',
-        'dist/*.html'
+        'dist/*.html',
+        'dist/*.ico',
+        'dist/*.png'
     ], {base: 'dist/'})
         .pipe($.manifest({
             hash: true,
@@ -116,6 +118,8 @@ gulp.task('serve', ['styles', 'scripts', 'fonts'], function () {
 
     gulp.watch([
         'src/*.html',
+        'src/*.ico',
+        'src/*.png',
         'src/langs/*.txt',
         'src/views/*.html',
         'src/imgs/**/*',

src/index.html

@@ -5,13 +5,19 @@
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" name="viewport">
+    <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-capable" content="yes"/>
     <meta name="apple-mobile-web-app-title" content="AriaNg"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
-    <meta name="description" content="Aria2 Ng Frontend">
+    <meta name="msapplication-TileColor" content="#3c4852">
+    <meta name="msapplication-TileImage" content="tileicon.png">
+    <meta name="description" content="AriaNg, a modern web frontend making aria2 easier to use.">
     <meta name="theme-color" content="#3c4852">
     <meta name="format-detection" content="telephone=no"/>
     <title>AriaNg</title>
+    <link rel="icon" href="favicon.png">
+    <!--[if IE]><link rel="shortcut icon" href="favicon.ico"><![endif]-->
+    <link rel="apple-touch-icon" href="touchicon.png">
     <!-- build:css css/bootstrap-3.3.7.min.css -->
     <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css"/>
     <!-- endbuild -->