chore: index.html

hoiheart · hoiheart · commit 9ed532f55dca · 2021-01-21T08:07:58.000+09:00
diff --git a/index.html b/index.html
@@ -4,18 +4,22 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Vue Diff</title>
+  <meta name="description" content="VueJS diff viewer plugin" />
+  <meta property="og:title" content="Vue Diff" />
+  <meta property="og:description" content="VueJS diff viewer plugin" />
+  <meta name="keywords" content="Vue diff, VueJS diff, Vue diff plugin, VueJS diff plugin, Vue diff viewer, VueJS diff viewer, diff viewer" />
   <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
   <meta name="google-site-verification" content="u7XrdGhKnDkPIIw867fVSCqMet0sjBwyu5aYpy8stuQ" />
 </head>
 <body class="bg-gray-900">
   <div class="p-12">
-    <h1 class="text-3xl font-extrabold text-gray-100">
-      Vue Diff
+    <div class="text-3xl font-extrabold text-gray-100">
+      <h1 class="inline-block">Vue Diff</h1>
       <!-- Place this tag where you want the button to render. -->
       <span style="display: inline-block; line-height: 0; margin: -4px 0 0 10px; vertical-align: middle; font-size: 0;">
         <a class="github-button" href="https://github.com/hoiheart/vue-diff" data-color-scheme="no-preference: dark; light: dark; dark: dark;" data-size="large" data-show-count="true" aria-label="Star hoiheart/vue-diff on GitHub">Star</a>
       </span>
-    </h1>
+    </div>
     <div id="app"></div>
   </div>
   <script type="module" src="/dev/main.ts"></script>
