feat: add meta information to head

src/App.vue

@@ -307,7 +307,62 @@ export default {
       clothes: this.getClothesPics()
     };
   },
-  mixins: [Sebin, Helper]
+  mixins: [Sebin, Helper],
+  metaInfo: {
+    title: "Sebin Nyshkim - Reference Page",
+    link: [
+      { rel: "favicon", href: "/img/sebin-smug-icon.png" },
+      { rel: "icon", href: "/img/sebin-smug-icon.png" }
+    ],
+    meta: [
+      { charset: "utf-8" },
+      {
+        name: "twitter:card",
+        content: "summary"
+      },
+      {
+        name: "twitter:creator",
+        content: "@SebinNyshkim"
+      },
+      {
+        name: "twitter:description",
+        content:
+          "Learn everything about your favorite neighborhood derg, down the the minute details!"
+      },
+      {
+        name: "twitter:title",
+        content: "Sebin Nyshkim - Reference Page"
+      },
+      {
+        name: "twitter:image",
+        content: "http://ref.sebin-nyshkim.net/img/sebin-smug-icon.png"
+      },
+      {
+        property: "og:title",
+        content: "Sebin Nyshkim - Reference Page"
+      },
+      {
+        property: "og:type",
+        content: "website"
+      },
+      {
+        property: "og:url",
+        content: "http://ref.sebin-nyshkim.net"
+      },
+      {
+        property: "og:image",
+        content: "http://ref.sebin-nyshkim.net/img/sebin-smug-icon.png"
+      },
+      {
+        property: "og:description",
+        content:
+          "Learn everything about your favorite neighborhood derg, down the the minute details!"
+      }
+    ],
+    htmlAttrs: {
+      lang: "en"
+    }
+  }
 };
 </script>
 
@@ -332,7 +387,7 @@ export default {
     font-size: 1.25em;
   }
 
-  @media (min-width: 60em) {
+  @media (min-width: 160em) {
     font-size: 1.5em;
   }
 }