Difference between revisions of "Team:Exeter"

 
(28 intermediate revisions by 5 users not shown)
Line 118: Line 118:
 
}
 
}
 
/****Social Media navbar icons****/
 
/****Social Media navbar icons****/
/*youtube*/
+
#soc{
#soc_1{  
+
margin-top:-12px;
 +
margin-left:-15px;
 +
}
 +
.soc_1{
 
margin-right:3px;
 
margin-right:3px;
height:50px;
 
width:48px;
 
 
}
 
}
/*facebook*/
+
.soc_2{
#soc_2{
+
 
margin-right:3px;
 
margin-right:3px;
height:50px;
 
width:48px;
 
 
}
 
}
/*Twitter*/
+
.soc_3{
#soc_3{
+
 
margin-right:3px;
 
margin-right:3px;
margin-right:18px;
 
height:50px;
 
width:48px;
 
 
}
 
}
 +
  
 
/*Navbar exgem logo styling*/
 
/*Navbar exgem logo styling*/
Line 344: Line 339:
 
font-size:150%;
 
font-size:150%;
 
}
 
}
 +
}
 +
#links_drop:hover span{
 +
color:#339499;
 
}
 
}
 
</style>
 
</style>
Line 375: Line 373:
 
#logo_Banner_Mobile{
 
#logo_Banner_Mobile{
 
display:none;
 
display:none;
 +
}
 +
button.dropdown-toggle{
 +
padding-top:21px; !important
 
}
 
}
 
.div_vl{
 
.div_vl{
Line 394: Line 395:
 
margin:0;
 
margin:0;
 
padding:0.5vw;
 
padding:0.5vw;
cursor:pointer;
+
}
 +
#links_drop{
 +
color:#47BCC2;
 +
/*font-size:20px;*/
 +
font-size:1.2vw;
 +
margin:8px 0.9vw 0.5vh 0.9vw;
 +
padding:0.06vw 0 0 0;
 +
line-height:0px;
 
}
 
}
 
#dropdownMenu1{
 
#dropdownMenu1{
Line 434: Line 442:
 
padding:10px 0;
 
padding:10px 0;
 
margin-left:0.85vw;
 
margin-left:0.85vw;
 +
}
 +
button.dropdown-toggle{
 +
padding-top:5px;
 +
}
 +
}
 +
@media (max-width: 920px){
 +
#links_drop{
 +
margin-left:0;
 +
padding-top:9px;
 +
margin-top:-4px;
 +
font-size:20px;
 
}
 
}
 
}
 
}
Line 454: Line 473:
 
     <div>
 
     <div>
 
         <div class="collapse navbar-collapse" id="myNavbar">
 
         <div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
+
<ul class="nav navbar-nav">
<li><div id="links" style="margin:0;" class="dropdown">
+
<li><div id="links_drop" class="dropdown">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
     <span style="margin-bottom:4px;">Lab</span>
 
     <span style="margin-bottom:4px;">Lab</span>
Line 463: Line 482:
 
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Project">Lab Project</a></li>
 
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Project">Lab Project</a></li>
 
     <li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Labbook">Lab Book</a></li>
 
     <li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Labbook">Lab Book</a></li>
 +
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Safety">Safety</a></li>
  
 
   </ul>
 
   </ul>
Line 468: Line 488:
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Parts">Parts</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Parts">Parts</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Team">Team</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Team">Team</a></li>
<li ><a id="links" href="https://2016.igem.org/Team:Exeter/Interlab">InterLab</a></li>
+
<li><a id="links" href="https://2016.igem.org/Team:Exeter/Interlab">InterLab</a></li>
<li><div id="links" style="margin:0;" class="dropdown">
+
<li><div id="links_drop" class="dropdown">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
     <span style="margin-bottom:4px;">Human Practices</span>
 
     <span style="margin-bottom:4px;">Human Practices</span>
Line 475: Line 495:
 
   </button>
 
   </button>
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">   
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">   
     <li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Integrated_Practices">Integrated</a></li>
+
     <li><a id="links" style="margin:10px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Integrated_Practices">Integrated</a></li>
 
<li><a id="links" style="background:none;line-height:0.7vh;margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Engagement">Public Engagement<br /><br /><br /> & Education</a></li><li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Log">Log</a></li>
 
<li><a id="links" style="background:none;line-height:0.7vh;margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Engagement">Public Engagement<br /><br /><br /> & Education</a></li><li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Log">Log</a></li>
  
Line 483: Line 503:
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Attributions">Attributions</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Attributions">Attributions</a></li>
  
<li><div id="links" style="margin:0;" class="dropdown">
+
<li><div id="links_drop" class="dropdown">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
     <span style="margin-bottom:4px;">Awards</span>
 
     <span style="margin-bottom:4px;">Awards</span>
Line 490: Line 510:
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
 
    
 
    
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Awards">Medals</a></li>
+
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Awards">Awards</a></li>
<li><span style="margin:10px 0 30px 2px;padding:0;">Special pages</span></li>
+
<li><span style="margin:10px 0 30px 2px;padding:0;"><u>Special pages</u></span></li>
 
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/HP/Silver">HP Silver</a></li>
 
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/HP/Silver">HP Silver</a></li>
 
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/HP/Gold">HP Gold</a></li>
 
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/HP/Gold">HP Gold</a></li>
Line 504: Line 524:
 
</ul>
 
</ul>
 
<ul class="nav navbar-nav navbar-right" >
 
<ul class="nav navbar-nav navbar-right" >
<li class="media_icon">
+
<li style="height:50px;width:48px;"class="soc_1">
<a id="soc_1" href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
+
<a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
<img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/>
+
<img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/></a>
</a>
+
</li>
</li>
+
<li style="height:50px;width:48px;"class="soc_2">
    <li class="media_icon" >
+
<a href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel">
<a id="soc_2"href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel">
+
<img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/></a>
<img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/>
+
</li>
</a>
+
<li style="height:50px;width:48px;"class="soc_3">
</li>
+
<a href="https://twitter.com/exeter_igem">
    <li class="media_icon" >
+
<img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/></a>
<a id="soc_3" href="https://twitter.com/exeter_igem">
+
</li>
<img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/>
+
</ul>
</a>
+
</li>
+
</ul>
+
 
    </div>
 
    </div>
 
     </div>
 
     </div>
Line 564: Line 581:
 
<!--Counter and topnav ends-->
 
<!--Counter and topnav ends-->
 
<!--Content begins-->
 
<!--Content begins-->
<script>
 
$(document).ready(function(){
 
//Hides links when clicking on rest of page//
 
//Toggle for picture links//
 
$('.div_m.parts').mouseenter(function () {
 
$('.div_overlay.parts').fadeIn( "fast", "linear" );
 
event.stopPropagation();
 
    });
 
$('.div_m.parts').mouseleave(function () {
 
$('.div_overlay.parts').fadeOut( "fast", "linear" );
 
event.stopPropagation();
 
    });
 
$('.div_m.team').mouseenter(function () {
 
$('.div_overlay.team').fadeIn( "fast", "linear" );
 
event.stopPropagation();
 
    });
 
$('.div_m.team').mouseleave(function () {
 
$('.div_overlay.team').fadeOut( "fast", "linear" );
 
event.stopPropagation();
 
    });
 
$('.div_m.project').mouseenter(function () {
 
$('.div_overlay.project').fadeIn( "fast", "linear" );
 
event.stopPropagation();
 
    });
 
$('.div_m.project').mouseleave(function () {
 
$('.div_overlay.project').fadeOut( "fast", "linear" );
 
event.stopPropagation();
 
    });
 
$('.div_m.modelling').mouseenter(function () {
 
$('.div_overlay.modelling').fadeIn( "fast", "linear" );
 
event.stopPropagation();
 
    });
 
$('.div_m.modelling').mouseleave(function () {
 
$('.div_overlay.modelling').fadeOut( "fast", "linear" );
 
event.stopPropagation();
 
    });
 
$('.div_m.humanpractices').mouseenter(function () {
 
$('.div_overlay.humanpractices').fadeIn( "fast", "linear" );
 
event.stopPropagation();
 
    });
 
$('.div_m.humanpractices').mouseleave(function () {
 
$('.div_overlay.humanpractices').fadeOut( "fast", "linear" );
 
event.stopPropagation();
 
    });
 
});
 
</script>
 
 
<div class="div_vl backgroundimage">
 
<div class="div_vl backgroundimage">
 
<div style="height:14vh;">
 
<div style="height:14vh;">
Line 619: Line 590:
 
<div id="a_home" class="div_overlay parts col-xs-12">
 
<div id="a_home" class="div_overlay parts col-xs-12">
 
 
<a id="a_home" href="https://2016.igem.org/Team:Exeter/Parts" class="div_overlay parts col-xs-12"></a>
+
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 626: Line 597:
 
<div id="a_home" class="div_overlay project col-xs-12">
 
<div id="a_home" class="div_overlay project col-xs-12">
 
 
<a id="a_home" href="https://2016.igem.org/Team:Exeter/Project" class="div_overlay project col-xs-12"></a>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 633: Line 604:
 
<div id="a_home" class="div_overlay team col-xs-12">
 
<div id="a_home" class="div_overlay team col-xs-12">
 
 
<a id="a_home" href="https://2016.igem.org/Team:Exeter/Team" class="div_overlay team col-xs-12"></a>
+
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 640: Line 611:
 
<div id="a_home" class="div_overlay humanpractices col-xs-12">
 
<div id="a_home" class="div_overlay humanpractices col-xs-12">
 
 
<a id="a_home" href="https://2016.igem.org/Team:Exeter/Human_Practices" class="div_overlay humanpractices col-xs-12"></a>
+
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 647: Line 618:
 
<div id="a_home" class="div_overlay modelling col-xs-12">
 
<div id="a_home" class="div_overlay modelling col-xs-12">
 
 
<a id="a_home" href="https://2016.igem.org/Team:Exeter/Model" class="div_overlay modelling col-xs-12"></a>
+
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 669: Line 640:
 
<h2 style="text-align:center">How reliable is your kill switch?</h2>
 
<h2 style="text-align:center">How reliable is your kill switch?</h2>
 
 
<p id="pp">Addressing biosafety is an important issue for synthetic biologists              and concerns surrounding synthetic organisms escaping out of their controlled environment, has prompted research into novel bio-containment methods. Many iGEM teams that require their genetically modified organisms (GMOs) to be released into the wild, use kill switches (inducible genetic devices that cause cell death) to justify their projects and address concerns about the harmful effects GMOs can have in the environment. Unfortunately, kill switches are poorly categorised in the standard registry of genetic parts and there is a distinct lack of quantitative data on their suitability as bio-containment methods, thus preventing them being used with confidence.</p>
+
<p id="pp">Addressing biosafety is an important issue for synthetic biologists              and concerns surrounding synthetic organisms escaping out of their controlled environment, has prompted research into novel bio-containment methods. Many iGEM teams that require their genetically modified organisms (GMOs) to be released into the wild, use kill switches (inducible genetic devices that cause cell death) to justify their projects and address concerns about the harmful effects GMOs can have in the environment. Unfortunately, kill switches are poorly categorised in the standard registry of genetic parts and there is a distinct lack of quantitative data on their suitability as bio-containment methods, thus preventing them from being used with confidence.</p>
  
 
<div >
 
<div >
 
                                                
 
                                                
                                 <h5><q style="margin:auto;display:block;"><i>The compiling of the wiki screen shows that no containment systems created in iGEM is robust: they lack the above quantification and are mostly one mutation away from failure.</i></q><br / > <span id="afQuote" style="padding-left:0;"> -Sara Aguiton and Claire Mayer, iGEM </span></h5>
+
                                 <h5><q style="margin:auto;display:block;"><i>No containment systems created in iGEM are robust: they lack the above quantification and are mostly one mutation away from failure.</i></q><br / > <span id="afQuote" style="padding-left:0;"> -Sara Aguiton and Claire Mayer, iGEM </span></h5>
 
</div>
 
</div>
  
Line 684: Line 655:
 
 
 
<p id="pp">Through a series of interviews and questions, we are trying to identify what really is a kill switch? What do university students understand as a kill switch and how does that compare to academics or those working in industry? The purpose of this is to elucidate whether a kill switch can reliably be used as a biosafety measure or if it is misclassified. </p>
 
<p id="pp">Through a series of interviews and questions, we are trying to identify what really is a kill switch? What do university students understand as a kill switch and how does that compare to academics or those working in industry? The purpose of this is to elucidate whether a kill switch can reliably be used as a biosafety measure or if it is misclassified. </p>
+
<br>
<br>
+
<br>
<br>
+
 
 +
<div class="row">
 +
    <div class="col-xs-6" style="padding:5px 2% 5px 10%;margin:0;">
 +
        <img src="https://static.igem.org/mediawiki/2016/f/f2/T--Exeter--home-KRstill_png.png"
 +
style="max-width:70%;margin:auto;display:block;">
 +
<br>
 +
    </div>
 +
<div class="col-xs-6" style="padding:5px 10% 5px 2%;margin:0;">
 +
        <img src="https://static.igem.org/mediawiki/2016/f/f1/T--Exeter--home-lysostill_png.png"
 +
style="max-width:70%;margin:auto;display:block;">
 +
<br>
 +
    </div>
 +
</div>  
 
 
 
<h3  style="text-align:center" >Human Practices</h3>
 
<h3  style="text-align:center" >Human Practices</h3>
Line 696: Line 679:
  
  
                                 <h5><q style="margin:auto;display:block;"><i>iGEM could produce support resources, for the existing A level, which introduced ideas of synthetic biology and which could be used as ‘stretch and challenge’ materials by teachers.</i></q><br / > <span id="afQuote" style="padding-left:0;"> -Edexcel</span></h5>
+
                                 <h5><q style="margin:auto;display:block;"><i>iGEM could produce support resources, for the existing[Biology] A level, which introduce ideas of synthetic biology and which could be used as ‘stretch and challenge’ materials by teachers.</i></q><br / > <span id="afQuote" style="padding-left:0;"> -Edexcel</span></h5>
  
 
   
 
   
                                 <p id="pp">We have attended a number of schools and science fairs to educate school students, and teachers, on the benefits and applications of synthetic biology. This has been made possible largely through the creation of our board game (<a href="https://2016.igem.org/Team:Exeter/Human_Practices#section_2">BioMech</a>) which introduces students to the fundamental principles of synthetic biology as well as some key biological concepts like mutation, in a fun and engaging manner. We have made presentations to these students to emphasise the importance of synthetic biology and how it already impacts their day to day lives.  </p>
+
                                 <p id="pp">We have attended a number of schools and science fairs to educate school students, and teachers, on the benefits and applications of synthetic biology. This has been made possible largely through the creation of our board game (<a href="https://2016.igem.org/Team:Exeter/Engagement#section_1">BioMech</a>) which introduces students to the fundamental principles of synthetic biology as well as some key biological concepts like mutation, in a fun and engaging manner. We have made presentations to these students to emphasise the importance of synthetic biology and how it already impacts their day to day lives.  </p>
  
 
                                 <p id="pp">Through a unique series of fun but professional interviews and podcasts, we hope to have presented the work of academics and other researchers in an engaging but relatable way. It is our hope that this angle gives us the ability to both make synthetic biology a more attractive field of science to the public but also help the public understand how the scientific community is trying to combat the potential risks.</p>
 
                                 <p id="pp">Through a unique series of fun but professional interviews and podcasts, we hope to have presented the work of academics and other researchers in an engaging but relatable way. It is our hope that this angle gives us the ability to both make synthetic biology a more attractive field of science to the public but also help the public understand how the scientific community is trying to combat the potential risks.</p>
Line 710: Line 693:
 
<br>
 
<br>
 
<br>
 
<br>
+
 
+
<div class="col-xs-12" style="margin:0;padding:0;">
 +
<img src="https://static.igem.org/mediawiki/2016/b/ba/T--Exeter--Home-sponsors_png.png" style="max-width:90%;margin:auto;display:block;">
 +
 
 +
<br>
 +
<br>
 +
 
 +
</div>
 +
 
 
 
</div>
 
</div>
 +
 
 
+
 
 
 
<div class="col-sm-4 col-xs-12">
 
<div class="col-sm-4 col-xs-12">

Latest revision as of 02:24, 20 October 2016