Difference between revisions of "Team:Exeter/Team"

 
(71 intermediate revisions by 4 users not shown)
Line 56: Line 56:
 
       display:block !important;
 
       display:block !important;
 
   }
 
   }
   #soc_1, #soc_2, #soc_3{
+
   #soc{
 
display:none;
 
display:none;
 
   }
 
   }
Line 62: Line 62:
 
#links{
 
#links{
 
color:#47BCC2;
 
color:#47BCC2;
font-size:20px;
+
/*font-size:20px;*/
 +
font-size:1.2vw;
 +
margin:0 0.9vw 0.5vh 0.9vw;
 +
padding:0;
 
line-height:0px;
 
line-height:0px;
 
padding-top:28px;
 
padding-top:28px;
 
}
 
}
 
+
/*Fixes font size when nav-bar is collapsed*/
 +
@media (max-width: 920px) {
 +
#links{
 +
font-size:20px;
 +
}
 +
}
 
#links:hover{
 
#links:hover{
 
color:#339499;
 
color:#339499;
Line 106: Line 114:
 
#soc{
 
#soc{
 
margin-top:-12px;
 
margin-top:-12px;
+
margin-left:-15px;
 
}
 
}
/****Social Media navbar icons****/
+
.soc_1{
/*youtube*/
+
#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;
 
 
}
 
}
  
Line 220: Line 217:
 
         border-style:none;
 
         border-style:none;
 
}
 
}
/*Paragraph styling*/
 
 
#pp{
 
#pp{
padding-top:2%;
+
padding-top:20px;
padding-left:5%;
+
padding-right:40px;
padding-right:5%;
+
padding-left:40px;
font-size:120%;
+
font-size:100%;
 
}
 
}
 
+
.container ul, .container ol{
/*horizontal rule stying*/
+
font-size:140%;
hr{
+
padding-right:40px;
border-color:#339499;
+
padding-left:60px;
margin-left:3%;
+
padding-top:10px;
margin-right:3%;
+
 
}
 
}
 
/*Heading styles*/
 
/*Heading styles*/
.wrap h1, h2, h3, h4, h5{
+
h1, h2, h3, h4, h5{
 
text-align:center;
 
text-align:center;
 
color:#339499;
 
color:#339499;
 
font-weight:500;
 
font-weight:500;
 +
    padding-left: 40px;
 +
    padding-right: 40px;
 +
padding-top: 40px;
 +
padding-bottom:0;
 
}
 
}
 
h1{font-size:340%;}
 
h1{font-size:340%;}
h2{font-size:320%;}
+
h2{font-size:280%;}
 
h3{font-size:290%;}
 
h3{font-size:290%;}
 
h4{font-size:260%;}
 
h4{font-size:260%;}
 
h5{font-size:220%;}
 
h5{font-size:220%;}
.wrap h6{
+
h6{
 
color:#339499;
 
color:#339499;
 
font-weight:500;
 
font-weight:500;
 
font-size:200%;
 
font-size:200%;
padding-left:5%;
+
padding-left:40px;
 +
padding-top: 20px;
 +
padding-bottom:-10px;
 
}
 
}
 
 
/*Italics for Quotes using i tag*/
 
/*Italics for Quotes using i tag*/
 
q{
 
q{
Line 262: Line 262:
 
}
 
}
 
/*Styling for links*/
 
/*Styling for links*/
.wrap a{
+
a{
 
color:#339499;
 
color:#339499;
 
font-weight:550;
 
font-weight:550;
Line 315: Line 315:
 
background-size: 100% auto;
 
background-size: 100% auto;
 
width:100%;
 
width:100%;
height:60vh;
+
height:88vh;
 
}
 
}
 
#title{
 
#title{
Line 344: Line 344:
 
height:8vh;
 
height:8vh;
 
padding:0;
 
padding:0;
 +
margin:auto;
 +
position:relative;
 +
bottom:0;
 +
right:0;
 
}
 
}
 
.subdiv_banner.left{
 
.subdiv_banner.left{
Line 360: Line 364:
 
width:100%;
 
width:100%;
 
position: relative;
 
position: relative;
top: 50%;
+
top: 38%;
 
-ms-transform: translateY(-50%) /* IE 9 */
 
-ms-transform: translateY(-50%) /* IE 9 */
 
     -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 
     -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
     transform: translateY(-50%)
+
     transform: translateY(-50%);
 
}
 
}
 
.banner_link,.banner_link:visited{
 
.banner_link,.banner_link:visited{
 +
position: relative;
 
height:100%;
 
height:100%;
 +
padding:0, 2px!important;
 
color:#47BCC2;
 
color:#47BCC2;
 
text-align:center;
 
text-align:center;
 +
font-size:1.5vw;
 
/*Max font size where "section" and "1" don't appear on*/
 
/*Max font size where "section" and "1" don't appear on*/
 +
}
 +
.banner_link span.oneline{
 +
position: relative;
 +
top: 34.5%;
 +
-ms-transform: translateY(-50%) /* IE 9 */
 +
    -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 +
    transform: translateY(-50%);
 +
}
 +
.banner_link span.twoline{
 +
position: relative;
 +
top: 7.5%;
 +
-ms-transform: translateY(-50%) /* IE 9 */
 +
    -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 +
    transform: translateY(-50%);
 
}
 
}
 
.banner_link:hover{
 
.banner_link:hover{
Line 375: Line 396:
 
color:#339499;
 
color:#339499;
 
}
 
}
.banner_link{
+
.link_fix{
    padding-left:0px;
+
display:block;
padding-right:0px;
+
position:relative;
margin:0px -20px 0px -20px;
+
height:1px;
 +
top:-15px;
 
}
 
}
 
 
/*Mobile and small screen css*/
 
/*Mobile and small screen css*/
 
@media (max-width: 767px){
 
@media (max-width: 767px){
 +
.link_fix{
 +
display:none;
 +
}
 
.div_vl.backgroundimage{
 
.div_vl.backgroundimage{
 
background-image: url('#');
 
background-image: url('#');
Line 388: Line 412:
 
}
 
}
 
#title{
 
#title{
font-size:150%;
+
font-size:260%;
 +
}
 +
.banner_link{
 +
font-size:22px;
 +
}
 +
.div_banner{
 +
margin-top:20px;
 
}
 
}
 
/*Makes side pictures on banner invisible on small screens*/
 
/*Makes side pictures on banner invisible on small screens*/
Line 396: Line 426:
 
}
 
}
 
}
 
}
 +
 
/*Team page css*/
 
/*Team page css*/
 
.role{
 
.role{
Line 441: Line 472:
 
opacity:0.4;
 
opacity:0.4;
 
}
 
}
 +
#dropdownMenu1{
 +
margin-top:-0.15vw;
 +
background:#e8e8e8;
 +
border-style:none;
 +
}
 +
@media (min-width: 767px){
 +
.dropdown-menu{
 +
margin-top:24px;
 +
left:-19px;
 +
border-radius:0px;
 +
padding:4px;
 +
}
 +
}
 +
/*Mobile and small screen css*/
 +
@media (max-width: 767px){
 +
.div_vl.backgroundimage{
 +
height:37vh;
 +
background-size: auto 200%;
 +
}
 +
.div_l{
 +
display:none;
 +
}
 +
#logo_Banner_Desktop{
 +
display:none;
 +
}
 +
#logo_Banner_Mobile{
 +
display:block;
 +
width:100%;
 +
max-width:200px;
 +
margin:auto;
 +
}
 +
#dropdownMenu1{
 +
padding:2.5% 0 2% 0;
 +
margin:-1.6% auto -1.4% 0.9%;
 +
}
 +
#links{
 +
padding:10px 0;
 +
margin-left:0.85vw;
 +
}
 +
}
 +
#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;
 +
}
 +
@media (max-width: 920px){
 +
#links_drop{
 +
margin-left:0;
 +
padding-top:9px;
 +
margin-top:-4px;
 +
font-size:20px;
 +
}
 +
}
 +
button.dropdown-toggle{
 +
padding-top:21px; !important
 +
}
 +
@media (max-width: 767px){
 +
button.dropdown-toggle{
 +
padding-top:5px;
 +
}
 +
}
 +
#links_drop:hover span{
 +
color:#339499;
 
}
 
}
 
</style>
 
</style>
  
 
+
<div id="top_page" class="link_fix"></div>
 
<nav id="Top" class="navbar navbar-inverse navbar-static-top">
 
<nav id="Top" class="navbar navbar-inverse navbar-static-top">
 
   <div class="container-fluid">
 
   <div class="container-fluid">
Line 462: Line 559:
 
         <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 ><a id="links"href="https://2016.igem.org/Team:Exeter/Project">Project</a></li>
+
<li><div id="links_drop" class="dropdown">
 +
  <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 class="caret"></span>
 +
  </button>
 +
  <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/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>
 +
 
 +
  </ul>
 +
</div></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/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/Human_Practices">Human Practices</a></li>
+
<li><a id="links" href="https://2016.igem.org/Team:Exeter/Interlab">InterLab</a></li>
 +
<li><div id="links_drop" class="dropdown">
 +
  <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 class="caret"></span>
 +
  </button>
 +
  <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1"> 
 +
    <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>
 +
 
 +
  </ul>
 +
</div></li>
 +
 
 
<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 ><a id="links"href="https://2016.igem.org/Team:Exeter/Awards">Awards</a></li>
+
 
</ul>
+
<li><div id="links_drop" class="dropdown">
<ul class="nav navbar-nav navbar-right" >
+
  <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<li class="media_icon" id="soc_1">
+
    <span style="margin-bottom:4px;">Awards</span>
<a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
+
    <span class="caret"></span>
<img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/>
+
  </button>
</a>
+
  <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
</li>
+
 
    <li class="media_icon" id="soc_2">
+
<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>
<a href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel">
+
<li><span style="margin:10px 0 30px 2px;padding:0;">Special pages</span></li>
<img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/>
+
<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>
</a>
+
<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>
+
 
    <li class="media_icon" id="soc_3">
+
  </ul>
<a  href="https://twitter.com/exeter_igem">
+
</div></li>
<img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/>
+
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Model">Models</a></li>
</a>
+
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Collaborations">Collaborations</a></li>
</li>
+
 
 +
 
 +
 
 
</ul>
 
</ul>
 +
<ul class="nav navbar-nav navbar-right">
 +
<li style="height:50px;width:48px;"class="soc_1">
 +
<a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
 +
<img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/></a>
 +
</li>
 +
<li style="height:50px;width:48px;"class="soc_2">
 +
<a 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>
 +
</li>
 +
<li style="height:50px;width:48px;"class="soc_3">
 +
<a href="https://twitter.com/exeter_igem">
 +
<img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/></a>
 +
</li>
 +
</ul>
 
    </div>
 
    </div>
 
     </div>
 
     </div>
Line 526: Line 661:
 
$('#logo_inverse').toggle();
 
$('#logo_inverse').toggle();
 
});
 
});
 +
});
 +
//Smooth scrolling//
 +
$('a[href^="#"]').on('click',function (e) {
 +
    e.preventDefault();
 +
 +
    var target = this.hash;
 +
    var $target = $(target);
 +
 +
    $('html, body').stop().animate({
 +
        'scrollTop': $target.offset().top
 +
    }, 900, 'swing', function () {
 +
        window.location.hash = target;
 +
    });
 
});
 
});
 
</script>  
 
</script>  
Line 532: Line 680:
 
<div class="container">
 
<div class="container">
 
<div class="div_vl backgroundimage">
 
<div class="div_vl backgroundimage">
<h1 id="title">Team & Collaborations </h1>
+
<h1 id="title">Meet the Team </h1>
 
<!--Contains links to sections on page-->
 
<!--Contains links to sections on page-->
 
<div class="div_banner">
 
<div class="div_banner">
Line 546: Line 694:
 
<!--the screen is xs compared to when it is sm-->
 
<!--the screen is xs compared to when it is sm-->
 
 
<!--Font size &amp; line size is in style because you will need to change-->
+
<!--Give span class "oneline" or "twoline" depending on how llong the section text is-->
<!--to look good each time --sorry-- -->
+
<a href="#section_1" class="banner_link col-xs-6"><span class="oneline">Student Team</span></a>
<a href="#section_1" style="font-size:170%;line-height:350%;" class="banner_link col-xs-6 ">Meet the Team<a>
+
<a href="#section_2" class="banner_link col-xs-6"><span class="oneline">Advisory Team</span></a>
<a href="#section_2" style="font-size:170%;line-height:350%;" class="banner_link col-xs-6 ">Collaborations</a>
+
+
 
</div>
 
</div>
 
<!--Left picture (the teal line on left)-->
 
<!--Left picture (the teal line on left)-->
Line 557: Line 704:
 
</div>
 
</div>
 
</div>
 
</div>
<div>
+
<div>
<a id="Section_Link" href="#section_1"><span style="font-size: 25px;
+
<a id="Section_link" href="#section_1" style="display:block;margin:34vh auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
color:#47BCC2;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
+
 
</div>
 
</div>
 +
 
</div>
 
</div>
<div id="section_1" class="col-xs-12 div_content">
+
<div class="col-xs-12 div_content">
 +
<div id="section_1" class="link_fix"></div>
 
<div id="contentTitle">
 
<div id="contentTitle">
Meet the Team
+
Student Team
 
</div>
 
</div>
 
<div class="wrap">
 
<div class="wrap">
Line 575: Line 723:
  
 
<div class="col-xs-12" style="padding:2% 0;">
 
<div class="col-xs-12" style="padding:2% 0;">
<div class="col-xs-0 col-sm-2 col-me-5"></div>
+
<div class="col-xs-0 col-sm-0 col-me-2"></div>
<div class="col-xs-12 col-sm-8 col-me-2">
+
<div class="col-xs-12 col-sm-6 col-me-4">
 
<div class="row" style="padding-top:20px">
 
<div class="row" style="padding-top:20px">
<video style="width:99%;" controls>
+
<video style="height:356px;width:632px;margin:auto;display:block;width:90%;" controls>
 
<source src="https://static.igem.org/mediawiki/2016/c/c9/T--Exeter--Team_1.Webm" type="video/webm">
 
<source src="https://static.igem.org/mediawiki/2016/c/c9/T--Exeter--Team_1.Webm" type="video/webm">
 +
<source src="https://static.igem.org/mediawiki/2016/1/13/T--Exeter--Team_videomp4.mp4" type="video/mp4">
 +
<source src="https://static.igem.org/mediawiki/2016/7/73/T--Exeter--Team_video.ogg" type="video/ogg">
 +
 +
Your browser does not support the video tag.
 +
</video>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 col-sm-6 col-me-4">
 +
<div class="row" style="padding-top:20px">
 +
<video style="height:356px;width:632px;margin:auto;display:block;width:90%;" controls>
 +
<source src="https://static.igem.org/mediawiki/2016/8/81/T--Exeter--Team_Teamvideo2mp4.mp4" type="video/mp4">
 +
<source src="https://static.igem.org/mediawiki/2016/7/7c/T--Exeter--Team_Teamvideo2ogg.ogg" type="video/ogg">
 
 
 
Your browser does not support the video tag.
 
Your browser does not support the video tag.
Line 585: Line 745:
 
</div>
 
</div>
 
</div>
 
</div>
<div class="col-xs-0 col-sm-2 col-me-5"></div>
+
<div class="col-xs-0 col-sm-0 col-me-2"></div>
 
<div class="col-xs-12"><h1>Click on a member of the team to find out more:</h1></div>
 
<div class="col-xs-12"><h1>Click on a member of the team to find out more:</h1></div>
 
<hr style="border-color:#777777; margin:0;"/>
 
<hr style="border-color:#777777; margin:0;"/>
Line 937: Line 1,097:
 
it’s one of the aspects that attracted me to iGEM. Being a physicist,
 
it’s one of the aspects that attracted me to iGEM. Being a physicist,
 
an opportunity to experience a whole new field of science doesn’t occur too often,  
 
an opportunity to experience a whole new field of science doesn’t occur too often,  
so I jumped at the opportunity. Outside of science I have a great interest in fitness and general well-being, and jump at the opportunity to hang out with friends,
+
so I jumped at the opportunity. Outside of science I have a great interest in fitness and general well-being, whilst still appreciating an evening in with mates.
often staying up until early hours of the morning on skype.
+
 
</p>
 
</p>
 
</div>
 
</div>
Line 1,028: Line 1,187:
 
<hr style="border-color:#777777; margin:0;">
 
<hr style="border-color:#777777; margin:0;">
 
 
 
+
</div>
<div class="col-xs-12"><h1>Advisory Team</h1></div>
+
<div class="col-xs-12 div_content">
 +
<div id="section_2" class="link_fix"></div>
 +
<div id="contentTitle">
 +
Advisory Team
 +
</div>
 +
<div style="padding:0 2%;">
 
 
<hr style="border-color:#777777; margin:0;"/>
+
 
 
<div class="row">
 
<div class="row">
 
<div class="col-md-4 col-sm-6 col-xs-12">
 
<div class="col-md-4 col-sm-6 col-xs-12">
Line 1,051: Line 1,215:
 
</div>
 
</div>
 
<div class="modal-body">
 
<div class="modal-body">
 +
 +
 +
<p id="pp">I am a third year PhD student, working in the Exeter Microbial Biofuels Group.
 +
I am attempting to develop a set of thoroughly characterised, robust synthetic
 +
promoters in a non-model organism using statistical models that link promoter
 +
sequence and structure to function. This is my first year being involved with
 +
iGEM, but I have enjoyed working with the team and am looking forward to being
 +
a judge in Boston.</p>
 
 
 
</div>
 
</div>
Line 1,147: Line 1,319:
 
</div>
 
</div>
 
<div class="modal-body">
 
<div class="modal-body">
+
                <p id="pp">I am a Research Fellow working under Professor Love in the Exeter Microbial Biofuels group with our research focusing on using a synthetic biology approach to producing customisable petroleum replica fuel molecules. I have been involved with iGEM since 2013 and i continue to be amazed by the range and depth of projects that our brilliant students produce year in year out and i am looking forward to another fantastic year.</p>
 
</div>
 
</div>
 
<div class="modal-footer">
 
<div class="modal-footer">
Line 1,207: Line 1,379:
 
<div class="modal-header">
 
<div class="modal-header">
 
<button type="button" class="close" data-dismiss="#myModalA">&times;</button>
 
<button type="button" class="close" data-dismiss="#myModalA">&times;</button>
</a><h3 class="modal-title">Ryan Edginton<br><a href="http://emps.exeter.ac.uk/physics-astronomy/staff/rse204" style="color:#23527c;text-align:center;"><span >Research Profile</span></a></h3>
+
</a><h3 class="modal-title">Ryan Edginton<br /></h3>
 
</div>
 
</div>
 
<div class="modal-body">
 
<div class="modal-body">
Line 1,216: Line 1,388:
 
<div class="modal-footer">
 
<div class="modal-footer">
 
<!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
 
<!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
 +
<p id ="pp" style="text-align:center;"><a href="http://emps.exeter.ac.uk/physics-astronomy/staff/rse204"
 +
style="text-align:center;">Research Profile</a></p>
 
<p id="pp" style="text-align:center;"><span style="color:#15B5C5;text-align:center;">Email: </span>rse204@exeter.co.uk</p>
 
<p id="pp" style="text-align:center;"><span style="color:#15B5C5;text-align:center;">Email: </span>rse204@exeter.co.uk</p>
 
</div>
 
</div>
Line 1,226: Line 1,400:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
 
</div>
 
</div>
 
</div>
 
</div>
  
 
<div>
 
<div>
<a id="Section_Link" href="#section_2">
+
 
<span style="font-size: 25px;
+
color:#47BCC2;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
+
</a>
+
 
</div>
 
</div>
 
 
<div id="section_2" class="col-xs-12 div_content">
+
<div id="contentTitle">
+
Collaborations
+
</div>
+
<p id="pp" style="font-size:200%;">This year we have been working alongside iGEM teams from across the globe. We have been working closely with teams from Newcastle, Glasgow and Purdue to help each other improve our projects from both in and outside the lab.
+
For one of our collaborations With Newcastle we had to find the thermal conductivity of various growth media.
+
Using the apparatus we had available we found the thermal conductivity of lb and M9 to be roughly
+
the same as water. The conductivity of water at room temperature is about 598.4 $\frac{mW}{Km}\text{ }$(mili
+
watt per metre kelvin).
+
We found the conductivity of LB and M9 to be (605 $\pm$ 20) $\frac{mW}{Km}\text{ }$ and (570 $\pm$ 30) $\frac{mW}{Km}\text{ }$ respectively
+
You can read more about out method <a href="https://2016.igem.org/Team:Exeter/Team/collab">here</a>.</p>
+
</p>
+
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 1,257: Line 1,416:
 
   <div class="container-fluid">
 
   <div class="container-fluid">
 
     <div class="navbar-header">
 
     <div class="navbar-header">
       <a class="navbar-brand" id="Top_link" href="#Top">
+
       <a class="navbar-brand" id="Top_link" href="#top_page">
 
<span class="glyphicon glyphicon-menu-up" aria-hidden="true" style="max-width:1%;"></span>
 
<span class="glyphicon glyphicon-menu-up" aria-hidden="true" style="max-width:1%;"></span>
 
  </a>
 
  </a>

Latest revision as of 21:46, 18 October 2016