Skip to content

Commit

Permalink
Added ICAREdata page and assets
Browse files Browse the repository at this point in the history
  • Loading branch information
Dtphelan1 committed Oct 25, 2017
1 parent 9201668 commit 8715654
Show file tree
Hide file tree
Showing 30 changed files with 847 additions and 9,390 deletions.
188 changes: 188 additions & 0 deletions ICAREdata.html
@@ -0,0 +1,188 @@
---
layout: icaredata-default
title: home
redirect_from: "/icaredata/"
---


<section id="overview">
<div class="container ">
<div class="row">
<div class="col-12" id="overview-section-heading">
<h1>Overview</h1>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/img/icaredata/Artifacts_Web_Doc_Laptop.png" class="curve">
<p> The overall goal of the ICAREdata project is to enable clinical oncology research by prospectively gathering high quality real-world data. The ICAREdata project is a collaboration between MITRE, the Alliance for Clinical Trials in Oncology, and the Dana-Farber Cancer Institute. The project is conducting a study in association with a randomized controlled trial (RCT), which aims to demonstrate the ability to calculate equivalent clinical trial endpoints using computable clinical treatment data. As part of the study, an open source infrastructure and data-capture methodology are being developed and piloted to capture higher quality EHR-based treatment data, and permit the assessment of 1:1 correlation between RCT and real-world data. The ICAREdata study will initially focus on disease progression and toxicity and will expand to cover a broader set of data across multiple clinical trials moving forward.</p>
</div>
</div>
</div>
</section>

<section id="goals">
<div class="container ">
<div class="row">
<div class="col-12" id="goal-section-heading">
<h1>Goals</h1>
<h3>Support the collection of high quality real-world data (RWD) to <br class="rwd-break"> enable clinical oncology research</h3>
</div>
</div>
<div class="row" id="goal-section-texts">
<div class="col-12 col-sm-6 col-lg-3">
<h3 class="goal-text-heading">
Increase data pool (RCT data + RWD)
</h3>
<p class="">
Establishing large scale, prospective collection and integration of high quality clinical data across multiple clinical care sites to augment data collected from clinical trials.
</p>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<h3 class="goal-text-heading">
Inform therapeutics development
</h3>
<p class="">
Developing effective treatments for patients with rare tumors or uncommon disease types and understanding the natural history and response to therapy for diseases where multiple sequential therapeutic regimens are employed.
</p>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<h3 class="goal-text-heading">
Inform regulatory decision-making
</h3>
<p class="">
Helping to determine how to best use real-world evidence for medical product regulatory decision-making and achieving efficient and accurate post-market surveillance of FDA-approved therapeutics.
</p>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<h3 class="goal-text-heading">
Inform data-driven patient care
</h3>
<p class="">
Understanding efficacy and safety of approved therapeutic agents in underrepresented and minority populations and accumulating a large number of patients and data required to achieve success in personalized medicine.
</p>
</div>
</div>
<div class="row" id="goal-section-icons">
<div class="col-12 goal-icon-obj">
<img src="/assets/img/icaredata/Artifacts_Web_Help_icon.png" alt="" class="goal-icon">
<p class="goal-icon-text short">Help cancer patients at the point of care </p>
</div>
<div class="col-12 goal-icon-obj">
<img src="/assets/img/icaredata/Artifacts_Web_Doctor_icon.png" alt="" class="goal-icon">
<p class="goal-icon-text short shortest">Address provider burden </p>
</div>
<div class="col-12 goal-icon-obj">
<img src="/assets/img/icaredata/Artifacts_Web_Engineer_icon.png" alt="" class="goal-icon">
<p class="goal-icon-text long">Engineer a system for post market surveillance and observational studies </p>
</div>
<div class="col-12 goal-icon-obj">
<img src="/assets/img/icaredata/Artifacts_Web_Refresh_icon.png" alt="" class="goal-icon">
<p class="goal-icon-text long">Demonstrate a repeatable approach that can be applied beyond cancer </p>
</div>
</div>
</div>
</section>

<section id="approach">
<div class="container">
<div class="row">
<div class="col-12" id="approach-section-heading">
<h1>Approach</h1>
<h3>Initially perform patient-level comparison of clinical trial and real-world data</h3>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/img/icaredata/Approach_Diagram.png" alt="Diagram demonstrating the ICAREdata project's approach, which will begin by comparing an individual's clinical trial data to their clinical treatment data. We can compare these endpoints and determine what significance can be gleamed from the similarities and differences in these two types of endpoints." id="approach-diagram">
</div>
</div>
</div>
</section>


<section id="links">
<div class="container ">
<div class="row">
<div class="col-12 col-sm-6" id="contact-us">
<h1>
Contact Us
</h1>
<div class="contact">
<a href="mailto:mfairweather@partners.org" style="white-space:nowrap" aria-label="Send Mark Fairweather an email" class="icon">
<i class="fa fa-envelope fa-2x" aria-hidden="true"></i>
</a>
<div class="contact-info">
<p class="contact-heading">Mark Fairweather</p>
<a href="mailto:mfairweather@partners.org">mfairweather@partners.org</a>
</div>
</div>
<div class="contact">
<a href="mailto:aquina@mitre.org" style="white-space:nowrap" aria-label="Send Andre Quina an email" class="icon">
<i class="fa fa-envelope fa-2x" aria-hidden="true"></i>
</a>
<div class="contact-info">
<p class="contact-heading">Andre Quina</p>
<a href="mailto:aquina@mitre.org">aquina@mitre.org</a>
</div>
</div>
</div>
<div class="col-12 col-sm-6" id="learn-more">
<h1>
Learn More
</h1>
<div class=" website">
<a href="http://standardhealthrecord.org" style="white-space:nowrap" aria-label="Visit the SHR home page" class="icon">
<i class="fa fa-link fa-2x" aria-hidden="true"></i>
</a>
<div class="website-info">
<p class="website-heading">Visit Our Website</p>
<a href="http://standardhealthrecord.org">standardhealthrecord.org</a>
</div>
</div>
<div class=" website">
<a href="http://www.github.com/standardhealth" style="white-space:nowrap" class="icon">
<i class="fa fa-github fa-2x" aria-hidden="true"></i>
</a>
<div class="website-info">
<p class="website-heading">Visit out GitHub Repo</p>
<a href="http://www.github.com/standardhealth">github.com/standardhealth</a>
</div>
</div>
</div>
</div>
</div>
</section>




<section id="partners">
<h2 class="titlebox">
<span>Partners</span>
</h2>
<div class="container" id="partners-container">
<div class="row" id="partners-row">
<div class="col-12 col-sm-6 col-lg-3 justify-content-center">
<a href="https://www.allianceforclinicaltrialsinoncology.org/main/">
<img src="/assets/img/icaredata/Alliance_logo_EHrev_wide.png" alt="Alliance for Clinical Trials in Oncology home page" class="partner-logo">
</a>
</div>
<div class="col-12 col-sm-6 col-lg-3 justify-content-center">
<a href="https://www.asco.org/">
<img src="/assets/img/icaredata/ASCO_logo.png" alt="American Society of Clinical Oncology home page" class="partner-logo">
</a>
</div>
<div class="col-12 col-sm-6 col-lg-3 justify-content-center">
<a href="http://www.brighamandwomens.org/">
<img src="/assets/img/icaredata/BWH_logo.png" alt="Brigham and Women's Hospital home page" class="partner-logo short">
</a>
</div>
<div class="col-12 col-sm-6 col-lg-3 justify-content-center">
<a href="https://www.dana-farber.org/">
<img src="/assets/img/icaredata/dfci_logo.gif" alt="Dana Farber Cancer Institute home page" class="partner-logo short">
</a>
</div>
</div>
</div>
</section>
30 changes: 30 additions & 0 deletions _includes/icaredata-footer.html
@@ -0,0 +1,30 @@
<footer id="footer">
<div class="container" id="footer-container">
<div class="row" id="footer-row">
<div class="col-sm-8">
<div id="shr-footer">
<a href="http://www.standardhealthrecord.org">
<img src="/assets/img/icaredata/shr_brand_logo.png" alt='Standard Health Record home page' id="shr-logo-footer">
</a>
<div id="shr-text">
<p class="shr-title">
The Standard Health Record Collaborative
</p>
<p>
One human, one health record
</p>
</div>
</div>
</div>
<div class="col-sm-4">
<a href="http://www.mitre.org">
<img src="/assets/img/icaredata/MITRE-color.png" alt="MITRE home page" id="mitre-logo">
</a>
</div>
</div>
</div>
<!-- Scripts for rendering -->
<script src="/assets/js/material.min.js"></script>
<script src="/assets/js/ripples.min.js"></script>

</footer>
38 changes: 38 additions & 0 deletions _includes/icaredata-head.html
@@ -0,0 +1,38 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="The Standard Health Record Collaborative is working to create a single, high-quality health record for every individual in the United States.">
<meta name="keywords" content="HealthIT,medical errors,semantic interoperability,healthcare interoperability,interoperability,Electronic Health Record,Electronic Medical Record,EMR,EHR,synthetic patient,SyntheticMass,MITRE,Personal Health Record,Universal Health Record,National Health Record">

<!-- Favicons -->
<link rel="icon" href="/assets/img/favicon.ico" type="image/x-icon">

<!-- Material Design fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
<!-- Material Design for Bootstrap CSS -->
<link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.0.0-beta.3/dist/css/bootstrap-material-design.min.css" integrity="sha384-k5bjxeyx3S5yJJNRD1eKUMdgxuvfisWKku5dwHQq9Q/Lz6H8CyL89KF52ICpX4cL" crossorigin="anonymous">

<!-- Font Awesome for Icons -->
<link rel="stylesheet" href="/assets/css/font-awesome.min.css">
<!-- Personal Styling -->
<link rel="stylesheet" href="/assets/css/icaredata-styles.css">

<!-- JS -->
<!-- Jquery 2.2.4-->
<script src="/assets/js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="/assets/js/bootstrap.min.js"></script>
<!-- Lodash -->
<script src="/assets/js/lodash.min.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<title>ICAREdata Project</title>
</head>
19 changes: 19 additions & 0 deletions _includes/icaredata-header.html
@@ -0,0 +1,19 @@
<header>
<div id="header-image">
<img id="header-image-source" src="/assets/img/icaredata/blue-header-thin-long-light-with-triangle.jpg" alt="" />
<div id="header-content">
<a href="http://www.standardhealthrecord.org">
<img src="/assets/img/icaredata/shr_brand_logo.png" alt='Standard Health Record home page' id="shr-logo-header">
</a>
<div id="header-title">
<h1>
<img src="/assets/img/icaredata/icare_logo_color.png" id="icare-logo">
ICAREdata Project
</h1>
<p>
Integrating Clinical Trials and Real-World Endpoints
</p>
</div>
</div>
</div>
</header>
21 changes: 21 additions & 0 deletions _layouts/icaredata-default.html
@@ -0,0 +1,21 @@

<!DOCTYPE html>
<html lang='en'>
{% include icaredata-head.html %}

<body>
<div class="wrapper">
{% include icaredata-header.html %}
{{ content }}

<div class="wrapper-padding">
</div>
</div>
{% include icaredata-footer.html %}
<!-- <script type="text/javascript" src="/assets/js/main.js"></script> -->

{% if jekyll.environment == 'production' %}
{% include _analytics.html %}
{% endif %}
</body>
</html>
11 changes: 0 additions & 11 deletions _scss/_variables.scss
Expand Up @@ -13,27 +13,16 @@ $ft-link-size: $base-font-size * 0.62; /* ~15px*/
$xxs-font-size: $base-font-size * 0.5;

$clr-grey: #dddddd;
// Cool grey
$clr-light-grey:#f9f9f9;
$clr-light-grey-b: #f1f1f1;
// Warm Dark Tope
// $clr-light-grey: rgb(234, 226, 212);

// Warm Lightest Tope
//$clr-light-grey: rgb(255, 253, 249);
// $clr-light-grey: rgb(255, 251, 244);
// $clr-light-grey-b: #f5f1ea;
// $clr-light-grey-2b: #ebe8e1;
$clr-white: #ffffff;

/*$clr-white: rgb(244, 239, 228);*/
$clr-white-hvr: rgba(255, 255, 255, 0.901961);
$clr-black: #000;
$clr-primary: #295677;
$clr-sndry: #F5A623;
$clr-dark-primary: #052A45;
// $clr-sndry: #F5A623;
// $clr-light-primary: #7FC1DD;

$logo-main: 85px;
$logo-scrolled: 60px;
Expand Down

0 comments on commit 8715654

Please sign in to comment.