Add footer

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>

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');
 

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;
+}