Merge pull request #3 from macromanhq/dev

First Release Version
macromanhq · May 10, 2024 · 515cb53 · 515cb53
2 parents 38675b4 + b61970c
commit 515cb53
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/public/index.html b/public/index.html
@@ -4,10 +4,12 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="description" content="A Simple Emoji Search engine, search though all unicode emojis in seconds and use them anywhere you can copy paste">
+    <meta name="robot" content="index, follow">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>A simple effective emoji search engine</title>
   </head>
-  <body class="h-full">
+  <body class="min-h-screen">
     <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>

diff --git a/src/components/FooterBar.vue b/src/components/FooterBar.vue
@@ -2,15 +2,21 @@
     <div class="bg-white py-8 sm:py-8">
         <div class="mx-auto max-w-7xl px-6 lg:px-8">
             <div class="mx-auto max-w-2xl lg:text-center">
-                <h2 class="text-base font-semibold leading-7 text-indigo-600">Emoji Search</h2>
+                <h1 class="text-base font-semibold leading-7 text-indigo-600">Emoji Search</h1>
                 <p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">A simple yet super useful
                     emoji search.</p>
                 <p class="mt-6 text-lg leading-8 text-gray-600">Search the emoji you want, click to copy to your
                     clipboard.<br>Its that simple</p>
+                <p class="mt-6 text-lg leading-8 text-gray-600">
+                    Emojis are not just fun; they are also a powerful way to enhance your communication. They help clarify your tone, prevent misunderstandings, and make your text conversations much more engaging. Emojis are a universal language that transcends borders, making your communications more inclusive and expressive.
+                </p>    
             </div>
         </div>
+
     </div>
-    <nav class="bg-white">
+    <!-- component -->
+
+    <nav class="bg-white sticky top-[100vh]">
         <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
             <div class="flex h-16 items-center justify-center">
                 <div class="flex items-center">

diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
@@ -3,7 +3,7 @@
     <div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
       <div class="results mt-3">
         <div class="flex justify-normal flex-wrap">
-          <div class="cursor-pointer hover:bg-gray-700 p-2 rounded text-xl antialiased" v-for="emoji in emojis"
+          <div class="border border-gray-200 cursor-pointer hover:bg-gray-700 p-2 m-1 rounded text-xl antialiased bg-white" v-for="emoji in emojis"
             :key="emoji.index" @click="copyToClipboard(emoji.emoji)">
             {{ emoji.emoji }}
           </div>