timprove form for history - cosmo - front and backend for Markov-Chain Monte Carlo inversion of cosmogenic nuclide concentrations (HTM) git clone git://src.adamsgaard.dk/cosmo (DIR) Log (DIR) Files (DIR) Refs (DIR) README (DIR) LICENSE --- (DIR) commit 399d1699941a698db30ed02e645c78722dfb3248 (DIR) parent 784889471ae02430ecb3b8b1cd1020cc2da32bf7 (HTM) Author: Anders Damsgaard <anders.damsgaard@geo.au.dk> Date: Tue, 11 Aug 2015 21:42:05 +0200 improve form for history Diffstat: M pages/front.html | 11 +++++++---- M pages/history.html | 78 ++++++++++++++++++++++++++----- 2 files changed, 74 insertions(+), 15 deletions(-) --- (DIR) diff --git a/pages/front.html b/pages/front.html t@@ -23,17 +23,20 @@ </div> <div class="row center"> - <div class="col s12 m6"> + <div class="col s12 m12"> <a href="#/exposure-age" - class="btn-large waves-effect waves-light orange"> + class="btn-large waves-effect waves-light orange darken-4"> <i class="material-icons left">schedule</i> Calculate <b>exposure age</b></a> <br> </div> - <div class="col s12 m6"> + </div> + <div class="row center"> + + <div class="col s12 m12"> <a href="#/erosion-rate" - class="btn-large waves-effect waves-light orange"> + class="btn-large waves-effect waves-light orange darken-4"> <i class="material-icons left">call_missed</i> Calculate <b>erosion rate</b></a> </div> (DIR) diff --git a/pages/history.html b/pages/history.html t@@ -30,7 +30,7 @@ <div class="row"> <div class="input-field col s6"> <input id="lat" type="text" class="validate"> - <label for="lat">Latitude</label> + <label for="lat">Latitude </label> </div> <div class="input-field col s6"> <input id="long" type="text" class="validate"> t@@ -40,7 +40,7 @@ <div class="row"> <b>Concentrations of terrestrial cosmogenic nuclides - [?]</b> Fill in at least one field, + [?]</b> <br>Fill in at least one field, leave unknown values blank<br> <div class="input-field col s3"> <input id="10Be" type="text" class="validate"> t@@ -59,32 +59,88 @@ <label for="21Ne"><sup>21</sup>Ne</label> </div> </div> + <div class="row"> + Concentration uncertainty [%]<br> + <div class="input-field col s3"> + <input id="10Be" type="text" class="validate" + placeholder="5"> + <label for="10Be" class="active"><sup>10</sup>Be</label> + </div> + <div class="input-field col s3"> + <input id="26Al" type="text" class="validate" + placeholder="5"> + <label for="26Al" class="active"><sup>26</sup>Al</label> + </div> + <div class="input-field col s3"> + <input id="14C" type="text" class="validate" + placeholder="5"> + <label for="14C" class="active"><sup>14</sup>C</label> + </div> + <div class="input-field col s3"> + <input id="21Ne" type="text" class="validate" + placeholder="5"> + <label for="21Ne" class="active"><sup>21</sup>Ne</label> + </div> + + </div> <div class="row"> - <b>Erosion rates [mm a<sup>-1</sup>]</b><br> + <b>Parameter bounds</b><br> <div class="input-field col s6"> - <input id="epsilon_gla" type="text" class="validate"> - <label for="epsilon_gla">Glacial</label> + <input id="epsilon_gla_min" type="text" class="validate"> + <label for="epsilon_gla_min">Min. glacial erosion rate + [mm a<sup>-1</sup>]</label> </div> <div class="input-field col s6"> - <input id="epsilon_int" type="text" class="validate"> - <label for="epsilon_int">Inter-glacial</label> + <input id="epsilon_gla_max" type="text" class="validate"> + <label for="epsilon_gla_max">Max. glacial erosion rate + [mm a<sup>-1</sup>]</label> </div> </div> - <div class="row"> - <b>Optional constraining parameters</b><br> <div class="input-field col s6"> + <input id="epsilon_int_min" type="text" class="validate"> + <label for="epsilon_int_min">Min. inter-glacial erosion + rate [mm a<sup>-1</sup>]</label> + </div> + <div class="input-field col s6"> + <input id="epsilon_int_max" type="text" class="validate"> + <label for="epsilon_int_max">Max. inter-glacial erosion + rate [mm a<sup>-1</sup>]</label> + </div> + + </div> + <div class="row"> + + <div class="input-field col s12"> <input id="t_degla" type="text" class="validate"> <label for="t_degla">Time since deglaciation [a]</label> </div> + + </div> + <div class="row"> + + <div class="input-field col s6"> + <input id="d18O_threshold_min" type="text" + class="validate"> + <label for="d18O_threshold_min">Min. + δ<sup>18</sup>O + threshold [‰]</label> + </div> <div class="input-field col s6"> - <input id="d18O_threshold" type="text" class="validate"> - <label for="d18O_threshold">δ<sup>18</sup>O + <input id="d18O_threshold_max" type="text" + class="validate"> + <label for="d18O_threshold_max">Max. + δ<sup>18</sup>O threshold [‰]</label> </div> </div> + <div class="row"> + <b>Please fill out the following Captcha challenge</b><br> + asdf + </div> + <div class="right"> <button class="btn waves-effect waves-light" type="submit" name="action">Submit