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 VERSION="3.0.0";
  36     </script>
  37     <style>
  38 .loader {
  39   position: absolute;
  40   left: 50%;
  41   top: 50%;
  42   border: 16px solid lavender;
  43   border-top: 16px solid #428bca;
  44   border-bottom: 16px solid #428bca;
  45   border-radius: 50%;
  46   width: 150px;
  47   height: 150px;
  48   margin: -75px 0 0 -75px;
  49   animation: spin 2s linear infinite;
  50 }
  51
  52            @keyframes spin {
  53              0% { transform: rotate(0deg); }
  54              100% { transform: rotate(360deg); }
  55            }
  56     </style>
  57
  58   </head>
  59   <body>
  60     <div class="loader"></div>
  61     <div class="container" style="display:none">
  62       <div id="notify" style="position:fixed;margin:10px;z-index:2;display:none">
  63         <div id="notify-alert" class="alert alert-info alert-dismissible">
  64           <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
  65           <h4><span id="notify-text"></span> <a id="notify-link" href="#" class="btn btn-success btn-lg">Download</a></h4>
  66         </div>
  67       </div>
  68       <div class="text-primary">
  69         <div class="jumbotron">
  70           <h1>DietSurvey</h1>
  71           <h2>Nutritional Assessment based on 24 hours recall</h2>
  72         </div>
  73       </div>
  74       <div id="app">
  75         <app-input :data-obj="dataObj" :data-ref="dataRef"></app-input>
  76         <app-output :data-obj="dataObj" :data-ref="dataRef"></app-output>
  77       </div>
  78       <div class="alert alert-info">
  79         <h3>Copyright &copy; <span class="copyright" data-start="2017">2017</span> Agnibho Mondal</h3>
  80         <h4><a href="http://www.agnibho.com" style="text-decoration:none;color:inherit">www.agnibho.com</a></h4>
  81       </div>
  82     </div>
  83     <script src="dist/bundle.js"></script>
  84   </body>
  85 </html>