From 053567a7196f49ad8594eb453301c16be412d637 Mon Sep 17 00:00:00 2001
From: Luke Childs <lukechilds123@gmail.com>
Date: Thu, 10 Jan 2019 13:45:32 +0700
Subject: [PATCH] Add footer

---
 website/index.html | 13 +++++++++++++
 website/index.js   |  3 +++
 website/style.css  |  9 +++++++++
 3 files changed, 25 insertions(+)

diff --git a/website/index.html b/website/index.html
index 04af29e..5f898e2 100644
--- a/website/index.html
+++ b/website/index.html
@@ -95,6 +95,19 @@
       </div>
     </section>
 
+    <footer class="footer">
+      <div class="wrapper">
+        <span class="version">v1.1.3</span>
+        -
+        <a rel="noopener noreferrer" target="_blank" href="//github.com/lukechilds/doge-seed">Source code</a>
+        -
+        <a rel="noopener noreferrer" target="_blank" href="//github.com/lukechilds/doge-seed/issues">Report a bug</a>
+        <div class="me">
+          A thing by <a rel="noopener noreferrer" target="_blank" href="//twitter.com/lukechilds">@lukechilds</a>
+        </div>
+      </div>
+    </footer>
+
     <script async src="./index.js"></script>
   </body>
 </html>
diff --git a/website/index.js b/website/index.js
index 07ae1b5..02f2ceb 100644
--- a/website/index.js
+++ b/website/index.js
@@ -2,6 +2,7 @@ import 'babel-polyfill';
 import whenDomReady from 'when-dom-ready';
 import dogeSeed from '../';
 import noUiSlider from 'nouislider';
+import {version} from '../package.json';
 
 const bitsToWords = {
   128: 12,
@@ -14,6 +15,8 @@ const bitsToWords = {
 const main = async () => {
   await whenDomReady();
 
+  document.querySelector('.version').innerText = `v${version}`;
+
   const seedText = document.querySelector('.seed-text');
   const regenerateSeedButton = document.querySelector('.regenerate-seed');
 
diff --git a/website/style.css b/website/style.css
index 51076cd..3cd8c55 100644
--- a/website/style.css
+++ b/website/style.css
@@ -155,3 +155,12 @@ table.entropy-table td {
 table.entropy-table tr:nth-child(even) {
   background-color: rgba(255, 255, 255, 0.4);
 }
+
+.footer {
+  padding: 1em 0;
+  background: rgba(255, 255, 255, 0.5);
+}
+
+.footer .me {
+  float: right;
+}