Attempted to add CSS purge. Added source for data. Added border to co…

…ntact button.
mehtaabGill · May 20, 2020 · b2c2cda · b2c2cda
1 parent 36f9b32
commit b2c2cda
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 8 deletions.
diff --git a/postcss.config.js b/postcss.config.js
@@ -2,5 +2,12 @@ module.exports = {
     plugins: [
         require('autoprefixer'),
         require('tailwindcss')
-    ]
+    ],
+    purge: {
+        mode: 'all',
+        content: [
+            './src/**/*.html',
+            './src/**/*.vue'
+        ]
+    }
 }
diff --git a/public/index.html b/public/index.html
@@ -4,9 +4,8 @@
     <meta name="robots" content="index, follow">
     <meta charset="utf-8">
     <meta name="author" content="Mehtaab Gill">
-    <meta name="description"
-        content="A website built with Vue.js and Tailwind CSS for tracking covid-19 statistics.">
-    <meta>
+    <meta name="description" content="A website built with Vue.js and Tailwind CSS for tracking covid-19 statistics.">
+    <meta name="theme-color" content="#4dffd8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <!-- Primary Meta Tags -->

diff --git a/src/components/Footer.vue b/src/components/Footer.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="w-screen md:w-3/4 py-4 mx-auto">
-      <a href="mailto:mehtaabgill@hotmail.com" class="text-purple-400 font-bold">Contact Site Owner</a>
+      <a href="mailto:mehtaabgill@hotmail.com" class="text-purple-400 font-bold border-2 border-purple-400 rounded-md p-1">Contact Site Owner</a>
   </div>
 </template>
 

diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -3,7 +3,8 @@
       <h1 class="text-4xl text-white py-4 mx-auto font-semibold">Covid 19 Statistics</h1>
       <h1 class="font-bold">🌍 Global Statistics 🌍</h1>
       <GlobalStats class="mx-auto"/>
-      <h1 class="mx-auto text-gray-900">Developed By: <a href="https://github.com/mehtaabgill" target="blank" class="underline">Mehtaab Gill</a></h1>
+      <h1 class="mx-auto text-gray-900">Developed By: <a href="https://github.com/mehtaabGill" target="blank" class="underline">Mehtaab Gill</a></h1>
+      <h1 class="mx-auto text-gray-900">Data From: <a href="https://about-corona.net/" target="blank" class="underline">about-corona.net</a></h1>
   </div>
 </template>
 
@@ -19,13 +20,12 @@ export default {
 
 <style scoped>
   .main-div {
-    /*background: #3dccad; linear-gradient(180deg, #3bbfa2 0, #4dffd8 100%);*/
     background: linear-gradient(180deg, #41d3b3 0, #4dffd8 100%);
   }
 
   @media(max-width: 640px) {
     .main-div {
-      height: 75vh;
+      height: 80vh;
     }
   }
 </style>