add HTML 5 branding icons

3 years ago · bb743e81ae
43 changed files with 168 additions and 20 deletions
--- a/browserconfig.xml
+++ b/browserconfig.xml
@ -0,0 +1,12 @@
				@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/image/icon/mstile-70x70.png"/>
+            <square150x150logo src="/image/icon/mstile-150x150.png"/>
+            <square310x310logo src="/image/icon/mstile-310x310.png"/>
+            <wide310x150logo src="/image/icon/mstile-310x150.png"/>
+            <TileColor>#4a5466</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
--- a/cloud.html
+++ b/cloud.html
@ -3,8 +3,18 @@
				@@ -3,8 +3,18 @@
 <head>
  <meta charset="UTF-8">
  <title>Twisterarmy - Cloud Resources</title>
-  <link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
-  <link rel="icon" href="/image/favicon.ico" type="image/x-icon">
+  <link rel="shortcut icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/image/icon/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/image/icon/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
+  <link rel="mask-icon" href="/image/icon/safari-pinned-tab.svg" color="#4a5466" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/image/icon/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="Twisterarmy" />
+  <meta name="application-name" content="Twisterarmy" />
+  <meta name="msapplication-TileColor" content="#4a5466" />
+  <meta name="msapplication-TileImage" content="/image/icon/mstile-144x144.png" />
+  <meta name="theme-color" content="#ffffff" />
  <link rel="stylesheet" type="text/css" href="/css/font.css" />
  <link rel="stylesheet" type="text/css" href="/css/bi.css?v=2" />
  <link rel="stylesheet" type="text/css" href="/css/common.css?v=6" />
--- a/guide.html
+++ b/guide.html
@ -3,8 +3,18 @@
				@@ -3,8 +3,18 @@
 <head>
  <meta charset="UTF-8">
  <title>Twisterarmy - Guide</title>
-  <link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
-  <link rel="icon" href="/image/favicon.ico" type="image/x-icon">
+  <link rel="shortcut icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/image/icon/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/image/icon/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
+  <link rel="mask-icon" href="/image/icon/safari-pinned-tab.svg" color="#4a5466" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/image/icon/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="Twisterarmy" />
+  <meta name="application-name" content="Twisterarmy" />
+  <meta name="msapplication-TileColor" content="#4a5466" />
+  <meta name="msapplication-TileImage" content="/image/icon/mstile-144x144.png" />
+  <meta name="theme-color" content="#ffffff" />
  <link rel="stylesheet" type="text/css" href="/css/font.css" />
  <link rel="stylesheet" type="text/css" href="/css/bi.css?v=2" />
  <link rel="stylesheet" type="text/css" href="/css/common.css?v=6" />
--- a/image/favicon.ico
+++ b/image/favicon.ico
--- a/image/icon/android-chrome-192x192.png
+++ b/image/icon/android-chrome-192x192.png
--- a/image/icon/apple-touch-icon-114x114-precomposed.png
+++ b/image/icon/apple-touch-icon-114x114-precomposed.png
--- a/image/icon/apple-touch-icon-114x114.png
+++ b/image/icon/apple-touch-icon-114x114.png
--- a/image/icon/apple-touch-icon-120x120-precomposed.png
+++ b/image/icon/apple-touch-icon-120x120-precomposed.png
--- a/image/icon/apple-touch-icon-120x120.png
+++ b/image/icon/apple-touch-icon-120x120.png
--- a/image/icon/apple-touch-icon-144x144-precomposed.png
+++ b/image/icon/apple-touch-icon-144x144-precomposed.png
--- a/image/icon/apple-touch-icon-144x144.png
+++ b/image/icon/apple-touch-icon-144x144.png
--- a/image/icon/apple-touch-icon-152x152-precomposed.png
+++ b/image/icon/apple-touch-icon-152x152-precomposed.png
--- a/image/icon/apple-touch-icon-152x152.png
+++ b/image/icon/apple-touch-icon-152x152.png
--- a/image/icon/apple-touch-icon-180x180-precomposed.png
+++ b/image/icon/apple-touch-icon-180x180-precomposed.png
--- a/image/icon/apple-touch-icon-180x180.png
+++ b/image/icon/apple-touch-icon-180x180.png
--- a/image/icon/apple-touch-icon-57x57-precomposed.png
+++ b/image/icon/apple-touch-icon-57x57-precomposed.png
--- a/image/icon/apple-touch-icon-57x57.png
+++ b/image/icon/apple-touch-icon-57x57.png
--- a/image/icon/apple-touch-icon-60x60-precomposed.png
+++ b/image/icon/apple-touch-icon-60x60-precomposed.png
--- a/image/icon/apple-touch-icon-60x60.png
+++ b/image/icon/apple-touch-icon-60x60.png
--- a/image/icon/apple-touch-icon-72x72-precomposed.png
+++ b/image/icon/apple-touch-icon-72x72-precomposed.png
--- a/image/icon/apple-touch-icon-72x72.png
+++ b/image/icon/apple-touch-icon-72x72.png
--- a/image/icon/apple-touch-icon-76x76-precomposed.png
+++ b/image/icon/apple-touch-icon-76x76-precomposed.png
--- a/image/icon/apple-touch-icon-76x76.png
+++ b/image/icon/apple-touch-icon-76x76.png
--- a/image/icon/apple-touch-icon-precomposed.png
+++ b/image/icon/apple-touch-icon-precomposed.png
--- a/image/icon/apple-touch-icon.png
+++ b/image/icon/apple-touch-icon.png
--- a/image/icon/favicon-16x16.png
+++ b/image/icon/favicon-16x16.png
--- a/image/icon/favicon-32x32.png
+++ b/image/icon/favicon-32x32.png
--- a/image/icon/favicon.ico
+++ b/image/icon/favicon.ico
--- a/image/icon/mstile-144x144.png
+++ b/image/icon/mstile-144x144.png
--- a/image/icon/mstile-150x150.png
+++ b/image/icon/mstile-150x150.png
--- a/image/icon/mstile-310x150.png
+++ b/image/icon/mstile-310x150.png
--- a/image/icon/mstile-310x310.png
+++ b/image/icon/mstile-310x310.png
--- a/image/icon/mstile-70x70.png
+++ b/image/icon/mstile-70x70.png
--- a/image/icon/safari-pinned-tab.svg
+++ b/image/icon/safari-pinned-tab.svg
@ -0,0 +1,22 @@
				@@ -0,0 +1,22 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="200.000000pt" height="200.000000pt" viewBox="0 0 200.000000 200.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M880 1994 c-188 -35 -299 -76 -427 -159 -211 -138 -362 -352 -426
+-605 -30 -121 -30 -339 0 -460 94 -373 370 -649 743 -743 121 -30 339 -30 460
+0 373 94 649 370 743 743 30 121 30 339 0 460 -94 371 -372 650 -738 741 -77
+20 -297 34 -355 23z m580 -664 l0 -50 -430 0 -430 0 0 50 0 50 430 0 430 0 0
+-50z m-120 -145 l0 -55 -310 0 -310 0 0 55 0 55 310 0 310 0 0 -55z m-170
+-150 l0 -55 -260 0 -260 0 0 55 0 55 260 0 260 0 0 -55z m-50 -140 l0 -55
+-150 0 -150 0 0 55 0 55 150 0 150 0 0 -55z m50 -150 l0 -55 -140 0 -140 0 0
+55 0 55 140 0 140 0 0 -55z m-80 -145 l0 -50 -55 0 -55 0 0 50 0 50 55 0 55 0
+0 -50z"/>
+</g>
+</svg>
--- a/index.html
+++ b/index.html
@ -3,8 +3,18 @@
				@@ -3,8 +3,18 @@
 <head>
  <meta charset="UTF-8" />
  <title>Twisterarmy - Community Twister Movement</title>
-  <link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
-  <link rel="icon" href="/image/favicon.ico" type="image/x-icon">
+  <link rel="shortcut icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/image/icon/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/image/icon/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
+  <link rel="mask-icon" href="/image/icon/safari-pinned-tab.svg" color="#4a5466" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/image/icon/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="Twisterarmy" />
+  <meta name="application-name" content="Twisterarmy" />
+  <meta name="msapplication-TileColor" content="#4a5466" />
+  <meta name="msapplication-TileImage" content="/image/icon/mstile-144x144.png" />
+  <meta name="theme-color" content="#ffffff" />
  <link rel="stylesheet" type="text/css" href="/css/font.css" />
  <link rel="stylesheet" type="text/css" href="/css/bi.css?v=2" />
  <link rel="stylesheet" type="text/css" href="/css/common.css?v=6" />
--- a/install.html
+++ b/install.html
@ -3,8 +3,18 @@
				@@ -3,8 +3,18 @@
 <head>
  <meta charset="UTF-8">
  <title>Twisterarmy - Quick Start</title>
-  <link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
-  <link rel="icon" href="/image/favicon.ico" type="image/x-icon">
+  <link rel="shortcut icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/image/icon/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/image/icon/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
+  <link rel="mask-icon" href="/image/icon/safari-pinned-tab.svg" color="#4a5466" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/image/icon/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="Twisterarmy" />
+  <meta name="application-name" content="Twisterarmy" />
+  <meta name="msapplication-TileColor" content="#4a5466" />
+  <meta name="msapplication-TileImage" content="/image/icon/mstile-144x144.png" />
+  <meta name="theme-color" content="#ffffff" />
  <link rel="stylesheet" type="text/css" href="/css/font.css" />
  <link rel="stylesheet" type="text/css" href="/css/bi.css?v=2" />
  <link rel="stylesheet" type="text/css" href="/css/common.css?v=6" />
--- a/network.html
+++ b/network.html
@ -3,8 +3,18 @@
				@@ -3,8 +3,18 @@
 <head>
  <meta charset="UTF-8" />
  <title>Twisterarmy - Network Monitor</title>
-  <link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
-  <link rel="icon" href="/image/favicon.ico" type="image/x-icon">
+  <link rel="shortcut icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/image/icon/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/image/icon/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
+  <link rel="mask-icon" href="/image/icon/safari-pinned-tab.svg" color="#4a5466" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/image/icon/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="Twisterarmy" />
+  <meta name="application-name" content="Twisterarmy" />
+  <meta name="msapplication-TileColor" content="#4a5466" />
+  <meta name="msapplication-TileImage" content="/image/icon/mstile-144x144.png" />
+  <meta name="theme-color" content="#ffffff" />
  <link rel="stylesheet" type="text/css" href="/css/font.css" />
  <link rel="stylesheet" type="text/css" href="/css/bi.css?v=2" />
  <link rel="stylesheet" type="text/css" href="/css/common.css?v=6" />
--- a/site.webmanifest
+++ b/site.webmanifest
@ -0,0 +1,14 @@
				@@ -0,0 +1,14 @@
+{
+    "name": "Twisterarmy",
+    "short_name": "Twisterarmy",
+    "icons": [
+        {
+            "src": "/image/icons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
--- a/uk/cloud.html
+++ b/uk/cloud.html
@ -3,8 +3,18 @@
				@@ -3,8 +3,18 @@
 <head>
  <meta charset="UTF-8">
  <title>Twisterarmy - Хмарні ресурси</title>
-  <link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
-  <link rel="icon" href="/image/favicon.ico" type="image/x-icon">
+  <link rel="shortcut icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/image/icon/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/image/icon/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
+  <link rel="mask-icon" href="/image/icon/safari-pinned-tab.svg" color="#4a5466" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/image/icon/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="Twisterarmy" />
+  <meta name="application-name" content="Twisterarmy" />
+  <meta name="msapplication-TileColor" content="#4a5466" />
+  <meta name="msapplication-TileImage" content="/image/icon/mstile-144x144.png" />
+  <meta name="theme-color" content="#ffffff" />
  <link rel="stylesheet" type="text/css" href="/css/font.css" />
  <link rel="stylesheet" type="text/css" href="/css/bi.css?v=2" />
  <link rel="stylesheet" type="text/css" href="/css/common.css?v=6" />
--- a/uk/guide.html
+++ b/uk/guide.html
@ -3,8 +3,18 @@
				@@ -3,8 +3,18 @@
 <head>
  <meta charset="UTF-8">
  <title>Twisterarmy - Посібник</title>
-  <link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
-  <link rel="icon" href="/image/favicon.ico" type="image/x-icon">
+  <link rel="shortcut icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/image/icon/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/image/icon/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
+  <link rel="mask-icon" href="/image/icon/safari-pinned-tab.svg" color="#4a5466" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/image/icon/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="Twisterarmy" />
+  <meta name="application-name" content="Twisterarmy" />
+  <meta name="msapplication-TileColor" content="#4a5466" />
+  <meta name="msapplication-TileImage" content="/image/icon/mstile-144x144.png" />
+  <meta name="theme-color" content="#ffffff" />
  <link rel="stylesheet" type="text/css" href="/css/font.css" />
  <link rel="stylesheet" type="text/css" href="/css/bi.css?v=2" />
  <link rel="stylesheet" type="text/css" href="/css/common.css?v=6" />
--- a/uk/index.html
+++ b/uk/index.html
@ -3,8 +3,18 @@
				@@ -3,8 +3,18 @@
 <head>
  <meta charset="UTF-8" />
  <title>Twisterarmy - Громадський рух Twister</title>
-  <link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
-  <link rel="icon" href="/image/favicon.ico" type="image/x-icon">
+  <link rel="shortcut icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/image/icon/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/image/icon/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
+  <link rel="mask-icon" href="/image/icon/safari-pinned-tab.svg" color="#4a5466" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/image/icon/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="Twisterarmy" />
+  <meta name="application-name" content="Twisterarmy" />
+  <meta name="msapplication-TileColor" content="#4a5466" />
+  <meta name="msapplication-TileImage" content="/image/icon/mstile-144x144.png" />
+  <meta name="theme-color" content="#ffffff" />
  <link rel="stylesheet" type="text/css" href="/css/font.css" />
  <link rel="stylesheet" type="text/css" href="/css/bi.css?v=2" />
  <link rel="stylesheet" type="text/css" href="/css/common.css?v=6" />
--- a/uk/install.html
+++ b/uk/install.html
@ -3,8 +3,18 @@
				@@ -3,8 +3,18 @@
 <head>
  <meta charset="UTF-8">
  <title>Twisterarmy - Встановлення</title>
-  <link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
-  <link rel="icon" href="/image/favicon.ico" type="image/x-icon">
+  <link rel="shortcut icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/image/icon/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/image/icon/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
+  <link rel="mask-icon" href="/image/icon/safari-pinned-tab.svg" color="#4a5466" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/image/icon/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="Twisterarmy" />
+  <meta name="application-name" content="Twisterarmy" />
+  <meta name="msapplication-TileColor" content="#4a5466" />
+  <meta name="msapplication-TileImage" content="/image/icon/mstile-144x144.png" />
+  <meta name="theme-color" content="#ffffff" />
  <link rel="stylesheet" type="text/css" href="/css/font.css" />
  <link rel="stylesheet" type="text/css" href="/css/bi.css?v=2" />
  <link rel="stylesheet" type="text/css" href="/css/common.css?v=6" />
--- a/uk/network.html
+++ b/uk/network.html
@ -3,8 +3,18 @@
				@@ -3,8 +3,18 @@
 <head>
  <meta charset="UTF-8" />
  <title>Twisterarmy - Мережа</title>
-  <link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
-  <link rel="icon" href="/image/favicon.ico" type="image/x-icon">
+  <link rel="shortcut icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="/image/icon/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/image/icon/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/image/icon/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
+  <link rel="mask-icon" href="/image/icon/safari-pinned-tab.svg" color="#4a5466" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/image/icon/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="Twisterarmy" />
+  <meta name="application-name" content="Twisterarmy" />
+  <meta name="msapplication-TileColor" content="#4a5466" />
+  <meta name="msapplication-TileImage" content="/image/icon/mstile-144x144.png" />
+  <meta name="theme-color" content="#ffffff" />
  <link rel="stylesheet" type="text/css" href="/css/font.css" />
  <link rel="stylesheet" type="text/css" href="/css/bi.css?v=2" />
  <link rel="stylesheet" type="text/css" href="/css/common.css?v=6" />