FiO2Calculator.github.io/index.html at main · FiO2Calculator/FiO2Calculator.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FiO2 Calculator</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">

    <script>
    </script>

  </head>

  <body>
    <header>
      <h4>FiO2 Calculator</h4>
      <div class="nav">
        <ul>
          <li>
            <a href="aboutUs.html" class="btn btn-secondary" role="button" aria-pressed="true">
              About Us
            </a>
          </li>
        </ul>
      </div>
    </header>
    <nav class="navbar navbar-expand navbar-light bg-light">

      <div class="collapse navbar-collapse justify-content-center" id="navbarNav">
        <ul class="navbar-nav">
          <li class="nav-item active">
            <a class="nav-link" href="index.html">Home</a>
          </li>
          <li class="nav-item active">
            <div class="dropdown">
              <a class="nav-link active dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Calculators
              </a>
              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                <a class="dropdown-item" href="finer.html">Finer</a>
                <a class="dropdown-item" href="bb.html">Benaron-Benitz</a>
                <a class="dropdown-item" href="hybrid.html">Hybrid</a>
              </div>
            </div>
          </li>
          <li class="nav-item active">
            <div class="dropdown">
              <a class="nav-link active dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                How it Works
              </a>
              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                <a class="dropdown-item" href="finerHIW.html">Finer</a>
                <a class="dropdown-item" href="bbHIW.html">Benaron-Benitz</a>
                <a class="dropdown-item" href="hybridHIW.html">Hybrid</a>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </nav>

    <div class="page-content">
      <h5>Welcome:</h5>
      <p>
        This simple website provides easy access to the Finer and Benaron-Benitz formulas used to calculate the fraction of inspired oxygen (FiO2) in newborn babies. We have also provided a "Hybrid" calculator which is based on both formulas.
      </p>
      <p>
        To get started with the calculators, select one from the dropdown and check you are using the right one with the
        conditions of use. Insert your values, select your desired output and voila!
      </p>
      <p>
        You can find more information on how we implement each formula in the calculators on its corresponding "How it Works" page.
      </p>
      <p>
        For more information on this project in general, please refer to <a href="aboutUs.html">About Us</a>.
      </p>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/regression/2.0.1/regression.min.js"
      integrity="sha512-0k6FXllQktdobw8Nc8KQN2WtZrOuxpMn7jC2RKCF6LR7EdOhhrg3H5cBPxhs3CFzQVlO6ni1B9SDLUPhBs0Alg=="
      crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/regression/2.0.1/regression.js"
      integrity="sha512-PHHRPMxJK1xGYLQPv9FoDbCF2X23Ao1lMAD52oLY9TBW033s4zwIXl5JQBGlfI2iOx3W1qP3LAS/MMv5Ttj0aQ=="
      crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
  </body>
</html>