]> Softwares of Agnibho - dietsurvey.git/blobdiff - index.html
Rewritten in Javascript for offline use
[dietsurvey.git] / index.html
diff --git a/index.html b/index.html
new file mode 100755 (executable)
index 0000000..3098cea
--- /dev/null
@@ -0,0 +1,85 @@
+<!--
+  ***********************************************************************
+  * Title: DietSurvey
+  * Description: Nutritional assessment app
+  * Author: Agnibho Mondal
+  * Website: http://code.agnibho.com
+  **********************************************************************
+  Copyright (c) 2016 Agnibho Mondal
+  All rights reserved
+  **********************************************************************
+  This file is part of DietSurvey
+
+  DietSurvey is free software: you can redistribute it and/or modify
+  it under the terms of the GNU General Public License as published by
+  the Free Software Foundation, either version 3 of the License, or
+  (at your option) any later version.
+
+  DietSurvey is distributed in the hope that it will be useful,
+  but WITHOUT ANY WARRANTY; without even the implied warranty of
+  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  GNU General Public License for more details.
+
+  You should have received a copy of the GNU General Public License
+  along with Obscalc. If not, see <http://www.gnu.org/licenses/>.
+  ***********************************************************************
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>DietSurvey</title>
+    <link rel="icon" href="dist/logo.png">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script>
+var VERSION="3.0.0";
+    </script>
+    <style>
+.loader {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  border: 16px solid lavender;
+  border-top: 16px solid #428bca;
+  border-bottom: 16px solid #428bca;
+  border-radius: 50%;
+  width: 150px;
+  height: 150px;
+  margin: -75px 0 0 -75px;
+  animation: spin 2s linear infinite;
+}
+
+           @keyframes spin {
+             0% { transform: rotate(0deg); }
+             100% { transform: rotate(360deg); }
+           }
+    </style>
+
+  </head>
+  <body>
+    <div class="loader"></div>
+    <div class="container" style="display:none">
+      <div id="notify" style="position:fixed;margin:10px;z-index:2;display:none">
+        <div id="notify-alert" class="alert alert-info alert-dismissible">
+          <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
+          <h4><span id="notify-text"></span> <a id="notify-link" href="#" class="btn btn-success btn-lg">Download</a></h4>
+        </div>
+      </div>
+      <div class="text-primary">
+        <div class="jumbotron">
+          <h1>DietSurvey</h1>
+          <h2>Nutritional Assessment based on 24 hours recall</h2>
+        </div>
+      </div>
+      <div id="app">
+        <app-input :data-obj="dataObj" :data-ref="dataRef"></app-input>
+        <app-output :data-obj="dataObj" :data-ref="dataRef"></app-output>
+      </div>
+      <div class="alert alert-info">
+        <h3>Copyright &copy; <span class="copyright" data-start="2017">2017</span> Agnibho Mondal</h3>
+        <h4><a href="http://www.agnibho.com" style="text-decoration:none;color:inherit">www.agnibho.com</a></h4>
+      </div>
+    </div>
+    <script src="dist/bundle.js"></script>
+  </body>
+</html>