Difference between revisions of "Team:Exeter/Team"

 
(50 intermediate revisions by 4 users not shown)
Line 63: Line 63:
 
color:#47BCC2;
 
color:#47BCC2;
 
/*font-size:20px;*/
 
/*font-size:20px;*/
−
font-size:1.6vw;
+
font-size:1.2vw;
 
margin:0 0.9vw 0.5vh 0.9vw;
 
margin:0 0.9vw 0.5vh 0.9vw;
 
padding:0;
 
padding:0;
Line 114: 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 228: Line 217:
 
         border-style:none;
 
         border-style:none;
 
}
 
}
−
/*Paragraph styling*/
 
 
#pp{
 
#pp{
 
padding-top:20px;
 
padding-top:20px;
 
padding-right:40px;
 
padding-right:40px;
 
padding-left:40px;
 
padding-left:40px;
−
font-size:150%;
+
font-size:100%;
 
}
 
}
−
/*horizontal rule stying*/
+
.container ul, .container ol{
−
hr{
+
font-size:140%;
−
border-color:#339499;
+
padding-right:40px;
−
margin-left:3%;
+
padding-left:60px;
−
margin-right:3%;
+
padding-top:10px;
 
}
 
}
 
/*Heading styles*/
 
/*Heading styles*/
Line 246: Line 234:
 
color:#339499;
 
color:#339499;
 
font-weight:500;
 
font-weight:500;
−
     padding-left: 5%;
+
     padding-left: 40px;
−
     padding-right: 5%;
+
     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%;}
Line 258: Line 248:
 
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 324: Line 315:
 
background-size: 100% auto;
 
background-size: 100% auto;
 
width:100%;
 
width:100%;
−
height:60vh;
+
height:88vh;
 
}
 
}
 
#title{
 
#title{
Line 353: 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 369: 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{
 
text-decoration:none;
 
text-decoration:none;
 
color:#339499;
 
color:#339499;
−
}
 
−
.banner_link{
 
−
    padding-left:0px;
 
−
padding-right:0px;
 
−
margin:0px -20px 0px -20px;
 
 
}
 
}
 
.link_fix{
 
.link_fix{
 +
display:block;
 
position:relative;
 
position:relative;
 
height:1px;
 
height:1px;
Line 396: Line 404:
 
/*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 401: 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 409: Line 426:
 
}
 
}
 
}
 
}
 +
 
/*Team page css*/
 
/*Team page css*/
 
.role{
 
.role{
Line 454: 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>
Line 475: 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>
+
 
−
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Log">Log</a></li>
+
<li><div id="links_drop" class="dropdown">
−
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Collaborations">Collaborations</a></li>
+
  <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
−
</ul>
+
    <span style="margin-bottom:4px;">Awards</span>
−
<ul class="nav navbar-nav navbar-right" >
+
    <span class="caret"></span>
−
<li class="media_icon" id="soc_1">
+
  </button>
−
<a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
+
  <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
−
<img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/>
+
 
−
</a>
+
<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>
+
<li><span style="margin:10px 0 30px 2px;padding:0;">Special pages</span></li>
−
    <li class="media_icon" id="soc_2">
+
<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 href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel">
+
<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>
−
<img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/>
+
 
−
</a>
+
  </ul>
−
</li>
+
</div></li>
−
    <li class="media_icon" id="soc_3">
+
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Model">Models</a></li>
−
<a href="https://twitter.com/exeter_igem">
+
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Collaborations">Collaborations</a></li>
−
<img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/>
+
 
−
</a>
+
 
−
</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 541: 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 561: 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_2" class="banner_link col-xs-6"><span class="oneline">Advisory Team</span></a>
 
 
 
</div>
 
</div>
Line 569: Line 703:
 
<img src="https://static.igem.org/mediawiki/2016/5/56/T--Exeter--Template_Banner_right.png">
 
<img src="https://static.igem.org/mediawiki/2016/5/56/T--Exeter--Template_Banner_right.png">
 
</div>
 
</div>
 +
</div>
 +
<div>
 +
<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>
 
</div>
 
</div>
 
 
Line 575: Line 712:
 
<div id="section_1" class="link_fix"></div>
 
<div id="section_1" class="link_fix"></div>
 
<div id="contentTitle">
 
<div id="contentTitle">
−
+
Student Team
 
</div>
 
</div>
 
<div class="wrap">
 
<div class="wrap">
Line 586: 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 596: 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 948: 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,039: 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,062: 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,158: 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,218: 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,227: 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,237: Line 1,400:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
</div>
 
</div>
−
 
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 21:46, 18 October 2016