refactor: ui, clean minimal design

Signed-off-by: Ameya Shenoy <shenoy.ameya@gmail.com>

frontend/src/App.vue

@@ -38,13 +38,14 @@ body {
   padding: 0;
 }
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
-  background: #7f7fd5; /* fallback for old browsers */
-  background: -webkit-linear-gradient(to bottom, #7f7fd5, #86a8e7, #91eae4); /* Chrome 10-25, Safari 5.1-6 */
-  background: linear-gradient(to bottom, #7f7fd5, #86a8e7, #91eae4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 
 }
+
+a {
+  text-decoration: none;
+}
 </style>

frontend/src/components/Footer.vue

@@ -2,9 +2,11 @@
 
 <template>
   <div class="footer">
-    <div>Crafted with ☕ by Ameya Shenoy</div>
-    <div>Powered by Vue and K3s</div>
-    <div>© 2021</div>
+    <div>Crafted with ☕ by
+      <a href="https://codingcoffee.dev" target="_blank" rel="noopener noreferrer">
+        Ameya Shenoy
+      </a>
+    </div>
   </div>
 </template>
 
@@ -24,5 +26,6 @@
   text-align: center;
   position: absolute;
   font-weight: 600;
+  padding-bottom: 7px;
 }
 </style>

frontend/src/components/NavBar.vue

@@ -45,7 +45,6 @@ nav {
 .nav-links li a {
   text-decoration: none;
   font-size: 20px;
-  color: black;
   font-weight: bold;
 }
 </style>

frontend/src/views/Landing.vue

@@ -7,7 +7,8 @@
     </div>
     <div class="details">
       <h1>Bullish</h1>
-      <p>A simple webapp to explore Bhav Copy Equity data</p>
+      <h2>A simple webapp to explore Bhav Copy Equity data</h2>
+      <br/>
       <v-btn
         x-large
       >