Add footer with github star

package.json

@@ -17,6 +17,7 @@
     "moment": "^2.29.4",
     "mousetrap": "^1.6.5",
     "vue": "^3.2.37",
+    "vue-github-button": "^3.0.3",
     "vue-gtag": "^2.0.1",
     "vue-loading-overlay": "^5.0.3"
   },

src/App.vue

@@ -46,6 +46,25 @@
         </tr>
       </tbody>
     </table>
+    <footer class="fixed-bottom">
+      <div class="footer-left">
+        <input
+          class="form-check-input"
+          type="checkbox"
+          value=""
+          id="flexCheckDefault"
+          checked
+          disabled
+        />
+        Auto-refresh
+      </div>
+
+      <div class="footer-right">
+        <github-button href="https://github.com/davegallant/rfd-fyi"
+          >Star</github-button
+        >
+      </div>
+    </footer>
   </body>
 </template>
 
@@ -54,6 +73,7 @@ import axios from "axios";
 import moment from "moment";
 import Loading from "vue-loading-overlay";
 import Mousetrap from "mousetrap";
+import GithubButton from "vue-github-button";
 
 import "vue-loading-overlay/dist/vue-loading.css";
 
@@ -120,6 +140,7 @@ export default {
   },
   components: {
     Loading,
+    GithubButton,
   },
 };
 </script>

src/theme.css

@@ -175,8 +175,24 @@ a {
   color: #83a598; /**/
 }
 a:visited {
-  color: #d65d0e; /**/
+  color: #53514f; /**/
 }
 a:hover {
   color: #d65d03; /**/
 }
+
+footer {
+  background: #282828;
+  color: white;
+  padding: 3px;
+  padding-right: 10px;
+  padding-left: 10px;
+}
+
+.footer-left {
+  float: left;
+}
+
+.footer-right {
+  float: right;
+}

yarn.lock

@@ -3415,6 +3415,11 @@ get-stream@^6.0.0:
   resolved "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz"
   integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
 
+github-buttons@^2.21.1:
+  version "2.22.0"
+  resolved "https://registry.yarnpkg.com/github-buttons/-/github-buttons-2.22.0.tgz#b2669f8504ce5496ab37b7ce53e8ed01db9818bc"
+  integrity sha512-N5bk01s1WgK1FVtoeSUVkRkJpkaSu8yHMPcjye+PTa0jsRjMRNrYqVLgpUf2RA5Kvec05DfHYAT6/68fwkdqPw==
+
 glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
@@ -5888,6 +5893,13 @@ vue-functional-data-merge@^3.1.0:
   resolved "https://registry.yarnpkg.com/vue-functional-data-merge/-/vue-functional-data-merge-3.1.0.tgz#08a7797583b7f35680587f8a1d51d729aa1dc657"
   integrity sha512-leT4kdJVQyeZNY1kmnS1xiUlQ9z1B/kdBFCILIjYYQDqZgLqCLa0UhjSSeRX6c3mUe6U5qYeM8LrEqkHJ1B4LA==
 
+vue-github-button@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/vue-github-button/-/vue-github-button-3.0.3.tgz#073bdfe9d27f1ccd8b5e9f3633fe60cc7449d780"
+  integrity sha512-O2Kv5HxRMn1qqgt2sSy8N7y2C6WGOeICzgGj6y+JFcnLjorTTzNR8vY5abiPOYDiW03WZ/9hUIn7Gm9CG9pIuA==
+  dependencies:
+    github-buttons "^2.21.1"
+
 vue-gtag@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/vue-gtag/-/vue-gtag-2.0.1.tgz#d4dc1b9cf79809c37ce844824c0f7fa97af520dd"