AndrewWild (Talk | contribs) |
|||
(38 intermediate revisions by 3 users not shown) | |||
Line 63: | Line 63: | ||
color:#47BCC2; | color:#47BCC2; | ||
/*font-size:20px;*/ | /*font-size:20px;*/ | ||
− | font-size:1. | + | 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; | |
} | } | ||
− | + | .soc_1{ | |
− | + | ||
− | + | ||
margin-right:3px; | margin-right:3px; | ||
− | |||
− | |||
} | } | ||
− | + | .soc_2{ | |
− | + | ||
margin-right:3px; | margin-right:3px; | ||
− | |||
− | |||
} | } | ||
− | + | .soc_3{ | |
− | + | ||
margin-right:3px; | margin-right:3px; | ||
− | |||
− | |||
− | |||
} | } | ||
Line 423: | Line 412: | ||
} | } | ||
#title{ | #title{ | ||
− | font-size: | + | 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 477: | 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 498: | 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">Lab</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/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/ | + | <li><div id="links_drop" class="dropdown"> |
− | <li >< | + | <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> |
− | <li ><a id="links"href="https://2016.igem.org/Team:Exeter/ | + | <span style="margin-bottom:4px;">Awards</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/Awards">Awards</a></li> | |
− | + | <li><span style="margin:10px 0 30px 2px;padding:0;">Special pages</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/Gold">HP Gold</a></li> | |
− | + | ||
− | + | </ul> | |
− | + | </div></li> | |
− | + | <li ><a id="links"href="https://2016.igem.org/Team:Exeter/Model">Models</a></li> | |
− | + | <li ><a id="links"href="https://2016.igem.org/Team:Exeter/Collaborations">Collaborations</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 599: | Line 695: | ||
<!--Give span class "oneline" or "twoline" depending on how llong the section text is--> | <!--Give span class "oneline" or "twoline" depending on how llong the section text is--> | ||
− | <a href="#section_1" class="banner_link col-xs-6 | + | <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> | |
− | <a href="# | + | |
− | + | ||
</div> | </div> | ||
Line 618: | 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 629: | 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- | + | <div class="col-xs-0 col-sm-0 col-me-2"></div> |
− | <div class="col-xs-12 col-sm- | + | <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: | + | <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 639: | Line 745: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="col-xs-0 col-sm- | + | <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 991: | 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, | + | 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. |
− | + | ||
</p> | </p> | ||
</div> | </div> | ||
Line 1,082: | Line 1,187: | ||
<hr style="border-color:#777777; margin:0;"> | <hr style="border-color:#777777; margin:0;"> | ||
− | + | </div> | |
− | <div class="col-xs-12">< | + | <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%;"> | ||
− | + | ||
<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,209: | 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,290: | Line 1,400: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
− | |||
</div> | </div> | ||
</div> | </div> |
Latest revision as of 21:46, 18 October 2016