Display version; print version and documentation URL

README.md

@@ -17,7 +17,6 @@ Currently deployment is manual, so the site may not reflect the latest changes.
 
 * Improve styling/responsiveness
 * Print options (A4 size, etc.)
-* Display version
 * Improve test coverage
 * Rituals
 * Techniques (clear if change Generation)

src/components/App.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { version } from '../constants/application';
 import {
   skillTraitNames,
   skillTraitDisplayNameOverride,
@@ -24,7 +25,10 @@ import styles from './App.module.css';
 
 const App = () => (
   <div className="container-fluid">
-    <h1>Embracer</h1>
+    <h1>
+      Embracer
+      <span className={styles.version}> v{version}</span>
+    </h1>
     <ExportDocumentContainer />
     <SettingContainer />
     <Section header="Character">

src/components/App.module.css

@@ -1,3 +1,7 @@
 .attribution {
   font-size: x-small;
 }
+
+.version {
+  font-size: small;
+}

src/constants/application.js

@@ -0,0 +1,3 @@
+// General application constants.
+export const version = '0.9.0';
+export const docUrl = 'https://github.com/TrueWill/embracer';

src/utils/exportPdf.js

@@ -4,6 +4,7 @@ import { capitalizeFirstLetter } from './stringUtils';
 import * as simple from '../selectors/simple';
 import getGenerationDetails from '../selectors/getGenerationDetails';
 import getXP from '../selectors/getXP';
+import { version, docUrl } from '../constants/application';
 import {
   attributeTraitNames,
   attributeMaxDots,
@@ -20,6 +21,7 @@ import {
 // Units are mm
 const sizeUSLetter = [279.4, 215.9];
 const pageWidth = sizeUSLetter[1];
+const pageHeight = sizeUSLetter[0];
 const topMargin = 20;
 const leftMargin = 15;
 const columnWidth = 55;
@@ -433,6 +435,12 @@ const printStatus = doc => {
   printColumnHeaderLine(doc, 'Status', column3XPosition);
 };
 
+const printFooter = doc => {
+  currentYPosition = pageHeight - topMargin + 10;
+
+  print(doc, `Created by Embracer v${version}  ${docUrl}`, column1XPosition);
+};
+
 const exportPdf = state => {
   const doc = new jsPDF({
     unit: 'mm',
@@ -465,6 +473,7 @@ const exportPdf = state => {
   printXP(doc, state);
   printBeastTraits(doc);
   printStatus(doc);
+  printFooter(doc);
 
   // Downloads
   doc.save('character.pdf');