Team:Exeter

From 2014.igem.org

(Difference between revisions)
 
(58 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
{{ExeterMain}}
-
<html lang="en">
+
<html>
-
<head>
+
<div id="image"> <!-- Image Gallery -->
-
<meta charset="utf-8" />
+
-
<title>Exeter | ERASE</title>
+
-
<script type="text/javascript" src="imageGallery.js"> </script>
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
+
-
<style type="text/css">
+
<ul id="image_gallery"> <!-- Pictures -->
-
body{
+
<li><img src="https://static.igem.org/mediawiki/2014/9/97/Exeter2014_Main_Front.jpg"></li>
-
background-color: #e0e0e0;
+
<li><img src="https://static.igem.org/mediawiki/2014/0/02/Exeter2014_Main_Problem.jpg"></li>
-
}
+
                                <li><img src="https://static.igem.org/mediawiki/2014/3/30/Exeter2014_Main_Solution.jpg"></li>
-
 
+
<li><img src="https://static.igem.org/mediawiki/2014/e/e4/Exeter2014_Main_Project.jpg"></li>
-
#wrapper
+
                               
-
{
+
-
background-color: #f0f0ff;
+
-
width: 900px;
+
-
margin-right:auto;
+
-
margin-left: auto;
+
-
box-shadow:0px 0px 8px #303030;
+
-
opacity: 1;
+
-
}
+
-
 
+
-
#header
+
-
{
+
-
padding: 0pt;
+
-
width: 900px;
+
-
background-color: #505050;
+
-
height:70px;
+
-
+
-
}
+
-
 
+
-
#header_list
+
-
{
+
-
display: inline;
+
-
list-style-type: none;
+
-
margin:0px;
+
-
padding:0px;
+
-
}
+
-
 
+
-
#header_list_element
+
-
{
+
-
padding:0px;
+
-
margin:0px;
+
-
float:left;
+
-
 
+
-
}
+
-
 
+
-
.header_link_div
+
-
{
+
-
overflow: hidden;
+
-
width: 150px;
+
-
height: 70px;
+
-
}
+
-
 
+
-
.header_link:link, .header_link:visited
+
-
{
+
-
background-color:#201830;
+
-
width: 150px;
+
-
height: 70px;
+
-
color: #e0e0e0;
+
-
text-decoration: none;
+
-
display: block;
+
-
text-align: center;
+
-
padding-top: 24px;
+
-
font-size: 20px;
+
-
font-weight:bold;
+
-
}
+
-
 
+
-
.header_link:hover, .header_link:active
+
-
{
+
-
background-color:#302448;
+
-
}
+
-
 
+
-
.header_menu ul
+
-
{
+
-
position:fixed;
+
-
z-index:1;
+
-
margin:0px;
+
-
padding:0px;
+
-
list-style-type: none;
+
-
width:150px;
+
-
left:-9999px;
+
-
}
+
-
 
+
-
/* Dropdown header menus */
+
-
 
+
-
.header_menu ul:hover {
+
-
left:auto;
+
-
}
+
-
 
+
-
.header_link_div:hover+div ul {
+
-
left:auto;
+
-
}
+
-
 
+
-
.header_menu ul li
+
-
{
+
-
display: block;
+
-
}
+
-
 
+
-
.header_menu ul li a:link, .header_menu ul li a:visited
+
-
{
+
-
display: block;
+
-
background-color:#201830;
+
-
color:#e0e0e0;
+
-
text-decoration: none;
+
-
text-align: center;
+
-
font-weight: bold;
+
-
font-size:14px;
+
-
height:19px;
+
-
}
+
-
 
+
-
.header_menu ul li a:hover, .header_menu ul li a:active
+
-
{
+
-
background-color: #302448;
+
-
}
+
-
 
+
-
 
+
-
/* Start of Image Gallery Style */
+
-
 
+
-
 
+
-
 
+
-
 
+
-
#image
+
-
{
+
-
background-color:#60606;
+
-
overflow:hidden;
+
-
position:relative;
+
-
height:500px;
+
-
top:auto;
+
-
}
+
-
 
+
-
#image_gallery
+
-
{
+
-
position:reltive;
+
-
height:auto;
+
-
list-style: none;
+
-
float:left;
+
-
padding:0px;
+
-
margin:0px;
+
-
}
+
-
 
+
-
#image_gallery li
+
-
{
+
-
position:relative;
+
-
float:left;
+
-
}
+
-
 
+
-
.image_navigation
+
-
{
+
-
position: absolute;
+
-
top:180px;
+
-
height:100px;
+
-
width: 30px;
+
-
opacity:0.4;
+
-
}
+
-
 
+
-
.image_navigation:hover
+
-
{
+
-
opacity:0.9;
+
-
}
+
-
 
+
-
#previous
+
-
{
+
-
background: #000000 url("https://dl.dropboxusercontent.com/u/65639888/image/prev.png") no-repeat center;
+
-
left:0px;
+
-
}
+
-
 
+
-
#next
+
-
{
+
-
background: #000000 url("https://dl.dropboxusercontent.com/u/65639888/image/next.png") no-repeat center;
+
-
right:0px;
+
-
}
+
-
 
+
-
#image_links
+
-
{
+
-
padding:0px;
+
-
margin:auto;
+
-
height:50px;
+
-
margin-top:10px;
+
-
height: 150px;
+
-
}
+
-
 
+
-
#pager
+
-
{
+
-
margin-right:50px;
+
-
}
+
-
 
+
-
#pager li
+
-
{
+
-
padding:0px;
+
-
margin:5px;
+
-
margin-top:60px;
+
-
margin-left:45px;
+
-
width:140px;
+
-
height:30px;
+
-
color:black;
+
-
list-style:none;
+
-
opacity:0.6;
+
-
float:left;
+
-
border-radius:3px;
+
-
cursor:pointer;
+
-
font-size:25px;
+
-
text-align:center;
+
-
}
+
-
 
+
-
#pager li:hover
+
-
{
+
-
opacity:0.9;
+
-
}
+
-
 
+
-
/* End of Image Gallery Style */
+
-
 
+
-
 
+
-
#description
+
-
{
+
-
padding:10px;
+
-
width: 880px;
+
-
margin-right: auto;
+
-
margin-left: auto;
+
-
font-family:Calibri;
+
-
font-size:18px;
+
-
}
+
-
 
+
-
 
+
-
#links
+
-
{
+
-
width:900px;
+
-
height:auto;
+
-
margin-left:auto;
+
-
margin-right:auto;
+
-
 
+
-
}
+
-
 
+
-
.image_link
+
-
{
+
-
width:270px;
+
-
height:150px;
+
-
margin:50px;
+
-
margin-left:120px;
+
-
margin-right:0px;
+
-
display:inline-block;
+
-
+
-
 
+
-
}
+
-
 
+
-
.image_link:link div, .image_link:visited div
+
-
{
+
-
background-size:100%;
+
-
opacity:0.9;
+
-
height:100%;
+
-
width:100%;
+
-
+
-
border-radius:30px;
+
-
-moz-border-radius:30px;
+
-
+
-
box-shadow:0px 0px 8px #808080 inset;
+
-
}
+
-
 
+
-
.image_link:hover div, .image_link:active div
+
-
{
+
-
opacity:1;
+
-
box-shadow:0px 0px 8px #808080;
+
-
}
+
-
 
+
-
#footer
+
-
{
+
-
background-color:#ffffff;
+
-
padding:20px;
+
-
}
+
-
 
+
-
#footer p
+
-
{
+
-
font-size:20px;
+
-
font-weight:bold;
+
-
}
+
-
 
+
-
#footer img
+
-
{
+
-
margin:20px;
+
-
}
+
-
 
+
-
</style>
+
-
</head>
+
-
<body>
+
-
<div id="fb-root"></div>
+
-
 
+
-
<div id="wrapper">
+
-
<div id="header">
+
-
+
-
<!-- Start of header links lists -->
+
-
+
-
<ul id="header_list">
+
-
<li id="header_list_element">
+
-
<div class="header_link_div">
+
-
<a class="header_link" href="https://2014.igem.org/Team:Exeter">Home</a>
+
-
</div>
+
-
<div class="header_menu"=>
+
-
<ul>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
+
-
<li id="header_list_element">
+
-
<div class="header_link_div">
+
-
<a class="header_link" href="https://2014.igem.org/Team:Exeter/Project">Project</a>
+
-
</div>
+
-
<div class="header_menu"=>
+
-
<ul>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/EColiStressTesting">E.Coli Stress Testing</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/DegradationConstructs">Degradation Constructs</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/RegulatorEfficiency">Regulator Efficiency</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/KillSwitchStudies">Kill Switch Studies</a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
+
-
<li id="header_list_element">
+
-
<div class="header_link_div">
+
-
<a class="header_link" href="https://2014.igem.org/Team:Exeter/Notebook">Notebook</a>
+
-
</div>
+
-
<div class="header_menu"=>
+
-
<ul>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/Diary">Diary</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/LabBook">Lab Book</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/Protocols">Protocols</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/References">References</a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
+
-
<li id="header_list_element">
+
-
<div class="header_link_div">
+
-
<a class="header_link" href="https://2014.igem.org/Team:Exeter/Outreach">Outreach</a>
+
-
</div>
+
-
<div class="header_menu"=>
+
-
<ul>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/OutreachAims">Introduction and aims</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/Stakeholders">Stakeholders</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/Presentations">Presentations</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/Questionnaire">Questionnaire</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/Game">Game</a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
+
-
<li id="header_list_element">
+
-
<div class="header_link_div">
+
-
<a class="header_link" href="https://2014.igem.org/Team:Exeter/Team">Team</a>
+
-
</div>
+
-
<div class="header_menu"=>
+
-
<ul>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/MeetTheTeam">Meet the Team</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/Official">Official Profile</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/Attributions">Attributions</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:Exeter/Sponsors">Sponsors</a>
+
-
</li>
+
-
 
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
+
-
<li id="header_list_element">
+
-
<div class="header_link_div">
+
-
<a class="header_link" href="https://2014.igem.org">iGEM</a>
+
-
</div>
+
-
<div class="header_menu"=>
+
-
<ul>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
</ul>
+
-
+
-
<!-- End of header links lists -->
+
-
+
-
</div>
+
-
<div id="image">
+
-
+
-
<!-- Image Gallery -->
+
-
 
+
-
<ul id="image_gallery"> <!-- Pictures -->
+
-
<li><img src="teamPicture.jpg"></li>
+
-
<li><img src="background.jpg"></li>
+
-
<li><img src="igemTeamsPicture.jpg"></li>
+
-
<li><img src="iceCreamVan.jpg"></li>
+
</ul>
</ul>
<a href="#"> <!-- Make navigation buttons act like links -->
<a href="#"> <!-- Make navigation buttons act like links -->
Line 429: Line 21:
</div>
</div>
<div id="description">
<div id="description">
-
<h1 size="20">Exeter iGEM 2k14<font style="font-size:1px;">son</font></h1>
+
 
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquet in ligula in bibendum. Quisque et mauris turpis. In et est sit amet eros auctor malesuada sit amet vel arcu. Proin sapien ante, sodales non metus vitae, hendrerit congue sem. Curabitur fringilla purus erat, vel auctor lorem consectetur ac. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla ullamcorper ante non venenatis lobortis. Donec porta, orci cursus accumsan lacinia, turpis velit euismod orci, vel adipiscing urna odio in massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus varius leo eget elit posuere bibendum. Sed semper enim non risus mollis, non malesuada nibh lobortis. Aenean non metus sit amet velit consequat iaculis. Aliquam lacinia laoreet sollicitudin. </p>
+
-
<p>Donec vel elit vel nisi auctor varius. Duis ultrices libero quis turpis auctor, in dictum purus porta. Duis justo turpis, aliquet aliquam mauris vitae, porttitor pretium dolor. Nam erat lorem, accumsan nec rutrum nec, placerat sit amet nibh. Fusce accumsan rhoncus adipiscing. Cras vulputate risus quis pulvinar venenatis. Etiam feugiat ac tortor eu tincidunt. Vivamus et dui ac ipsum cursus iaculis. Phasellus nulla lacus, bibendum nec fringilla eget, mollis et metus. Vestibulum tempus quam quis purus iaculis, non volutpat mauris sagittis. Vestibulum eleifend nec risus non ultrices. Etiam dictum at lorem vitae fermentum. Fusce vitae condimentum augue. Donec euismod convallis sapien, quis aliquet justo viverra vitae. Nullam at vehicula tellus, sed eleifend metus. </p>
+
-
<p>Curabitur ornare mauris nunc, eget volutpat sem fermentum vitae. Donec tempus, lorem quis tempor suscipit, dolor enim lobortis purus, ut rhoncus lectus lectus sit amet velit. Curabitur malesuada lorem at facilisis tristique. In mauris dui, viverra ultricies consectetur vitae, pretium sed quam. Suspendisse posuere turpis ornare nulla pellentesque porttitor. Nullam vehicula vitae lacus sit amet faucibus. Phasellus id lacus euismod, commodo dui non, vulputate lectus. Praesent eros ligula, aliquam at lectus sit amet, auctor volutpat dolor. Quisque tincidunt risus quis nibh rutrum, at faucibus felis tempor. Quisque lacinia, ipsum quis congue condimentum, neque est gravida sem, a fermentum dui ligula id massa. Integer vel lacinia sem. Mauris iaculis nisi at quam mollis, a consequat massa venenatis. Donec id vulputate ante, vitae pretium turpis. Pellentesque eget lorem turpis. </p>
+
</div>
</div>
-
<div id="footer">
 
-
<a href="http://www.exeter.ac.uk"><img src="exeterLogo.png"></a>
 
-
<a href="http://www.bbsrc.ac.uk/home/home.aspx"><img src="bbsrc.png"></a>
 
-
<a href="http://www.wellcome.ac.uk/"><img src="wellcomeTrust.png"></a>
 
-
<a href="http://www.sgm.ac.uk/"><img src="generalMicrobiology.png"></a>
 
-
<a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=john_love"><img src="embg.png"></a>
 
-
<a href="http://www.biochemistry.org/"><img src="biochemicalSociety.png"></a>
 
-
<p>Follow us on Twitter: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://twitter.com/ExeteriGEM2014" class="twitter-follow-button" data-show-count="false">Follow @ExeteriGEM2014</a>
 
-
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
 
-
</p>
 
-
<p>Like us on Facebook: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FExeter-IGEM-2014%2F1489417537962618%3Fref%3Dts%26fref%3Dts&amp;width=150&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:60px;" allowTransparency="true"></iframe>
 
-
</p>
 
-
</div>
 
-
</div>
 
-
 
-
 
-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
-
<script src="backstretch.js"></script>
 
-
<script type="text/javascript">
 
-
    $.backstretch("background.jpg");
 
-
</script>
 
-
</body>
 
</html>
</html>
 +
{{ExeterFooter}}

Latest revision as of 19:39, 17 October 2014

Exeter | ERASE

Exeter | ERASE

Retrieved from "http://2014.igem.org/Team:Exeter"