Adding Favicon (remoteintech#505)

EchoJoker · Dec 21, 2018 · 19d89c0 · 19d89c0
1 parent c211527
commit 19d89c0
Show file tree

Hide file tree

Showing 21 changed files with 96 additions and 0 deletions.
diff --git a/bin/build-site.js b/bin/build-site.js
@@ -209,6 +209,13 @@ async function buildSite() {
 		url: copyAssetToBuild( 'companies-table.js' ),
 	} ];
 
+	// Copy favicon files
+	console.log( 'Copying favicon files' );
+	const faviconPath = path.join( sitePath, 'assets', 'favicon-package' );
+	fs.readdirSync( faviconPath ).forEach( f => {
+		fs.copyFileSync( path.join( faviconPath, f ), path.join( siteBuildPath, f ) );
+	} );
+
 	// Generate the index.html file from the main README
 	// TODO: Build this page and its table dynamically; more filters
 	const readmeTemplate = swig.compileFile(

diff --git a/site/assets/favicon-package/android-chrome-192x192.png b/site/assets/favicon-package/android-chrome-192x192.png
diff --git a/site/assets/favicon-package/android-chrome-512x512.png b/site/assets/favicon-package/android-chrome-512x512.png
diff --git a/site/assets/favicon-package/apple-touch-icon.png b/site/assets/favicon-package/apple-touch-icon.png
diff --git a/site/assets/favicon-package/browserconfig.xml b/site/assets/favicon-package/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/site/assets/favicon-package/favicon-16x16.png b/site/assets/favicon-package/favicon-16x16.png
diff --git a/site/assets/favicon-package/favicon-192x192.png b/site/assets/favicon-package/favicon-192x192.png
diff --git a/site/assets/favicon-package/favicon-32x32.png b/site/assets/favicon-package/favicon-32x32.png
diff --git a/site/assets/favicon-package/favicon.ico b/site/assets/favicon-package/favicon.ico
diff --git a/site/assets/favicon-package/mstile-144x144.png b/site/assets/favicon-package/mstile-144x144.png
diff --git a/site/assets/favicon-package/mstile-150x150.png b/site/assets/favicon-package/mstile-150x150.png
diff --git a/site/assets/favicon-package/mstile-310x150.png b/site/assets/favicon-package/mstile-310x150.png
diff --git a/site/assets/favicon-package/mstile-310x310.png b/site/assets/favicon-package/mstile-310x310.png
diff --git a/site/assets/favicon-package/mstile-70x70.png b/site/assets/favicon-package/mstile-70x70.png
diff --git a/site/assets/favicon-package/safari-pinned-tab.svg b/site/assets/favicon-package/safari-pinned-tab.svg
diff --git a/site/assets/favicon-package/site.webmanifest b/site/assets/favicon-package/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/site/assets/favicon.png b/site/assets/favicon.png
diff --git a/site/assets/favicon.sketch b/site/assets/favicon.sketch
diff --git a/site/assets/favicon.svg b/site/assets/favicon.svg
diff --git a/site/assets/remoteintech.png b/site/assets/remoteintech.png
diff --git a/site/templates/base.html b/site/templates/base.html
@@ -3,13 +3,22 @@
 	<head>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<link rel="shortcut icon" href="/assets/remoteintech.png" type="image/x-icon" />
 		<title>{% block pageTitle %}{% endblock %} &#8211; Remote In Tech</title>
 		{%- for stylesheet in stylesheets %}
 			<link rel="stylesheet" type="text/css" href="{{ stylesheet.url }}" />
 		{%- endfor %}
 		{%- for script in scripts %}
 			<script type="text/javascript" src="{{ script.url }}"></script>
 		{%- endfor %}
+		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+		<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+		<link rel="manifest" href="/site.webmanifest">
+		<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+		<meta name="msapplication-TileColor" content="#da532c">
+		<meta name="theme-color" content="#ffffff">
 	</head>
 	<body class="page no-sidebar custom-background">
 		<div id="page" class="hfeed site">