diff --git a/config/prod.env.js b/config/prod.env.js
index 2cda586..2d3bcc5 100644
--- a/config/prod.env.js
+++ b/config/prod.env.js
@@ -1,4 +1,8 @@
 "use strict";
+const package_json = require("../package.json")
+
 module.exports = {
   NODE_ENV: "\"production\"",
+  VERSION: JSON.stringify(package_json.version),
+  HOMEPAGE_URL: JSON.stringify(package_json.homepage)
 };
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index d1419e3..b21bfdf 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -58,6 +58,7 @@
     <div class="sidebar-section player-section">
       <player class="player" :width="guideSizeX" :height="guideSizeY" :offset="offset" @frames="(n)=>{slices=n}"/>
     </div>
+    <div class="footer"><a :href="env.HOMEPAGE_URL">Version: {{env.VERSION}}</a></div>
   </div>
 </template>
 
@@ -169,6 +170,10 @@ export default {
         return "~" + seconds + " seconds" + (mins > 0 ? (" (" + mins + "m " + secs + "s)") : "");
       }
     },
+    env: function () {
+      // eslint-disable-next-line no-undef
+      return process.env;
+    },
   },
   methods: {
     loadImage (e) {
@@ -233,4 +238,10 @@ export default {
 .player-section {
   border-bottom: none;
 }
+
+.footer {
+  position: absolute;
+  bottom: .5em;
+  left: .5em;
+}
 </style>