note on settings, readme

README.md

@@ -2,6 +2,9 @@
 
 A desktop tool for Mac, Windows, and Linux made with Electron for viewing and exporting photo and video metadata online.
 
+The most current stable build is **2.2.0**.
+All of the builds (2.2.0 and later) can be found at [bit.ly/archermeta].
+
 To run the app as an executable:
 1. Navigate to the "Packaged App" folder in this github.
 2. Download and open the app using your current Operating System

js/settings.js

@@ -1,3 +1,6 @@
+const { version } = require('./package.json');
+var shell = require('electron').shell;
+
 function clearSettings() {
   document.getElementById('fav-settings-wrapper').innerHTML = ''
   document.getElementById('csv-settings-wrapper').innerHTML = ''
@@ -6,6 +9,13 @@ function clearSettings() {
 var database = electron.remote.getGlobal('sharedObj').db;
 
 function populate_settings_view(fields, favorite_fields, csv_fields) {
+
+  document.getElementById('version').innerHTML = version
+  $('#github_link').click(function(event) {
+      event.preventDefault();
+      shell.openExternal(this.href);
+  });
+
   var favwrapper = $("#fav-settings-wrapper")
   var csvwrapper = $("#csv-settings-wrapper")
   var options = ""

sections/new.html

@@ -6,7 +6,7 @@
 
 
       <div class="row">
-        <div class="col-xs-8">
+        <div class="col-xs-11">
           <h1 style="color: #3d3d3d; padding:0px; margin-top: 20px; margin-bottom: 20px;">Create a New Project</h1>
           <form id='new-project'>
             <div class="form-group input-group">

sections/settings.html

@@ -3,12 +3,20 @@
 
 <link href="css/settings.css" rel="stylesheet">
 
-<div class="row container-fluid" />
+<div class="row container-fluid">
   <div class="col">
     <h1 style="color: #3d3d3d"> Settings </h1>
   </div>
 </div>
 
+<div class="row container-fluid">
+  <div class="col" style="color:#888888; margin-left: 15px; ">
+    Find the code for Meta, and check if you have the most up-to-date version, at <a href="https://www.github.com/archerimpact/Meta" id="github_link" style="color:#aaaaaa">github.com/archerimpact/Meta</a>.
+    <br>
+    This is version <div id="version" style="display:inline"></div>. Don't worry, if you download a new version you'll still have all your data.
+  </div>
+</div>
+
 <div class="row container-fluid">
   <hr>
   <div class="col">