DataStory/index.html at master · bman511/DataStory · 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Pymaceuticals</title>
  <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> -->

  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootswatch/4.2.1/united/bootstrap.min.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  <link rel="stylesheet" href="style.css">
</head>

<body id="landing-body">

        <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <!-- <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-dark bg-primary">   -->
            <i class="fas fa-atom fa-2x"></i>
            <a class="navbar-brand" href="https://bman511.github.io/DataStory/">Pymaceuticals</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
                <ul class="navbar-nav">
                  <li class="nav-item">

                    <a class="nav-link" href="https://bman511.github.io/DataStory/comparisons.html">
                      <i class="fas fa-chart-pie"></i>
                      Comparison
                      <!-- <span class="sr-only">(current)</span> -->
                    </a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="https://bman511.github.io/DataStory/data.html">
                      <i class="fas fa-table"></i>
                      Data
                    </a>
                  </li>
                  <li class="nav-item dropdown">

                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <i class="fas fa-chart-bar"></i>
                      Plots
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink" id="dropdown-div">
                      <a class="dropdown-item" href="https://bman511.github.io/DataStory/met_sites.html">Metastatic Sites</a>
                      <a class="dropdown-item" href="https://bman511.github.io/DataStory/survival.html">Survival Rate</a>
                      <a class="dropdown-item" href="https://bman511.github.io/DataStory/tumor_change.html">Tumor Delta</a>
                      <a class="dropdown-item" href="https://bman511.github.io/DataStory/tumor_volume.html">Tumor Volume</a>
                    </div>
                  </li>
                </ul>
            </div>
        </nav>
    <div class="container">
    <div class="row separator-row"></div>
    <div class="row" id="main-row-2">
        <div class="col-lg-7 shadow" id="main-col-one">
            <h1>Anti-tumor Efficacy in Murine Models</h1>
            <img src="https://github.com/bman511/Pymaceuticals/blob/master/images/met_sites.png?raw=true" class="img-fluid" alt="metastatic sites over time" id="home-main-image">
            <p>Pymaceuticals Inc. is a burgeoning pharmaceutical company based out of San Diego, CA.  Pymaceuticals specializes in monoclonal antibody fusion technology with anti-cancer indications. In recent multi-arm pre-clinical study, we have screened potential treatments to squamous cell carcinoma (SCC), a commonly occurring form of skin cancer.</p>
            <p>On this site, our Chief Data Analyst displays and explains the results from the most recent animal study.  In this study, 250 mice were treated through a variety of drug regimes over the course of 45 days. Their physiological responses were then monitored over the course of that time. The data was analyzed and visualized using Python libraries including Pandas, NumPy, and Matplotlib.  Browse the site and read the outcome comparison four treatments (Capomulin, Infubinol, Ketapril, and Placebo).</p>
        </div>
        <div class="col-lg-1" id="main-col-two"></div>
        <div class="col-lg-4 shadow" id="main-col-three">
            <h3>Analysis and Visualizations</h3>
            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                        <!-- <ol class="carousel-indicators">
                          <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                          <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                          <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                        </ol> -->
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <a href="https://bman511.github.io/DataStory/met_sites.html">
                              <img src="https://github.com/bman511/Pymaceuticals/blob/master/images/met_sites.png?raw=true"  class="d-block w-100" alt="metastatic sites">
                            <!-- <div class="carousel-caption d-sm-block">
                                    <h5>Metastatic Sites</h5>
                                    <p>Evaluating proliferation of metastatic sites</p>
                                    https://github.com/bman511/Pymaceuticals/blob/master/images/met_sites.png?raw=true
                            </div> -->
                            </a>
                          </div>
                          <div class="carousel-item">
                            <a href="https://bman511.github.io/DataStory/survival.html">
                              <img src="https://github.com/bman511/Pymaceuticals/blob/master/images/survival.png?raw=true" class="d-block w-100" alt="survival">
                            </a>
                          </div>
                          <div class="carousel-item">
                            <a href="https://bman511.github.io/DataStory/tumor_change.html">
                              <img src="https://github.com/bman511/Pymaceuticals/blob/master/images/tumor_change.png?raw=true" class="d-block w-100" alt="tumor change">
                            </a>
                          </div>
                          <div class="carousel-item">
                            <a href="https://bman511.github.io/DataStory/tumor_volume.html">
                              <img src="https://github.com/bman511/Pymaceuticals/blob/master/images/tumor_volume.png?raw=true" class="d-block w-100" alt="tumor volume">
                            </a>
                          </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                          <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                          <span class="carousel-control-next-icon" aria-hidden="true"></span>
                          <span class="sr-only">Next</span>
                        </a>
                </div>
        </div>
    </div>


    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
  </div>
</body>
</html>