index.html

   1 <!--
   2 ***********************************************************************
   3  * Title: ObsCalc
   4  * Description: An Obstetric Calculator
   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 ObsCalc.
  12
  13    ObsCalc 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    ObsCalc 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>ObsCalc</title>
  31         <link rel="icon" href="dist/logo.png">
  32         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  33         <style>
  34          .loader {
  35              position: absolute;
  36              left: 50%;
  37              top: 50%;
  38              border: 16px solid lavender;
  39              border-top: 16px solid #428bca;
  40              border-bottom: 16px solid #428bca;
  41              border-radius: 50%;
  42              width: 150px;
  43              height: 150px;
  44              margin: -75px 0 0 -75px;
  45              animation: spin 2s linear infinite;
  46          }
  47
  48          @keyframes spin {
  49              0% { transform: rotate(0deg); }
  50              100% { transform: rotate(360deg); }
  51          }
  52         </style>
  53
  54     </head>
  55     <body>
  56         <div class="loader"></div>
  57         <div class="container" style="display:none">
  58             <div class="text-primary">
  59                 <div class="jumbotron">
  60                     <h1>ObsCalc</h1>
  61                     <h2>Obstetric Calculator</h2>
  62                 </div>
  63             </div>
  64             <div class="row" id="app">
  65                 <div class="col-sm-6">
  66                     <by-date></by-date>
  67                 </div>
  68                 <div class="col-sm-6">
  69                     <by-usg></by-usg>
  70                 </div>
  71             </div>
  72             <div class="alert alert-info">
  73                 <h3>Copyright &copy; 2016<span id="copyright"></span> Agnibho Mondal</h3>
  74                 <h4><a href="http://www.agnibho.com" style="text-decoration:none;color:inherit">www.agnibho.com</a></h4>
  75             </div>
  76         </div>
  77         <script src="dist/bundle.js"></script>
  78     </body>
  79 </html>