index.html

   1 <!--
   2   ***********************************************************************
   3   * Title: DietSurvey
   4   * Description: Nutritional assessment app
   5   * Author: Agnibho Mondal
   6   * Website: http://code.agnibho.com
   7   **********************************************************************
   8   Copyright (c) 2016 Agnibho Mondal
   9   All rights reserved
  10   **********************************************************************
  11   This file is part of DietSurvey
  12
  13   DietSurvey is free software: you can redistribute it and/or modify
  14   it under the terms of the GNU General Public License as published by
  15   the Free Software Foundation, either version 3 of the License, or
  16   (at your option) any later version.
  17
  18   DietSurvey is distributed in the hope that it will be useful,
  19   but WITHOUT ANY WARRANTY; without even the implied warranty of
  20   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  21   GNU General Public License for more details.
  22
  23   You should have received a copy of the GNU General Public License
  24   along with Obscalc. If not, see <http://www.gnu.org/licenses/>.
  25   ***********************************************************************
  26 -->
  27 <!DOCTYPE html>
  28 <html>
  29   <head>
  30     <title>DietSurvey</title>
  31     <link rel="icon" href="dist/logo.png">
  32     <meta charset="utf-8">
  33     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  34     <script>
  35 var NAME="DietSurvey";
  36 var VERSION="3.0.0";
  37 var STORAGE="dietsurvey_data";
  38 var INFO_URL="https://code.agnibho.com/dietsurvey/info.json";
  39 var NOTIFY=true;
  40     </script>
  41     <style>
  42 .loader {
  43   position: absolute;
  44   left: 50%;
  45   top: 50%;
  46   border: 16px solid lavender;
  47   border-top: 16px solid #428bca;
  48   border-bottom: 16px solid #428bca;
  49   border-radius: 50%;
  50   width: 150px;
  51   height: 150px;
  52   margin: -75px 0 0 -75px;
  53   animation: spin 2s linear infinite;
  54 }
  55
  56     @keyframes spin {
  57       0% { transform: rotate(0deg); }
  58       100% { transform: rotate(360deg); }
  59     }
  60     </style>
  61
  62   </head>
  63   <body>
  64     <div class="loader"></div>
  65     <div class="container" style="display:none">
  66       <div id="notify" style="position:fixed;margin:10px;z-index:2;display:none">
  67         <div id="notify-alert" class="alert alert-info alert-dismissible">
  68           <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
  69           <h4><span id="notify-text"></span> <a id="notify-link" href="#" class="btn btn-success btn-lg">Download</a></h4>
  70         </div>
  71       </div>
  72       <div class="text-primary">
  73         <div class="jumbotron">
  74           <h1>DietSurvey</h1>
  75           <h2>Nutritional Assessment based on 24 hours recall</h2>
  76         </div>
  77       </div>
  78       <div id="app">
  79         <app-input :data-obj="dataObj" :data-ref="dataRef"></app-input>
  80         <app-output :data-obj="dataObj" :data-ref="dataRef"></app-output>
  81       </div>
  82       <div class="alert alert-info">
  83         <h3>Copyright &copy; <span class="copyright" data-start="2017">2017</span> Agnibho Mondal</h3>
  84         <h4><a href="http://www.agnibho.com" style="text-decoration:none;color:inherit">www.agnibho.com</a></h4>
  85       </div>
  86     </div>
  87     <script src="dist/bundle.js"></script>
  88     <script src="extra.js"></script>
  89   </body>
  90 </html>