]> Softwares of Agnibho - obscalc.git/blobdiff - index.html
Standardized routine.js
[obscalc.git] / index.html
index 2f1f5cba6026da9205081d767f8c1b8d283b0ba4..a5224bc41942c54a34d34403de64079ea8bbf0d0 100755 (executable)
@@ -9,82 +9,86 @@
    All rights reserved
  **********************************************************************
    This file is part of ObsCalc.
-   
+
    ObsCalc 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.
-   
+
    ObsCalc 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/>.
+   along with ObsCalc. If not, see <http://www.gnu.org/licenses/>.
 ***********************************************************************
 -->
 <!DOCTYPE html>
 <html>
-    <head>
-       <title>ObsCalc</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="2.1.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>
+    <title>ObsCalc</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 NAME="ObsCalc";
+var VERSION="2.1.0";
+var STORAGE="obscalc_data";
+var INFO_URL="https://code/agnibho.com/obscalc/info.json";
+var NOTIFY=true;
+    </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>ObsCalc</h1>
-                   <h2>Obstetric Calculator</h2>
-               </div>
-           </div>
-           <div class="row" id="app">
-               <div class="col-sm-6">
-                   <by-date :settings="settings"></by-date>
-               </div>
-               <div class="col-sm-6">
-                   <by-usg :settings="settings"></by-usg>
-               </div>
-               <settings-btn :settings="settings"></settings-btn>
-           </div>
-           <div class="alert alert-info">
-               <h3>Copyright &copy; <span class="copyright" data-start="2016">2016</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>
+  </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>ObsCalc</h1>
+          <h2>Obstetric Calculator</h2>
+        </div>
+      </div>
+      <div class="row" id="app">
+        <div class="col-sm-6">
+          <by-date :settings="settings"></by-date>
+        </div>
+        <div class="col-sm-6">
+          <by-usg :settings="settings"></by-usg>
+        </div>
+        <settings-btn :settings="settings"></settings-btn>
+      </div>
+      <div class="alert alert-info">
+        <h3>Copyright &copy; <span class="copyright" data-start="2016">2016</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>