Skip to content

Commit

Permalink
implemented about & team pages
Browse files Browse the repository at this point in the history
  • Loading branch information
bdanzig committed Jul 20, 2020
1 parent ddab63f commit 939041e
Show file tree
Hide file tree
Showing 10 changed files with 223 additions and 10 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Table of contents
Overview
========

Gray Rain designs innovative tools, builds effective AI services, and promotes large-scale data-driven health analytics. Our tools are driven by the core principle that rapid, secure, and efficient data-sharing between organizations and within organizations increases productivity and facilitates knowledge generation and translation into clinical practice to improve human conditions.
GrayRain designs innovative tools, builds effective AI services, and promotes large-scale data-driven health analytics. Our tools are driven by the core principle that rapid, secure, and efficient data-sharing between organizations and within organizations increases productivity and facilitates knowledge generation and translation into clinical practice to improve human conditions.

GrayRain's unique technology allows secure, effective, and efficient sharing of sensitive data without compromising personal privacy while preserving the energy of the information contained in the data archive.

Expand Down
8 changes: 4 additions & 4 deletions html/GrayRain.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,16 +28,16 @@
</a>
<div class="container">
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="#">About</a>
<a class="nav-link" style="font-size: larger;" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="#">Partners</a>
<a class="nav-link" style="font-size: larger;" href="./team.html">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="#">Support</a>
</li>
<li>
<a class="nav-link" style = "font-size: larger;" href="./virtualHospital.html">Virtual Hospital</a>
<a class="nav-link" style = "font-size: larger;" href="./virtualHospital.html">VirtualHospital</a>
</li>
</div>
</ul>
Expand Down Expand Up @@ -79,7 +79,7 @@ <h3 class="lead" style="color:white">GrayRain designs innovative tools, builds e
<br><br><br>
<h1 style="color:white"><b>Our Services</b></h1>
<br>
<h1 class="lead" style="color:white">The Virtual Hospital app provides three complementary services:</h1>
<h1 class="lead" style="color:white">The VirtualHospital app provides three complementary services:</h1>
<br>
<ul style="color:white">
<li style="font-size: large;"><b>Synthetic Patients Generation</b> – used to generate heterogeneous simulated datasets</li>
Expand Down
87 changes: 87 additions & 0 deletions html/about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="./docs/4.1/assets/img/favicons/favicon.ico">

<title>About GrayRain</title>

<link rel="canonical" href="https://getbootstrap.com/docs/4.1/examples/cover/">

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap-4.4.1-dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="css/styles.css" rel="stylesheet">
</head>
<body style="overflow: hidden; height:100%" id="s1">
<nav class="navbar navbar-expand-lg sticky-top navbar-light bg-light">
<div class="container">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<a class="navbar-brand" href="./GrayRain.html">
<img src="./logos/transparentslice.png" width="90" height="45" alt="">
</a>
<div class="container">
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="./team.html">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="#">Support</a>
</li>
<li>
<a class="nav-link" style = "font-size: larger;" href="./virtualHospital.html">VirtualHospital</a>
</li>
</div>
</ul>
<form class="form-inline my-2 my-lg-0">
<img src="logos/blockm.png" style="max-height: 40px;">
</form>
</div>
</nav>
<div id="s2">
<br><br><br>
<row class="main">
<h1 style="color: white">ABOUT GRAYRAIN</h1>
</row>
<br><br><br>
</div>
<div class="container-fluid">
<row class="align-middle main">
<h3 style="color: white"><br><b>We</b> are a team of researchers and innovators, like you.</h3><br>
<p style="color:white">We understand the pain of not being able to obtain data.<br>
That is why we decided to found GrayRain, to give more accessibility to the healthcare sector.<br>
We believe in promoting a culture of safe data sharing for the people who need it.<br>
<br>
GrayRain strives to make data more accessible for everyone.<br> We want to cultivate an ecosystem that accelerates research and innovation to save lives.<br> Since our founding in 2019 at the University of Michigan, we have hit the ground running. <br><br>We plan on starting in healthcare by offering data generation, de-identification, and augmentation services <br> to put more safely masked, integrally sound data in the hands of those who need it.
<br>To request more information, please contact us at [email protected].<br><br></p>
</row>
</div>
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container main">
<row class="align-middle">
<a href="mailto:[email protected]">[email protected]</a> |
Copyright &copy;
<script type="text/javascript">
var d = new Date();
document.write(" " + d.getFullYear() + " | ");
</script>
GrayRain&reg; Analytics |
<a href="http://www.grayrain.org">http://www.GrayRain.org</a>
<!-- http://www.gray-rain.com
http://www.gray-rain.org
http://www.grayrain.org
http://www.grayrain.net
-->
</row>
</div>
<!-- /.container -->
</footer>
</body>
</html>
6 changes: 6 additions & 0 deletions html/css/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,12 @@ ul{
}
}

.main{
height: 100vh;
justify-content: center;
text-align: center;
justify-items: center;
}



Expand Down
Binary file added html/logos/ivo.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added html/logos/johnny.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added html/logos/ronak.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added html/logos/simeone.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
120 changes: 120 additions & 0 deletions html/team.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="./docs/4.1/assets/img/favicons/favicon.ico">

<title>Our Team</title>

<link rel="canonical" href="https://getbootstrap.com/docs/4.1/examples/cover/">

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap-4.4.1-dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="css/styles.css" rel="stylesheet">
</head>
<body style="overflow:auto; height:100%" id="s1">
<nav class="navbar navbar-expand-lg sticky-top navbar-light bg-light">
<div class="container">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<a class="navbar-brand" href="./GrayRain.html">
<img src="./logos/transparentslice.png" width="90" height="45" alt="">
</a>
<div class="container">
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="#">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="#">Support</a>
</li>
<li>
<a class="nav-link" style = "font-size: larger;" href="./virtualHospital.html">VirtualHospital</a>
</li>
</div>
</ul>
<form class="form-inline my-2 my-lg-0">
<img src="logos/blockm.png" style="max-height: 40px;">
</form>
</div>
</nav>
<div id="s2">
<br><br><br>
<row class="main">
<h1 style="color: white">MEET THE TEAM</h1>
</row>
<br><br><br>
</div>
<div class="container-fluid">
<div class="row py-5" style="justify-content: center;">
<div class="col">
<div class="card" style="width: 18rem; margin: 0 auto;">
<img class="card-img-top" src="./logos/ivo.jpg" alt="Card image cap">
<div class="card-body">
<h3 class="card-title">Ivo Dinov, PhD</h3>
<h5>Executive Advisor</h5>
<p class="card-text">Professor Dinov leads the University of Michigan’s Statistical Computational Online Resource (SOCR) research group, which is dedicated to developing solutions for the biomedical and healthcare sectors. As a researcher with over two decades of industry experience, he fully understands the problems behind obtaining data from a user’s perspective, which is why he is dedicated to bringing novel solutions to the sector. </p>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem; margin: 0 auto;">
<img class="card-img-top" src="./logos/simeone.jpg" alt="Card image cap">
<div class="card-body">
<h3 class="card-title">Simeone Marino, PhD</h3>
<h5>Chief Technology Officer</h5>
<p class="card-text">After receiving his PhD from the University of Rome, Dr. Marino has been working closely at the intersection of Bioinformatics and Data Science. He is an associate researcher on the SOCR team. At GrayRain, he is building the VirtualHospitalTM web tool and directing his energy towards materializing beautifully integrated data solutions for users.</p>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem; margin: 0 auto;">
<img class="card-img-top" src="./logos/johnny.jpg" alt="Card image cap">
<div class="card-body">
<h3 class="card-title">Johnny Liu</h3>
<h5>Chief Operating Officer</h5>
<p class="card-text">Johnny is a senior at the University of Michigan studying Data Science. At GrayRain, he is dedicated to bringing innovative solutions to market, fostering relationships between key stakeholders, and creating the best possible experiences for end-users. Johnny is a multi-faceted learner striving to understand industry ecosystems and solve socioeconomic problems using data-driven decisions.</p>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem; margin: 0 auto;">
<img class="card-img-top" src="./logos/ronak.png" alt="Card image cap">
<div class="card-body">
<h3 class="card-title">Ronak Shetty</h3>
<h5>Chief Strategy Officer</h5>
<p class="card-text">Ronak is a senior at the University of Michigan studying Data Science. He is an avid fan of data streaming and its high-value use cases within today’s world. At Gray Rain, he is committed to building out the company’s long-term strategy and driving research and development.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<row class="align-middle">
<a href="mailto:[email protected]">[email protected]</a> |
Copyright &copy;
<script type="text/javascript">
var d = new Date();
document.write(" " + d.getFullYear() + " | ");
</script>
GrayRain&reg; Analytics |
<a href="http://www.grayrain.org">http://www.GrayRain.org</a>
<!-- http://www.gray-rain.com
http://www.gray-rain.org
http://www.grayrain.org
http://www.grayrain.net
-->
</row>
</div>
<!-- /.container -->
</footer>
</body>
</html>
10 changes: 5 additions & 5 deletions html/virtualHospital.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<meta name="author" content="">
<link rel="icon" href="./docs/4.1/assets/img/favicons/favicon.ico">

<title>Gray Rain</title>
<title>GrayRain</title>

<link rel="canonical" href="https://getbootstrap.com/docs/4.1/examples/cover/">

Expand All @@ -28,16 +28,16 @@
</a>
<div class="container">
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="#">About</a>
<a class="nav-link" style="font-size: larger;" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="#">Partners</a>
<a class="nav-link" style="font-size: larger;" href="./team.html">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="#">Support</a>
</li>
<li>
<a class="nav-link" style = "font-size: larger;" href="./virtualHospital.html">Virtual Hospital</a>
<a class="nav-link" style = "font-size: larger;" href="./virtualHospital.html">VirtualHospital</a>
</li>
</div>
</ul>
Expand All @@ -50,7 +50,7 @@
<div class="row">
<main role="main" class="col-md pt-3 px-4">
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
<h2 style="color:#808080;"><b>Virtual Hospital: Simulated Data and Statistics</b></h2>
<h2 style="color:#808080;"><b>VirtualHospital: Simulated Data and Statistics</b></h2>
<div class="btn-toolbar mb-2 mb-md-0">
<div class="btn-group mr-2">
<button class="btn btn-sm btn-secondary">Share</button>
Expand Down

0 comments on commit 939041e

Please sign in to comment.