more metatags / SEO

assets/images/pretendo-logo.svg

@@ -1,26 +1,39 @@
-<?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="128.000000pt" height="128.000000pt" viewBox="0 0 128.000000 128.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.15, written by Peter Selinger 2001-2017
-</metadata>
-<g transform="translate(0.000000,128.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M39 1257 l-34 -23 0 -594 0 -594 34 -23 c30 -21 46 -23 147 -23 l114
-0 0 369 c0 203 3 376 6 385 4 11 19 16 44 16 22 0 62 13 100 33 60 30 69 32
-169 32 97 0 111 -2 164 -29 71 -36 130 -99 165 -174 70 -154 -3 -346 -165
--428 -52 -26 -68 -29 -153 -29 -52 0 -107 3 -122 8 l-28 7 0 -95 0 -95 364 0
-c362 0 363 0 397 23 l34 23 0 594 0 594 -34 23 -34 23 -567 0 -567 0 -34 -23z
-m763 -217 c35 -11 92 -36 127 -57 65 -39 161 -133 161 -159 0 -33 -29 -21 -91
-40 -146 142 -349 191 -533 128 -63 -21 -89 -19 -84 6 4 19 77 48 152 62 71 12
-193 3 268 -20z m-57 -94 c28 -7 74 -25 103 -40 60 -30 152 -114 152 -139 0
--33 -23 -28 -68 15 -65 62 -98 83 -170 107 -73 25 -177 28 -248 6 -66 -20 -84
--19 -84 4 0 18 45 42 105 54 44 10 163 6 210 -7z"/>
-<path d="M555 686 c-38 -17 -91 -73 -104 -109 -6 -16 -11 -52 -11 -81 0 -112
-92 -193 210 -184 116 8 187 91 178 209 -5 65 -21 94 -82 143 -30 25 -47 31
--99 33 -38 2 -73 -2 -92 -11z"/>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 216.3 216.3" style="enable-background:new 0 0 216.3 216.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#673DB6;}
+	.st1{fill:#FFFFFF;}
+	.st2{display:none;}
+	.st3{display:inline;fill:#FFFFFF;}
+	.st4{display:inline;}
+</style>
+<g id="Layer_1">
+	<rect id="XMLID_158_" class="st0" width="216.3" height="216.3"/>
+	<g id="XMLID_6_">
+		<path id="XMLID_15_" class="st1" d="M71.2,34.4c-5.7,3-0.7,11.6,5,8.6c14.5-7.5,32.2-7.3,47.7-3.1c13.3,3.6,26.7,10.8,34.4,22.6
+			c3.5,5.4,12.1,0.4,8.6-5C148,28.2,101.3,18.8,71.2,34.4z"/>
+		<path id="XMLID_14_" class="st1" d="M181.1,45.2c-11.1-17.3-30.2-28.1-49.6-33.4c-22.3-6.2-47.7-6-68.6,4.9c-5.7,3-0.7,11.6,5,8.6
+			c18.5-9.7,41.2-9.3,60.8-3.9c16.8,4.6,34,13.8,43.6,28.8C175.9,55.7,184.5,50.7,181.1,45.2z"/>
+		<path id="XMLID_9_" class="st1" d="M104.7,47.8c-13.7,0-26.3,4.5-36.4,12.5H52.1c-3.9,0-7.5,2.9-7.5,6.9v132.7
+			c0,3.9,3.5,7.5,7.5,7.5h16.4c3.9,0,7.1-3.5,7.1-7.5v-40.4c8.6,4.8,18.5,7.5,29,7.5c33,0,59.7-26.6,59.7-59.6
+			S137.6,47.8,104.7,47.8z M104.7,141C86.1,141,71,125.9,71,107.3c0-18.6,15.1-33.7,33.7-33.7s33.7,15.1,33.7,33.7
+			C138.3,125.9,123.2,141,104.7,141z"/>
+	</g>
+</g>
+<g id="Layer_1_copy" class="st2">
+	<rect id="XMLID_293_" x="220" class="st3" width="216.3" height="216.3"/>
+	<g id="XMLID_4_" class="st4">
+		<path id="XMLID_5_" d="M287.2,34.4c-5.7,3-0.7,11.6,5,8.6c14.5-7.5,32.2-7.3,47.7-3.1c13.3,3.6,26.7,10.8,34.4,22.6
+			c3.5,5.4,12.1,0.4,8.6-5C364,28.2,317.3,18.8,287.2,34.4z"/>
+		<path id="XMLID_7_" d="M397.1,45.2c-11.1-17.3-30.2-28.1-49.6-33.4c-22.3-6.2-47.7-6-68.6,4.9c-5.7,3-0.7,11.6,5,8.6
+			c18.5-9.7,41.2-9.3,60.8-3.9c16.8,4.6,34,13.8,43.6,28.8C391.9,55.7,400.5,50.7,397.1,45.2z"/>
+		<path id="XMLID_13_" d="M320.7,47.8c-13.7,0-26.3,4.5-36.4,12.5h-16.1c-3.9,0-7.5,2.9-7.5,6.9v132.7c0,3.9,3.5,7.5,7.5,7.5h16.4
+			c3.9,0,7.1-3.5,7.1-7.5v-40.4c8.6,4.8,18.5,7.5,29,7.5c33,0,59.7-26.6,59.7-59.6S353.6,47.8,320.7,47.8z M320.7,141
+			c-18.6,0-33.7-15.1-33.7-33.7c0-18.6,15.1-33.7,33.7-33.7s33.7,15.1,33.7,33.7C354.3,125.9,339.2,141,320.7,141z"/>
+	</g>
+</g>
+<g id="Layer_2">
 </g>
 </svg>

assets/images/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Pretendo",
+    "short_name": "Pretendo",
+    "icons": [
+        {
+            "src": "/assets/images/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/images/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#673db6",
+    "background_color": "#673db6",
+    "display": "standalone"
+}

views/partials/metatags.hbs

@@ -1,11 +1,15 @@
 <!-- general -->
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<!-- windows/ios -->
+<!-- windows/ios/chrome -->
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <meta name="application-name" content="Pretendo">
 <meta name="msapplication-TileColor" content="#673AB7">
-<link rel="apple-touch-icon" href="/assets/pretendo_icon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
+<link rel="manifest" href="/assets/images/site.webmanifest">
+<meta name="theme-color" content="#673db6">
 <!-- open graph/embeds -->
 <meta property="og:title" content="Pretendo Network">
 <meta property="og:escription" content="Pretendo is a as close as possible recreation of the original Nintendo Network for 3ds and Wiiu. It is an replacement for if the original servers shut down.">
@@ -15,7 +19,7 @@
 <meta property="og:image:alt" content="Pretendo logo">
 <meta property="og:site_name" content="Pretendo">
 <!-- google seo -->
-<meta name="description" content="{{ page_description }}">
+<meta name="description" content="{{ description }}">
 <meta name="robots" content="index, follow">
 <!-- favicon -->
-<link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon" />
+<link rel="shortcut icon" href="/assets/images/favicon.ico">