Difference between revisions of "Team:Northwestern/HP"

 
(150 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{ Northwestern Page Head }}  
+
{{Northwestern_Page_Head_temp}}  
−
{{ Navbar }}
+
{{Navbar_temp}}
  
 
<html>
 
<html>
−
 
 
<head>  
 
<head>  
−
<link href="https://cdnjs.cloudflare.com/ajax/libs/balloon-css/0.3.0/balloon.css" rel="stylesheet">
 
−
 
 
<style>
 
<style>
 
.foo img:last-child{display:none}
 
.foo img:last-child{display:none}
 
.foo:hover img:first-child{display:none}
 
.foo:hover img:first-child{display:none}
 
.foo:hover img:last-child{display:inline-block}
 
.foo:hover img:last-child{display:inline-block}
−
 
−
figure:hover+span {
 
−
bottom: -36px;
 
−
opacity: 1;
 
 
}
 
}
  
−
h2 {
+
/*h2 {
−
margin: 60px 15px 0;
+
 
padding: 0;
 
padding: 0;
−
font-weight: 300;
+
font-weight: 300;*/
 
}
 
}
 
h2 span {
 
h2 span {
Line 28: Line 20:
 
}
 
}
 
</style>
 
</style>
−
 
−
<script>
 
−
$('#example1').tooltip();
 
−
</script>
 
−
</head>
 
  
  
 
<style>
 
<style>
−
p {padding-top: 10px; padding-right: 250px; padding-bottom: 10px; padding-left: 250px;}
+
p{ background-color: #f7f3ed;}
−
p {font-size: 300%;}
+
button{border: 0; background-color: #f7f3ed;}
−
p{margin: 0; background-color: #f7f3ed;}
+
figure { background-color: #f7f3ed;}
−
figure {margin: 0; background-color: #f7f3ed;}
+
h2{ background-color: #f7f3ed;}
−
h2{margin: 0; background-color: #f7f3ed;}
+
 
h2{background-color: #f7f3ed;}
 
h2{background-color: #f7f3ed;}
 
body{background-color: #f7f3ed;}
 
body{background-color: #f7f3ed;}
 
</style>
 
</style>
 
</head>
 
</head>
 +
  
  
 
<body>
 
<body>
−
<figure>  
+
<br><br><br><br>
−
<center><img src="https://static.igem.org/mediawiki/2017/3/36/T--Northwestern--HPT.png" width="800px" border="0"></center>
+
<body style="height:100%;">
−
</figure>
+
<p style="padding-top: 5%; text-align: center;"><img style="text-align: center;" src="https://static.igem.org/mediawiki/2017/3/36/T--Northwestern--HPT.png" width="800px" border="0"></p>
−
</div>
+
  
 
<div>
 
<div>
−
<p style = "font-size:16px"> Synthetic biology is a field that permeates throughout various sectors of society. Early on in our project, we knew we had to get the input of experts to tailor our project. We did our best to integrate these professionals’ knowledge into our project to make it more meaningful and useful. </p>
+
<p style="padding-top:2%; padding-right: 15%; padding-left:15%; font-size:14px;"> Synthetic biology is a field that permeates through various sectors of society. With a scientific goal in mind, it is crucial to take the time and understand how this objective can make changes socially, politically, economically and of course scientifically. It is also important to assess the overarching goal of this research and its future impact.  
 +
 
 +
By participating in outreach, collaborating with other iGEM teams around the globe and reflecting on the bigger issue of antibiotic resistance, our team reevaluated our solution to come one step closer to reaching our goal.</p>
 
</div>
 
</div>
  
 +
<div class="">
 +
<div class="">
 +
<p style="padding-top: 5%; padding-left: 15%; padding-right: 15%;>
  
−
<button class="btn-link" data-balloon-length="large" data-balloon=" Our body is inhabited by about 100 trillions micro-organisms(2) , they form what is called our human microbiome and it has been shown that they have huge implications on our health. For example Clostridium difficile is responsible for the death of approximately 29,000 death in the US per year(3) C. difficile is an opportunistic bacteria that colonise your gut microbiome when it is in dysbiosis. Hence we thought that we could use our system to monitor and modulate the proportion of microbiome species and determine whether they are at the healthy ratio or not. If not our system would produce a response to restore healthy ratio through drug production, or growth regulation, etc." data-balloon-pos="up"> 
+
<button class="foo">  
−
<a class="foo" href="#Outreach">
+
<a style="text-decoration:none !important;" class="foo" href="#Outreach">
−
<img src="https://static.igem.org/mediawiki/2017/b/bd/T--Northwestern--Outreach.png" width="200px" />
+
<img src="https://static.igem.org/mediawiki/2017/5/58/T--Northwestern--Outreach1.png" width="150px" />
−
<img src="https://static.igem.org/mediawiki/2016/7/73/T--Imperial_College--health_back.png" height="190" />
+
<img src="https://static.igem.org/mediawiki/2017/7/74/T--Northwestern--Outreach3.png" width="150px"/>
 
</a>
 
</a>
 
</button>
 
</button>
 +
 +
<button class="foo" > 
 +
<a style="text-decoration:none !important;" class="foo" href="#Guide to the future">
 +
<img src="https://static.igem.org/mediawiki/2017/1/1d/T--Northwestern--GF1.png" width="150px" />
 +
<img src="https://static.igem.org/mediawiki/2017/3/39/T--Northwestern--GF2.png" width="150px"/>
 +
</a>
 +
</button>
 +
 +
<button class="foo"> 
 +
<a style="text-decoration:none !important;" class="foo" href="https://2017.igem.org/Team:Northwestern/Interviews">
 +
<img src="https://static.igem.org/mediawiki/2017/2/27/T--Northwestern--EI1.png" width="150px" />
 +
<img src="https://static.igem.org/mediawiki/2017/e/ed/T--Northwestern--EI2.png" width="150px"/>
 +
</a>
 +
</button>
 +
 +
 +
<button class="foo"> 
 +
<a style="text-decoration:none !important;" class="foo" href="https://2017.igem.org/Team:Northwestern/CollaborationsTest">
 +
<img src="https://static.igem.org/mediawiki/2017/4/4e/T--Northwestern--C4.png" width="150px" />
 +
<img src="https://static.igem.org/mediawiki/2017/7/7e/T--Northwestern--C5.png" width="150px" //>
 +
</a>
 +
</button>
 +
 +
 +
<button class="foo"> 
 +
<a style="text-decoration:none !important;" class="foo" href="">
 +
<img src="https://static.igem.org/mediawiki/2017/1/1c/T--Northwestern--IP1.png" width="150px" />
 +
<img src="https://static.igem.org/mediawiki/2017/c/c1/T--Northwestern--IP2.png" width="150px"/>
 +
</a>
 +
</button>
 +
 +
 +
<button class="foo"> 
 +
<a style="text-decoration:none !important;" class="foo" href="#Risk Assessment">
 +
<img src="https://static.igem.org/mediawiki/2017/7/75/T--Northwestern--RA1.png" width="150px" />
 +
<img src="https://static.igem.org/mediawiki/2017/5/5b/T--Northwestern--RA2.png" width="150px"/>
 +
</a>
 +
</button>
 +
 +
<img src="https://static.igem.org/mediawiki/2017/e/e4/T--Northwestern--bubbles3.png" width="200px"/>
 +
 +
</p>
 +
</div>
 +
</div>
 +
</html>

Latest revision as of 01:59, 13 September 2017

Northwestern Template Northwestern Template

Overview Silver Gold Collaborations Engagement
Overview
Experiments Modeling Results Notebook Safety Interlab
Description Design Medal Criteria
About Us Attributions





Synthetic biology is a field that permeates through various sectors of society. With a scientific goal in mind, it is crucial to take the time and understand how this objective can make changes socially, politically, economically and of course scientifically. It is also important to assess the overarching goal of this research and its future impact. By participating in outreach, collaborating with other iGEM teams around the globe and reflecting on the bigger issue of antibiotic resistance, our team reevaluated our solution to come one step closer to reaching our goal.