From 55a110ac5a81d0f27278feb4d9ed2a7ff03b2522 Mon Sep 17 00:00:00 2001
From: tandpfun <dev.tandpfun@gmail.com>
Date: Thu, 18 Nov 2021 20:18:08 -0800
Subject: [PATCH] meta tags, better description

---
 nuxt.config.js                  |   8 +++++++-
 pages/index.vue                 |   6 +++---
 {assets/img => static}/logo.png | Bin
 3 files changed, 10 insertions(+), 4 deletions(-)
 rename {assets/img => static}/logo.png (100%)

diff --git a/nuxt.config.js b/nuxt.config.js
index f73e1ee..77d444a 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -14,7 +14,13 @@ export default {
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { hid: 'description', name: 'description', content: '' },
+      { name: 'description', content: 'Give your profile picture a hexagonal shape without having an NFT!' },
+      { name: 'keywords', content: 'NFT, twitter, avatar, maker, hexagon' },
+      { name: 'theme-color', content: '#ffffff' },
+      { name: 'og:url', content: 'https://nftavatar.thijs.gg' },
+      { name: 'og:image', content: '/logo.png' },
+      { name: 'twitter:image:src', content: '/logo.png' },
+      { name: 'twitter:card', content: 'summary_large_image' },
       { name: 'format-detection', content: 'telephone=no' },
     ],
     link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
diff --git a/pages/index.vue b/pages/index.vue
index 891c1a8..5044a01 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -3,9 +3,9 @@
     <div class="mb-8">
       <div class="max-w-5xl mx-auto mt-12">
         <div class="text-white text-center mb-8">
-          <img src="@/assets/img/logo.png" class="mx-auto h-24 mb-4" />
-          <h1 class="font-bold text-4xl">Fake Twitter NFT Avatar</h1>
-          <p class="font-semibold text-xl">Give your profile picture a hexagonal shape!</p>
+          <img src="/logo.png" class="mx-auto h-24 mb-4" />
+          <h1 class="font-bold text-4xl">Twitter NFT Avatar</h1>
+          <p class="font-semibold text-xl">Give your profile picture a hexagonal shape without an NFT!</p>
           <p class="text-md mt-1">
             Open source on <a class="text-blue-500 hover:text-blue-600 transition duration-50" href="https://github.com/tandpfun/nft-avatar" target="_blank">GitHub</a>. Made by
             <a class="text-blue-500 hover:text-blue-600 transition duration-50" href="https://twitter.com/cdngdev" target="_blank">@cdngdev</a>.
diff --git a/assets/img/logo.png b/static/logo.png
similarity index 100%
rename from assets/img/logo.png
rename to static/logo.png