<commit_before>---
title: {{ site.name }}
layout: landing
---

<style>
.apps {
    clear: both;
}
.apps .app-tile {
    position: relative;

    width: 255px;
    height: 190px;
    background-color: #fff;
    display: inline-block;
    margin: 5px;
    padding: 15px 15px 15px 60px;
    float: left;
    /*border: 1px solid #ccc;  */
    border-radius: 3px;

    transition: all 0.3s;
    cursor: pointer;
    box-shadow: 3px 3px 3px #ddd;

    overflow: hidden;
}
.apps .app-tile h2 {
    font-size: 17pt;
	    line-height: 110%;
}
.apps .app-tile .startbtn {
    display: block;
    text-decoration: none;
    background-color: #ccc;
    color: #888;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
    margin: auto;
    position: absolute;
    width:80%;
    bottom: 10px;
    /*transition: background-color 0.2s;*/
}
.apps .app-tile:hover {
    color: white;
    background-color: #2693ff;
    animation: pulse 1s;
}
.apps .app-tile:hover h2 {
    color: white;
}
.apps .app-tile .app-icon {
    position: absolute;
    top: 20px;
    left: -10px;
    font-size: 50px;
    opacity: 0.2;
}
/*
.apps .app-tile .startbtn:hover {
    background-color: white;
}
*/
body {
    background-color: #eee;
}
#map {
    height: 400px;
    width: 100%;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
#map .markerinfo h2 {
    color: black;
}
#map .markerinfo h3 {
    margin-top: 5px;
}

</style>

<br>

<h2>Promoting neuroscience engagement in big-data, reproducible research.</h2>

<br>

<p>We are developing an open, online platform to provide a seamless access to <b>cloud computing</b> infrastructure and <b>brain data</b> and <b>data derivatives</b>. 
   This platform is meant to reach out beyond neuroscience, allowing also computer scientists, statisticians and engineers interested in brain data to use the data to develop and publish their methods.
</p>
    
<p>Neuroscience is engaging at the forefront of science by dissolving disciplinary boundaries and promoting transdisciplinary research. 
This process can, in principle, facilitate discovery by convergent efforts from theoretical, experimental and cognitive neuroscience, as well as computer science and engineering. 

    To assure the success of this process, the current lack of established mechanisms to promote open sharing data, software and scientific results must be overcome. 
Promoting open software and data sharing has become paramount to addressing the problem of scientific reproducibility. 
   
<b>Brain Life</b> addresses challenges to neuroscience open sharing and reproducibility by providing integrative mechanisms for publishing data, and algorithms while embedding them with computing resources to impact multiple scientific communities. 
<b>Brain Life</b> is a project under active development. We currently offer several cloud computing services – also called <b><a href="https://github.com/brain-life/abcd-spec">Brain Life Applications</a></b> </p>

<br>

<div class="apps">
    <div class="app-tile" onclick="window.location = '/preprocessing'">
        <h2>Preprocessing</h2>
        <p class="app-title">Initialize diffusion-weighted data.</p>
        <!--<a href="#" class="startbtn">Start</a>-->
        <i class="fa fa-sticky-note app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/tracking'">
        <h2>Tracking</h2>
        <p class="app-title">Tract brain connections using statistical ensemble methods.</p>
        <!--<a href="#" class="startbtn">Start</a>-->
        <i class="fa fa-random app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/life'">
        <h2>LiFE</h2>
        <p class="app-title">Evaluation and statistical inference for brain connectomes.</p>
        <!--<a href="#" class="startbtn">Start</a>-->
        <i class="fa fa-signal app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/networkneuro'">
        <h2>Brain network</h2>
        <p class="app-title">Create brain connection matrices.</p>
        <!--<a href="#" class="startbtn">Start</a>-->
        <i class="fa fa-file-text-o app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/majortracts'">
        <h2>White matter tracts</h2>
        <p class="app-title">Identify major human white matter tracts.</p>
        <!--<a href="#" class="startbtn">Start</a>-->
        <i class="fa fa-sitemap app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/evaluator'">
        <h2>Connectome evaluator</h2>
        <p class="app-title">Provide quantitative estimates of connectome quality.</p>
        <!--<a href="#" class="startbtn">Start</a>-->
        <i class="fa fa-balance-scale app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/cortex'">
        <h2>Brain tissue extraction</h2>
        <p class="app-title">Subdivide the human brain into multiple regions and tissue types.</p>
        <i class="fa fa-pie-chart app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/o3d'">
        <h2>O3D</h2>
        <p class="app-title">Open Diffusion Data and Derivatives.</p>
        <i class="fa fa-database app-icon" aria-hidden="true"></i> 
    </div>
</div>
<br clear="both">

<br>
<p>Additional applications currently being developed. Your application can be submitted for publication on <b>Brain Life</b> by following the
    <b><a href="https://github.com/brain-life/abcd-spec">Brain Life Application Specification</a></b> and emailing the team at <a href="mailto:<EMAIL>"><EMAIL></a></p>
<br>
<br>

<div class="colorback grayback">
    <img src="images/group-of-people-in-a-formation.svg" style="width: 15%;" align="right">
    <h1>Who can use <b>Brain Life?</b></h1>
    <br>

    <h2>Psychologists and neroscientists.</h2>
    <p>Use our cloud computing services to understand the brain and behavior.</p>

    <h2>Computer scientists and engineers.</h2>
    <p>Use published data and applications to further develop algorithms and computing methods.</p>

    <h2>Statisticians and data scientists.</h2>
    <p>Use the data and data derivatives to gather new insights into individuality and variability of the human brain in large populations.
    </p>

</div>

<!--
<blockquote>
A new generation of computational neuroscience tools for big data neuroscience.
</blockquote>
-->

<div class="colorback blueback">
    <h1>An open, collaborative cloud computing platform.</h1>
    <br>

    <p>
    <b>Sixty-six collaborators from global scientific communities</b> 
    contribute to the project by providing data, applications, technology and products to advance understanding the human brain.
    </p>
    <div id="map"></div> 
    <br>

    <script src="collaborators.js"></script>
    <script>
	var univs = [];
	var topics = [];
	for(var uname in campuses) {
	    var campus = campuses[uname];
	    if(!~univs.indexOf(uname)) univs.push(uname);
	    campus.members.forEach(function(member) {
		var topic = member.topic.replace(/"/g, '')
		if(!~topics.indexOf(topic)) topics.push(topic);
	    });
	}
    </script>

    <h2>Partners and collaborators.</h2>
    <script>
	var block = "<blockquote style='opacity: 1;'>";
	univs.forEach(function(univ) {
	    block+=univ+" <span style='opacity: 0.3'>|</span> ";
	});
	block += "</blockquote>";
	document.write(block);
    </script>

    <h2>Research areas and applications.</h2>
    <script>
	var block = "<blockquote style='opacity: 1;'>";
	topics.forEach(function(topic) {
	    block+=topic+" <span style='opacity: 0.5'>|</span> ";
	});
	block += "</blockquote>";
	document.write(block);
    </script>
</div>

<h1>The team.</h1>
<div class="contact">
    <img src="images/avatar/franco.jpg">
    <a href="mailto:<EMAIL>"><NAME></a><br>
    Project Director
</div>
<div class="contact">
    <img src="images/avatar/brent.jpg">
    <a href="mailto:<EMAIL>"><NAME></a><br>
    Graduate Student
</div>
<div class="contact">
    <img src="images/avatar/soichi.jpg">
    <a href="mailto:<EMAIL>"><NAME></a><br>
    Software Engineer
</div>
<br clear="all">

<h1></h1>
<a href="https://www.indiana.edu/~plab/wordpress/team/franco-pestilli/"></a>

<br>

<script>
function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
	zoom: 2,
	scrollwheel: false,
	mapTypeControl: false,
	mapTypeId: 'hybrid',
	center:{lat: 38.5, lng: -110.5} 
    });

    for(var uname in campuses) {
	var campus = campuses[uname];

	//create university marker
	campus.m = new google.maps.Marker({
	    position: {lat: campus.lat, lng: campus.lng},
	    map: map
	});
    }
}
</script>

<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCKr4pJ1KnZtx0b6e0r0cFWfYqpVAFyfXQ&callback=initMap"></script>
<commit_msg>made background bit lighter<commit_after>---
title: {{ site.name }}
layout: landing
---

<style>
.apps {
    clear: both;
}
.apps .app-tile {
    position: relative;

    width: 255px;
    height: 190px;
    background-color: #fff;
    display: inline-block;
    margin: 5px;
    padding: 15px 15px 15px 60px;
    float: left;
    /*border: 1px solid #ccc;  */
    border-radius: 3px;

    transition: all 0.3s;
    cursor: pointer;
    box-shadow: 2px 2px 2px #eee;

    overflow: hidden;
}
.apps .app-tile h2 {
    font-size: 17pt;
    line-height: 110%;
}
.apps .app-tile .startbtn {
    display: block;
    text-decoration: none;
    background-color: #ccc;
    color: #888;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
    margin: auto;
    position: absolute;
    width:80%;
    bottom: 10px;
    /*transition: background-color 0.2s;*/
}
.apps .app-tile:hover {
    color: white;
    background-color: #2693ff;
    animation: pulse 1s;
}
.apps .app-tile:hover h2 {
    color: white;
}
.apps .app-tile .app-icon {
    position: absolute;
    top: 20px;
    left: -10px;
    font-size: 50px;
    opacity: 0.2;
}
/*
.apps .app-tile .startbtn:hover {
    background-color: white;
}
*/
body {
    background-color: #fcfcfc;
}
#map {
    height: 400px;
    width: 100%;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
#map .markerinfo h2 {
    color: black;
}
#map .markerinfo h3 {
    margin-top: 5px;
}

</style>

<br>

<h2>Promoting neuroscience engagement in big-data, reproducible research.</h2>

<br>

<p>We are developing an open, online platform to provide a seamless access to <b>cloud computing</b> infrastructure and <b>brain data</b> and <b>data derivatives</b>. 
   This platform is meant to reach out beyond neuroscience, allowing also computer scientists, statisticians and engineers interested in brain data to use the data to develop and publish their methods.
</p>
    
<p>Neuroscience is engaging at the forefront of science by dissolving disciplinary boundaries and promoting transdisciplinary research. 
This process can, in principle, facilitate discovery by convergent efforts from theoretical, experimental and cognitive neuroscience, as well as computer science and engineering. 

    To assure the success of this process, the current lack of established mechanisms to promote open sharing data, software and scientific results must be overcome. 
Promoting open software and data sharing has become paramount to addressing the problem of scientific reproducibility. 
   
<b>Brain Life</b> addresses challenges to neuroscience open sharing and reproducibility by providing integrative mechanisms for publishing data, and algorithms while embedding them with computing resources to impact multiple scientific communities. 
<b>Brain Life</b> is a project under active development. We currently offer several cloud computing services – also called <b><a href="https://github.com/brain-life/abcd-spec">Brain Life Applications</a></b> </p>

<br>

<div class="apps">
    <div class="app-tile" onclick="window.location = '/preprocessing'">
        <h2>Preprocessing</h2>
        <p class="app-title">Initialize diffusion-weighted data.</p>
        <!--<a href="#" class="startbtn">Start</a>-->
        <i class="fa fa-sticky-note app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/tracking'">
        <h2>Tracking</h2>
        <p class="app-title">Tract brain connections using statistical ensemble methods.</p>
        <!--<a href="#" class="startbtn">Start</a>-->
        <i class="fa fa-random app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/life'">
        <h2>LiFE</h2>
        <p class="app-title">Evaluation and statistical inference for brain connectomes.</p>
        <!--<a href="#" class="startbtn">Start</a>-->
        <i class="fa fa-signal app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/networkneuro'">
        <h2>Brain network</h2>
        <p class="app-title">Create brain connection matrices.</p>
        <!--<a href="#" class="startbtn">Start</a>-->
        <i class="fa fa-file-text-o app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/majortracts'">
        <h2>White matter tracts</h2>
        <p class="app-title">Identify major human white matter tracts.</p>
        <!--<a href="#" class="startbtn">Start</a>-->
        <i class="fa fa-sitemap app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/evaluator'">
        <h2>Connectome evaluator</h2>
        <p class="app-title">Provide quantitative estimates of connectome quality.</p>
        <!--<a href="#" class="startbtn">Start</a>-->
        <i class="fa fa-balance-scale app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/cortex'">
        <h2>Brain tissue extraction</h2>
        <p class="app-title">Subdivide the human brain into multiple regions and tissue types.</p>
        <i class="fa fa-pie-chart app-icon" aria-hidden="true"></i> 
    </div>
    <div class="app-tile" onclick="window.location = '/o3d'">
        <h2>O3D</h2>
        <p class="app-title">Open Diffusion Data and Derivatives.</p>
        <i class="fa fa-database app-icon" aria-hidden="true"></i> 
    </div>
</div>
<br clear="both">

<br>
<p>Additional applications currently being developed. Your application can be submitted for publication on <b>Brain Life</b> by following the
    <b><a href="https://github.com/brain-life/abcd-spec">Brain Life Application Specification</a></b> and emailing the team at <a href="mailto:<EMAIL>"><EMAIL></a></p>
<br>
<br>

<div class="colorback grayback">
    <img src="images/group-of-people-in-a-formation.svg" style="width: 15%;" align="right">
    <h1>Who can use <b>Brain Life?</b></h1>
    <br>

    <h2>Psychologists and neroscientists.</h2>
    <p>Use our cloud computing services to understand the brain and behavior.</p>

    <h2>Computer scientists and engineers.</h2>
    <p>Use published data and applications to further develop algorithms and computing methods.</p>

    <h2>Statisticians and data scientists.</h2>
    <p>Use the data and data derivatives to gather new insights into individuality and variability of the human brain in large populations.
    </p>

</div>

<!--
<blockquote>
A new generation of computational neuroscience tools for big data neuroscience.
</blockquote>
-->

<div class="colorback blueback">
    <h1>An open, collaborative cloud computing platform.</h1>
    <br>

    <p>
    <b>Sixty-six collaborators from global scientific communities</b> 
    contribute to the project by providing data, applications, technology and products to advance understanding the human brain.
    </p>
    <div id="map"></div> 
    <br>

    <script src="collaborators.js"></script>
    <script>
	var univs = [];
	var topics = [];
	for(var uname in campuses) {
	    var campus = campuses[uname];
	    if(!~univs.indexOf(uname)) univs.push(uname);
	    campus.members.forEach(function(member) {
		var topic = member.topic.replace(/"/g, '')
		if(!~topics.indexOf(topic)) topics.push(topic);
	    });
	}
    </script>

    <h2>Partners and collaborators.</h2>
    <script>
	var block = "<blockquote style='opacity: 1;'>";
	univs.forEach(function(univ) {
	    block+=univ+" <span style='opacity: 0.3'>|</span> ";
	});
	block += "</blockquote>";
	document.write(block);
    </script>

    <h2>Research areas and applications.</h2>
    <script>
	var block = "<blockquote style='opacity: 1;'>";
	topics.forEach(function(topic) {
	    block+=topic+" <span style='opacity: 0.5'>|</span> ";
	});
	block += "</blockquote>";
	document.write(block);
    </script>
</div>

<h1>The team.</h1>
<div class="contact">
    <img src="images/avatar/franco.jpg">
    <a href="mailto:<EMAIL>"><NAME></a><br>
    Project Director
</div>
<div class="contact">
    <img src="images/avatar/brent.jpg">
    <a href="mailto:<EMAIL>"><NAME></a><br>
    Graduate Student
</div>
<div class="contact">
    <img src="images/avatar/soichi.jpg">
    <a href="mailto:<EMAIL>"><NAME></a><br>
    Software Engineer
</div>
<br clear="all">

<h1></h1>
<a href="https://www.indiana.edu/~plab/wordpress/team/franco-pestilli/"></a>

<br>

<script>
function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
	zoom: 2,
	scrollwheel: false,
	mapTypeControl: false,
	mapTypeId: 'hybrid',
	center:{lat: 38.5, lng: -110.5} 
    });

    for(var uname in campuses) {
	var campus = campuses[uname];

	//create university marker
	campus.m = new google.maps.Marker({
	    position: {lat: campus.lat, lng: campus.lng},
	    map: map
	});
    }
}
</script>

<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCKr4pJ1KnZtx0b6e0r0cFWfYqpVAFyfXQ&callback=initMap"></script>

{'fraction_non_alphanumeric': 0.15716366080430155, 'fraction_numerical': 0.01489862215749972, 'mean_word_length': 3.4426474247325207, 'pattern_counts': {'":': 0, '<': 435, '<?xml version=': 0, '>': 435, 'https://': 8, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1003297', 'n_tokens_mistral': 6066, 'n_tokens_neox': 5729, 'n_words': 1609}